Beginners Guide How To

How to Change the Admin Color Scheme on WordPress

How to Change the Admin Color Scheme on WordPress
Written by Zaki

How to Change the Admin Color Scheme on WordPress

Hello WordPress Bloggers!

Do you want to change the admin color scheme on WordPress? Changing the WordPress admin color scheme allows creating a custom dashboard for you and your team members. The color scheme can match your brand design or just the colors you like.

This topic will discuss how you can change the admin color scheme on WordPress easily and quickly.

Why Change the Admin Color Scheme on WordPress?

If you are not a fan of the default admin color scheme on WordPress, you will be able to change the default color scheme to anything you want quickly.

You can also change the color scheme to suit the design of your WordPress theme or even add a dark mode feature.

If you have a membership site or an online store, it will be helpful to where users log in to your website and want your site and admin dashboard to offer a similar experience.

You can also use a different admin color scheme for your staging site to make it easier to say this in addition to your live site.

As we said before, let us show you a few various ways how you can change the admin color scheme on WordPress. For that, you can use the quick links below to go to the method you want directly.

  • How do I change the admin color scheme with built-on WordPress settings
  • How do I create custom admin color schemes on WordPress
  • How do I control the default admin color scheme for WordPress users

How do I change the Admin Color Scheme with built-on WordPress Settings?

WordPress has a built-in feature that allows you to choose from a few default color palettes for your WordPress admin dashboard.

To change the admin color scheme on WordPress, you will need to log in to your WordPress admin dashboard and then simply go to Users » Profile.

Once you log in and navigate, you can select a new color scheme in the ‘Admin Color Scheme’ section by clicking the radio button.

Picture

There are 9 different color schemes; you can choose from them whatever you want.

Your dashboard color scheme will be changed automatically as you click on the different options.

Picture

Once you select your favorite color scheme, you should scroll down the page bottom and click on the ‘Update Profile’ button.

Picture

You will also be able to control the admin color scheme on your WordPress website for other registered users.

If you want to do so, go to Users » All Users, ” then hover over the user and click the ‘Edit button.

Picture

Now, follow the same process as above to change the admin color scheme on WordPress for that user.

Once you are finished, ensure to click the ‘Update Profile’ button at the left-bottom corner of the page.

How You Can Create Custom Admin Color Schemes on WordPress

If you want more color choices for your admin dashboard, you can create custom color schemes and upload them to your WordPress website.

For that, you will need to go to the free WordPress Admin Colors website and click the ‘Getting Started’ button.

Picture

Here, you will need to enter the name into the ‘Color Scheme Name’ box.

The name you enter will show up as a new color option in the WordPress admin panel.

Picture

Then you can completely customize your color scheme on WordPress by clicking the ‘Choose your colors’ section.

Choose your new color from the popup and click on the color to change one of the existing colors. Enter a hex code for a specific color, or click anywhere on the color picker to select your favorite color.

Picture

Once your color scheme customization is finished, click on the ‘Generate Color Scheme’ at the right-bottom corner of the page.

It will create a color scheme code that you want to add to WordPress.

Picture

Now, on the next page, two various code files will be there.

You will need to download the CSS file, copy the code snippets of that file, and then paste them into the text editor. We will add them to your WordPress files.

Picture

If you have not done this ever before, then you can check out our step-by-step guide on how to copy and paste code on WordPress.

You will be able to add code snippets to your functions.php file, to site-specific plugins, or using code snippets plugins.

In this article, we will be using a code snippets plugin. It is one of the most beginner-friendly and easiest methods of adding code snippets to the WordPress website.

First of all, you will need to install the Code Snippets plugin. For detailed information, check out our guide for beginners on how you can install a WordPress plugin.

Once you activate, you will have a new menu item labeled ‘Snippets’ in your WordPress admin bar. Go ahead and enter to Snippets » Add New.

After that, name your code snippet. It can be anything that helps you to remember your code.

Then, you will need to paste the snippet code into the ‘Code’ box that you copied above.

Picture

Now, simply click on the ‘Save Changes & Activate’ button at the left-bottom corner of your screen.

A new admin color scheme will be activated, and the code will be saved.

Picture

Here, you will need to upload the CSS stylesheet that you have downloaded earlier in your WordPress hosting account to your theme directory.

To do so, you will be able to use an FTP client or the option of file manager in your WordPress hosting control panel.

If you have not used FTP ever before, you should check out our guide on how to use FTP to upload files to WordPress.

First, you will need to connect to the website by the file manager in cPanel, or using an FTP client. After you are connected, you will have to navigate to the /wp-content folder.

Picture

Inside the folder of wp-content, you will see a themes folder. It is where WordPress stores all the themes that your website is using or has used in the past.

You will need to click on the themes folder, then open up the folder for the theme you use.

Picture

After that, you need to upload the display.css file that you have downloaded.

Now, your CSS file would have the name that was chosen earlier.

Picture

Note: You will have to upload the CSS file to the new theme folder if you change the WordPress themes.

Then, go to Users » Your Profile.

Then, you will be able to select the new color scheme that you just created.

Picture

If you would like to use this color scheme, then ensure to click the left-bottom corner button ‘Update Profile.’

How do I Control Default Admin Color Scheme for New Users

When new users want to create an account, the customize color scheme options will be there for them. However, you would like to prevent users from changing the color scheme or completely controlling the default admin color scheme.

To do so, using the free plugin Force Admin Color Scheme is the easiest way.

First, you will need to install & activate the plugin.

After you activate, navigate to Users » Profile and after that, choose your admin color and then click on the checkbox of the “Force this admin color scheme on all users.”

Picture

Then, you will need to click on the button “Update Profile” at the left-bottom corner.

The default admin color scheme will be similar for all existing and new users on your WordPress website.

For all of your users, this plugin will disable the admin color scheme selector. Only with admin success will users be able to change the color.

We hope this article has helped you.

If you think this article was helpful, please comment and share it with your friends and family.

Thanks for Reading
Read More:

About the author

Zaki

Leave a Comment