How to change the main color scheme in WordPress (quickly and easily)


Do you want to change the main color scheme in WordPress?

It allows you to change the main color scheme in WordPress and create your own dashboard and your team .
The color scheme can also match your brand design, or just feature your favorite colors .
Starting in this article, we will show you how to easily change the color scheme in WordPress .

Why change the main color scheme in WordPress?

If you are not a fan of the default WordPress home color scheme, you can easily change the color scheme however you like. You can also change the color scheme to match your WordPress theme design, or add a dark mode feature.
This can be useful if you have a membership site or online store where users can log into your site, and want your website and admin dashboard to offer a similar experience.
You can also use a different color scheme for your staging site to easily distinguish it from your live site.
However, we are going to show you a few different ways you can change the color scheme in WordPress. You can use the quick links below to jump directly to the method you want to use.
  • Change the admin color scheme using the built-in WordPress settings .
  • Create custom admin color schemes in wordpress .
  • Control the default admin color scheme for WordPress users .

How to change admin color scheme using WordPress default settings

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

Also, to change the admin color scheme, simply login to your WordPress admin dashboard, then go to Users » Profile.

Next, select the new color scheme in the “Manager Color Scheme” section by clicking the radio button.


There are 9 different color schemes to choose from .
When you click on different options, the color scheme will change automatically .
Once you have selected the colors you want, you need to scroll to the bottom of the page and click on the Update Profile button.
You can also control the main color scheme of other registered users on your WordPress site.
To do this, go to Users, All Users, hover over the user, and click Edit.
Then, just follow the same instructions above to change the color scheme for that user.
Once done, make sure to click on the Update Profile button at the bottom of the page.

How to create custom admin color schemes in wordpress

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

To do this, go to the free ” WordPress Admin Colors ” website and click on the “Start Creating” button .

main color scheme

Then enter a name in the Color Scheme Name box.

This name will appear in the WordPress admin panel as a new color option.


Then, you can fully customize the color scheme by clicking on the color options in the “Choose your colors” section.

To change an existing color, click on the color and choose your new color from the pop-up menu.

You can click anywhere in the color picker, or enter a hexadecimal code for a specific color.


main color scheme

Once you have finished customizing your color scheme, click the Create Color Scheme button at the bottom of the page.

This will generate the color scheme icon that you need to add.

On the next page there will be two different code files.

You need to download the CSS file, afterthat copy the code snippet and paste it into your favorite text editor .

We will add these files to your WordPress .

main color scheme

If you haven’t done so before, check out our guide on how to copy and paste code in WordPress .

You can add a piece of the code to your own jobs . php file, in a site-specific plugin, or with a code snippets plugin .

For this tutorial, we’ll be using a code snippets plugin . It’s the easiest and beginner-friendly way to add code snippets to your WordPress site .

First, you need to install the Code Snippets plugin . For more details, check out our beginners guide on how to install the WordPress plugin .

If activated, you will have a new menu item called “Extracts” in your WordPress admin bar.

Then go to Snippets » Add New and name your code snippet .

This can be anything to help you remember your code .

Then, you can paste the snippet you copied above into the Code box as shown in the image .


Next, click the Save Changes and Activate button at the bottom of the screen. This will save the icon and activate the new color scheme.
main color scheme
Now, you need to upload the CSS stylesheet that you downloaded earlier to the themes directory of your WordPress hosting account.
To do this, you can use an FTP client, or choose File Manager in your WordPress hosting control panel.
And if you haven’t used FTP before, you might want to check out our guide on how to use FTP to upload files to WordPress.
First, you need to connect to your website using an FTP client, or cPanel file manager. Once connected, you need to go to the /wp-content folder.
Inside the wp-content folder, you will see a folder called themes. This is where WordPress stores all the themes your website uses or has used in the past.
All you need is to click on the themes folder, and choose the theme you want to use.
Next, load the “display.css” file you downloaded and a CSS file with the name you chose from earlier.

Note :

If you have changed your WordPress themes, you will need to upload the CSS file to your new themes folder.
Next, go to Users » Your Profile and then you can select the new color scheme you just created.
main color scheme
If you want to use this color scheme, remember to click the Update Profile button at the bottom of the page.


Previous post
How to get a website ?
Next post
25 Errors in WordPress and How to Fix Them ( Part 1 ) ?

Leave a Reply