Plugin / Admin Color Schema

Hyyan Abo Fakher



The plugin to enable wordpress themes to add its own admin color schemas directly from theme


  1. Adding new admin color shemas directly with theme
  2. Activating specific admin color schema for every new registered user automatically
  3. Removing admin color picker from users profile
  4. Applying selected admin color shema on the wordpress adminbar in the frontend

What I need

You will need scss for fast theme generating based on the wordpress scss files,
But of course you can still use normal CSS file.


Everyone is welcome to help contribute and improve this plugin. There are several
ways you can contribute:

  • Reporting issues (please read issue guidelines)
  • Suggesting new features
  • Writing or refactoring code
  • Fixing issues


The plugin comes with an example to see how the plugin works , it is under example/Dark folder.

To use the example :

  1. Copy example/Dark to your/theme/folder/color-schema/Dark
  2. Activate the new schema from you profile

Plugin configutaion

The plugin comes with following configuration as default :

<? php
$default = array(
    // path relative to the theme dir 
    'path' => '/color-schema',
    // default color-schema to activate for every new user
    'default' => '',
    // if true the user will be no more able to change its dashboard color schema
    // and the default one will be used
    'disable_color_picker' => false,
    // enable color-schema on fontend
    'enbale-on-frontend' => true,

You can override the default configuration using add_filter function like
in the following example :


// in the your theme's functions.php file
add_filter('Hyyan\AdminColorSchema.options', function(array $default) {

    // read schemas from "admin-color-schema" folder relative to current theme
    $default['path'] = '/admin-color-schema';

    // use Bluetheme as default schema for every new user
    $default['default'] = 'BlueTheme';

    return $default;

Create new schema

If you are using the default path in the plugin configuration then :

  1. Create color-schema in your theme root dir
  2. Create new schema dir for example : (vivid) in the color-schema dir
  3. Create schema.ini file and configure it
  4. create colors.scss then complie it into colors.css

    ; schema.ini
    ; ==============
    ; the name of your theme if not set the current dir name will be used
    ; for example if your theme live in “color-schema/vivid” then “vivid” will be used as name of theme
    name= my create theme

    ;your translaion domain if not set the ‘defualt’ domain will be used
    ;the domain will be used to translate the theme name
    domain= default

    ; colors preview (4 colors)
    colors []= #52accc
    colors []= #e5f8ff
    colors []= #096484
    colors []= #e1a948

    ; icons colors preview (4 colors)
    icons []= #52accc
    icons []= #e5f8ff
    icons []= #096484
    icons []= #e1a948

    // colors.scss
    // ============

    $base-color: #52accc;
    $icon-color: #e5f8ff;
    $highlight-color: #096484;
    $notification-color: #e1a948;
    $button-color: #e1a948;

    $menu-submenu-text: #e2ecf1;
    $menu-submenu-focus-text: #fff;
    $menu-submenu-background: #4796b3;

    // require the path relative to your wordpres (wp-admin) folder
    @import “…../wp-admin/css/colors/_admin.scss”;

You are done …

Go to your profile now and you will see your new color schema whiche you can


0 reviews

Rating breakdown

Details Information



First Released

06 Oct, 2014

Total Downloads


Wordpress Version

3.0.1 or higher

Tested up to:


Require PHP Version:





The plugin hasn't been transalated in any language other than English.


The information provided in this THEME/PLUGIN DIRECTORY is made available for information purposes only, and intended to serve as a resource to enable visitors to select a relevant theme or plugin. wpSocket gives no warranty of any kind, express or implied with regard to the information, including without limitation any warranty that the particular theme or plugin that you select is qualified on your situation.

The information in the individual theme or plugin displayed in the Directory is provided by the owners and contributors themselves. wpSocket gives no warranty as to the accuracy of the information and will not be liable to you for any loss or damage suffered by you as a consequence of your reliance on the information.

Links to respective sites are offered to assist in accessing additional information. The links may be outdated or broken. Connect to outside sites at your own risk. The Theme/Plugin Directory does not endorse the content or accuracy of any listing or external website.

While information is made available, no guarantee is given that the details provided are correct, complete or up-to-date.

wpSocket is not related to the theme or plugin, and also not responsible and expressly disclaims all liability for, damages of any kind, arising out of the use, reference to, or reliance on, any information or business listed throughout our site.

Keep Leading Your Followers!
Share it for them.