WoltLab Cloud Warly ACP Style 2.2.0

With this plugin you can fully colorize the ACP. Dark mode or company colors in the ACP? No problem with Warly ACP Style.

Attention: Unfortunately no support at the moment. Reduced price!

With this small plugin you can tint the ACP in your colors. This will bring your brand/website style into the ACP and you can identify yourself with it. If you are working in several ACPs at the same time (e.g. live and test environment), you can easily distinguish the ACPs.

• Bring your brand/website style into the ACP and change colors and logo
• Easily distinguish between multiple ACPs
• Use the same style as for your website or create your own for the ACP only
• Easy integration into the style system, no extra configuration or rights

Instructions

A custom style in the ACP is activated simply by clicking the new "Make ACP style" button in the Styles Management.

Tip: Even deactivated styles are applied in the ACP. If you want a style to be used for the ACP only, you can enable it for the ACP and disable it for the website.

Since the familiar style editor is used, the same customization options are available as for a style in the frontend. However, since the layout of the ACP is different, there are differences in the use of some color categories:

wcfHeaderMenu

The wcfHeaderMenu category is used to color the menu and submenu on the left side.

wcfHeader

The wcfHeader category colors the top bar including search.

wcfHeaderSearchBox

This category is not used by the ACP. The search box is colored from different shades of the header color.

wcfSidebar

This category is currently used only in the style editor, since there are no other sidebar-like elements in the ACP.

wcfFooterBox, wcfFooter, wcfSidebarDimmed

These categories are not used in the ACP, because they do not exist in the ACP.

Extension

The ACP style can be further customized in the Advanced Settings by Individual CSS and SCSS and SCSS Variables Override.

For plugins, there are two options for integration:

• As .scss files in the acp/style/warly/ folder. All files in this folder are taken into account when creating the ACP style.
• Additional scss can be added via the PHP event ACPStyleHandler::compile.

Please note: Warly Boxxer will utilize this possibility with the upcoming version 2.0.0 and thus also color the grid in the colors of the ACP. In the current version there are contrast problems when the content area is colored dark.