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 .
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.
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 .
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.
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.
If you want to use this color scheme, remember to click the Update Profile button at the bottom of the page.
To provide the best experiences, we use technologies like cookies to store and/or access device information. Consenting to these technologies will allow us to process data such as browsing behavior or unique IDs on this site. Not consenting or withdrawing consent, may adversely affect certain features and functions.
Functional
Always active
The technical storage or access is strictly necessary for the legitimate purpose of enabling the use of a specific service explicitly requested by the subscriber or user, or for the sole purpose of carrying out the transmission of a communication over an electronic communications network.
Preferences
The technical storage or access is necessary for the legitimate purpose of storing preferences that are not requested by the subscriber or user.
Statistics
The technical storage or access that is used exclusively for statistical purposes.The technical storage or access that is used exclusively for anonymous statistical purposes. Without a subpoena, voluntary compliance on the part of your Internet Service Provider, or additional records from a third party, information stored or retrieved for this purpose alone cannot usually be used to identify you.
Marketing
The technical storage or access is required to create user profiles to send advertising, or to track the user on a website or across several websites for similar marketing purposes.
