Get More Admin Color Schemes For WordPress 3.8

One of my favorite features of the WordPress 3.8 ‘About’ page is the live admin color scheme picker. WordPress 3.8 ships with eight different color schemes.

color-schemes

If you don’t find a favorite among the default color schemes, there are more options available using a plugin. A small group of designers have collaborated to bring WordPress users even more color schemes via Admin Color Schemes, which is receiving more interest now that 3.8 has been released. The plugin adds eight additional color schemes. If you install it, you’ll see the new colors available under your profile’s personal options in the admin.

More colors!

More colors!

You can click through the various color schemes to “try them on” instantly. These additional schemes were created by professional designers Kate Whitley, Dave Whitley, Mel Choyce, and Kelly Dwan. There’s something for everyone here, from primary colors to pastels to nature-inspired palettes.

Aubergine - by Kate Whitley & Kelly Dwan

Aubergine – by Kate Whitley and Kelly Dwan

Create Your Own Color Schemes

For the more adventurous, you can check out the code of this plugin to learn how to create your own color schemes. You might be surprised to know that the backbone of the color schemes is just a handful of variables included in its scss file, defining the base, highlight, notification and action colors. You’ll need to compile your new scss file into a corresponding CSS file in order to make it work. Admin Color Schemes offers a nice model for how to do this.

21

21 responses to “Get More Admin Color Schemes For WordPress 3.8”

  1. Keith Davis says:

    Hi Sarah
    What will they think of next?
    Someone pointed out to me that WordPress admin is now mobile responsive and they had fallen in love with the new widget area!

    I’ll point him in this direction for colour schemes.

    Report

  2. Chip Bennett says:

    I wonder if the Plugin could be extended to take advantage of the CSS pre-processor now bundled with core, to allow for arbitrary, user-defined color schemes?

    Report

  3. @Chip Bennett – I’m fairly certain someone is working on something like this right now. ;)

    Report

  4. Gregory says:

    Love the new look. Reminds me a lot of nice sleek app designs.

    Report

  5. Ian says:

    I’ve installed and activated this plugin, and would love to be impressed by it, but there’s no instruction as to *how* to change the colour scheme!

    Report

  6. @Ian – Hover over your name in the top right of the admin, then select “Edit my profile”.

    Report

  7. Oh yay, more choices. I was crushed to see that my beloved “seaweed” color scheme didn’t make the cut. Perhaps I’ll find one of these fitting.

    Does this mean MP6, the plugin, is over? Do we just delete it now?

    Report

  8. @Vanessa Blaylock – It will be automatically deactivated when you upgrade and you can delete it.

    Report

  9. The new color schemes are nice, although the default one seems to be best balanced … or it is just that i most used to it by now.

    Report

  10. Stijn Vogels says:

    It surprised me when I tried this yesterday, but I found the red color scheme (“sunrise”) surprisingly pleasing. I’m giving it a try for the next couple of days. (Was on MP6 before anyway, so no major changes for me.)

    Report

  11. Ian says:

    Ah, in Profile. Thanks, Sarah!

    Report

  12. Mel Choyce says:

    Just as an FYI: Kelly is a developer. :)

    Thanks for the write up!

    Report

  13. Mel Choyce says:

    @Vanessa Blaylock – We’ll be introducing Seaweed back in soon via this plugin. Keep an eye out for future updates!

    Report

  14. Lisa says:

    Can’t wait to be able to easily create my own color schemes with something like this!

    Report

  15. Alan says:

    If you want a different colour scheme than the default to be the ‘default’ for new users e.g. to match your front end scheme better. then it is fairly simple to set up the scheme on user creation, but takes a couple of lines of code. I documented that here on my blog.

    http://llocally.com/blog/2013/12/15/wordpress-3-8-admin-colour-selection/

    Hope some people find that useful.

    Report

  16. […] the new admin design or changes it in some way to suit your needs, by all means, go for it! Add more color schemes to WordPress 3.8, make the admin 50 shades of grey, or nuke it entirely and go back to the old […]

    Report

  17. […] a user-friendly color picker. Up until now, the only way to get alternative color schemes was to use a plugin or go through the process of rolling your […]

    Report

  18. […] a decent color scheme – truly, it’s harder than it looks – you might install the Admin Color Schemes plugin for an assortment of eye-pleasing options. For WordPress users who are excited to try […]

    Report

  19. […] 3.8 shipped with eight different color schemes. The Admin Color Schemes plugin provides an additional 16 color schemes to choose from. All of these choices in colors are a great […]

    Report

  20. […] the admin changed color! (In fact, you can change the colors of the admin a few different ways, but that’s another post.) The other, more important aspect of the admin redesign is that it is now […]

    Report

Newsletter

Subscribe Via Email

Enter your email address to subscribe to this blog and receive notifications of new posts by email.

%d bloggers like this: