Customize EVO Default Manager theme colors

ManagerColors plugin allows customize Evolution CMS Default Manager theme colors.

EVO Version: Evolution 1.4x, Evolution 2.x, Evolution 3.x

ManagerColors is a plugin for Evolution CMS that allows you to customize the manager interface colors. With a single primary color, the plugin generates a consistent base theme that can be further customized in every aspect. You can modify the colors of the navigation bar, tree menu, buttons, logos and login page, including the transparency of the login box. The plugin is completely modular: each section can be enabled or disabled independently. It supports light and dark themes, custom logos, and custom styles through chunks.

Table of Contents

ManagerColors key Features:

Change default manager color
Navbar logo management
Modular: each section can be enabled or disabled
Load custom styles from chunks to allow any default theme customization

Installation instructions

Install with Extras Module

ManagerColors Plugin Configuration

Logo and theme settings

EVO Navbar Logo: Choose between 5 evolution logo modes/types (options: default, blacktext, whitetext, smallblack, smallwhite), set a custom logo (options: customwide, customsquare) or hide the Navbar logo (option: hide).
Custom Logo path: Url of your custom logo (ie: ../assets/images/customlogo.png). Suggested sizes 360x55px for customwide logos, or any squared sizes (ie 100x100) for customsquare logo
Enable Colored action buttons: Add background color to duplicate delete and cancel buttons
Main Theme Color: Theme Primary Color (mandatory).

Navbar Settings

Enable Navbar styles: Enable ManagerColor styles in the Navbar
Top Menu Background color: navbar background color
Top Menu link color: navbar link color
Top Menu link hover color: navbar link:hover color
Top Menu Dropdown Active color: navbar link active (dropdown) color
Top Menu dropdown item hover bg color: dropdown items hover background color

Tree Settings

Enable Tree styles: Enable ManagerColor styles in Tree Frame
Tree Buttons Color: Color of Tree buttons (sort, new doc, new link...) (optional)
Elements in Tree Buttons Color: "Elements in Tree" Plugin buttons color (optional)
Tree Menu Links Color: Tree menu Published resources color (optional)
Dark Tree Menu Links Color: dark thems Tree menu Published resources color (optional)

Main Frame Settings

Enable Main styles: Enable ManagerColor styles in the Main frame
Primary Buttons Color: Color of primary buttons
Primary Buttons Hover Color: Color of primary hover state buttons
Welcome Buttons Color: Color of Dashboard icons
Welcome Buttons Hover Color: Color of hover state Dashboard icons
Main Links Color: Main frame link color (optional)

Login Page Settings

Enable Login styles: Enable ManagerColor styles in the Login page
Show Login Logo: show/hide login logo
Login Page Background color: Use a flat color for login background (will cover the background image)
Login Box Background Color: Background color for LoginBox
Login Box Background Opacity: Background opacity for LoginBox
Login Box Text Color: Login Box Text Color

Custom Styles Settings

Custom Navigation and Tree styles chunk: chunk name to add more custom styles to navbar and tree menu
Custom Main Frame styles chunk: chunk name to add more custom styles to the main
Custom Login styles chunk: chunk name to add more custom styles to the login page