x

Custom Admin Dashboard Theme

Dashboard Colors

General colors are general color settings that used on all pages of the admin panel. You can use your main brand colors to make WordPress admin panel more like your own brand.

Background Color

This is the main background color on all admin pages

Custom background color of the WordPres dashboard made by Cusmin
Change the Background Color in WordPress admin panel

Text Color

Change the default dark gray color of the text in admin bar with this option

Custom text color in the WordPress admin made by Cusmin
Change the Text Color in WordPress admin panel

Footer Text Color

This will change the color of the footer text in WordPress admin panel

Custom footer color in the WordPress admin made by Cusmin
Change the footer color text in WordPress admin panel

Link Color

Change the color of all links inside the WordPress admin panel with this option

Custom links colors of the WordPress dashboard made by Cusmin
Change WordPress admin panel links color

Link Hover Color

Similar to previous option, this option will change the color of all links in admin panel but on the mouse hover state

Titles Color

This option will change the color of the titles used in admin panel

Custom title colors of the WordPress dashboard
Change color of the titles in admin panel

Button Color

This will change colors of buttons in admin panel

Custom button colors of the WordPress dashboard items made by Cusmin
Change Button Colors in WordPress admin panel

Button Hover Color

Changes the hover state color of all buttons in admin panel

Button Text Color

Change the text color within the buttons in admin panel

Button Text Hover Color

Change the text color on button mouse hover state

Branding Super-light Color

You can use your branding color to apply it in multiple places in admin panel like tables, widgets etc. Please use very light version of your branding color (almost white), in order to respect the text contrast.

Custom light branding background color made by Cusmin
Light Branding Color

Login Page Colors

Colorizer Login page colors can help you to customize almost all colors on the login page. Here is an example of all applied colors:

Custom WordPress login form with custom colors made by Cusmin
Cusmin Login Color Customizations

These are the Login Page Color Options:

  • Background Color
  • Form Box Background Color
  • Message Box Background Color
  • Message Box Text Color
  • Text Color
  • Link Color
  • Link Hover Color
  • Button Color
  • Button Hover Color
  • Button Text Color
  • Button Text Hover Color
  • Input Text Color
  • Input Background Color
  • Input Border Color

Admin Bar Colors

Cusmin gives you many options for setting admin bar colors to match your brand.

Background Color

Set admin bar color with Cusmin background color option. Transparent WordPress icons will automatically adjust to a new color, so changing just one option of your admin bar will make the look of your admin bar much better.

Blue background color of the WordPress admin bar
Background color example 1
WordPress admin bar in baby blue color
Background color example 2
WordPress admin bar in green color
Background color example 3

Text Color

You can change the default white admin bar text color with this option. We recommend using this option in combination with the background color option to match your brand.

Custom text color of the WordPress admin bar
Change admin bar text color with Cusmin

Context Menu Background Color

This will change the dropdown menu background color.

Custom color of the dropdown submenus of the WordPress admin bar
Change context menu background color

Context Menu Background - Under Logo Color

If you want to keep the default WordPress context menu under WordPress logo (or your custom logo), you can be able to change the background color of the menu. But why would you want to keep this WordPress help menu? With Admin Bar Editor, you can change the links in the menu with your custom links and with this color option in can be customized to fit your needs.

Custom colors of the default WordPress context menu in the admin bar
Change context menu background color

Context Menu Text Color

Change the text color in context menu with this option

Custom text color of the WordPress admin bar submenus
Custom context menu text color

Context Menu Text Hover Color

Change the text color in the context menu on mouse over.

Content Menu Item Background Hover Color

Change the background color of a context menu item on mouse over.

Custom admin bar context menu color on mouse over
Change background hover color on context menu item

Icon Color

Change WordPress admin bar icon colors

Custom colors of the WordPress admin bar icons made by Cusmin
Change admin bar icon colors

Icon Hover Color

Change the icon colors in admin bar on mouse over.

Admin Menu Colors

We gave a special focus to admin menu customization since almost all our customers want to custom and brand their admin menu. These options will help you to style admin menu in a way you want with custom colors of your brand. We made a step further and allow you also to override some of these settings in Admin Menu Editor, so you can use these settings as general style but for some particular admin menu items, you can add specific styles in Admin Menu Editor.

Button Background Color

Change the button background color with this option

Custom admin menu background color
Custom admin menu background color

Button Background Selected Color

This option will change the background color of the menu item that is currently selected (you are on that page in admin panel).

Background color of the active admin menu item
Background color of the active admin menu item

Button Background Hover Color

When you move the mouse over a menu item, the background color will change to the color set in this option.

Change the background color of the admin menu item on mouse over
Change the background color of the admin menu item on mouse over

Button Text Color

Change the color of the menu item text

Custom admin menu buttons text color
Custom admin menu buttons text color

Button Text Hover Color

Change the color of the menu item text on mouse over.

Custom color on mouse over of the WordPress admin menu items
Custom color on mouse over of the WordPress admin menu items

Button Text Selected Color

Change the color of the currently selected menu item text.

Custom text color for the currently selected item
Custom text color for the currently selected item

Icon Color

Change the color of the icons in the admin menu.

Custom admin menu icons color
Custom admin menu icons color

Icon Hover Color

Change the colors of the icons on the mouse over.

Changing the color of the admin menu icons on mouse over
Changing the color of the admin menu icons on mouse over

Icon Selected Color

Change the icons color for the currently selected menu item.

Set the icon color of the currently selected menu item
Set the icon color of the currently selected menu item

Submenu Background Color

Change the context menu (submenu) background color.

Custom background color of the admin menu context menu
Custom background color of the admin menu context menu

Submenu Background Hover Color

Change the color of the submenu item when you move your mouse over it.

Custom text color of the context menu items on mouse over
Custom text color of the context menu items on mouse over

Submenu Text Color

Change the text color of the context menu.

Custom text color of the admin menu context items
Custom text color of the admin menu context items

Wrapper Background Color

Change the wrapper sidebar background color. This option works the best with the Button Background color option. If you set both to the same color, the whole menu with the sidebar will have the same color.

Change the sidebar color of the WordPress admin menu
Change the sidebar color of the WordPress admin menu

Update Counter Background Color

Change the text color of the update counter. This counter is a number of updates in the circle that appears when updates are available.

Change the text color of the conters in the admin menu
Change the text color of the conters in the admin menu

Update Counter Background Hover Color

Change the background color of the update counter circle when you move the mouse over it.

Update Counter Text Color

Change the text color of the update counter.

Collapse Menu Colors

Collapse menu can be completely customized with these custom colors:

  • Collapse menu text color
  • Collapse menu text hover color
  • Collapse menu background color
  • Collapse menu background hover color
  • Collapse menu icon color
  • Collapse menu icon hover color

Dashboard Widgets Colors

With these options, you can customize the colors of the admin panel widgets. Here are the widget color options:

  • Title Bar Background Color
  • Title Bar Text Color
  • Background Color
  • Text Color

This is an example of a widget with custom colors:

Example of the WordPress dashboard widget with custom colors
Custom widget colors

In this very example, we set the color options like this:

Cusmin options for setting custom colors of the WordPress admin widgets
Custom colors used for widgets





Comments

Was this helpful?
Is there anything that we can improve?
SendCancel
Thanks for your feedback!

Ready for Cusmin?  Pricing - See Demo - Documentation