How Do I Change the Color of My WordPress Dashboard?

When you first set up your WordPress site, you may have chosen a default color for your dashboard. But if you want to change the color, there are a few ways to do so.

One way to change the color of your dashboard is to go to your WordPress site’s Appearance » Colors » Customize Colors area and change the color of the text, buttons, and other elements.

Another way to change the color of your dashboard is to use a color palette. To do this, go to your WordPress site’s Appearance » Customize » Colors area and click the Add a Color Palette button.

Then, browse to and select the color palette file you want to use.

Finally, you can also change the color of your dashboard using CSS. To do this, open your site’s style.css file and add a section that looks like this:.dashboard {

background: #1d1d1d;

}.dashboard h1 {

color: #000;.dashboard ul {

list-style-type: none;.dashboard li {

background: #fff;.dashboard li a {.dashboard ul li {

border-bottom: 1px solid #ccc;.dashboard ul li a {.dashboard ul li a:hover {

color: #fff;.dashboard ul li.active {

background: #ededed;.active a {

color: #ededed;.active span {

background: #eeeeee;.active span:hover {

background: #cccccc;

dashboard ul li.active span.

active {.

dashboard ul li.

active a {.

active:hover {.disabled {

background: none repeat scroll 0 0 #ccc;.disabled a {

color: #999;.disabled:hover {.dashboard ul li:first-child {

border-top: none;.dashboard ul li:last-child {

border-bottom: none;.active,.inactive {

border-color: #ccc #ccc;

background: #ccc;.dashboard ul li a:active {.active span:active {.dashboard ul li a:hover span {.disabled span {.disabled span:hover {

dashboard ul li.disabled span.wp-content-footer {

padding-top: 20px;.wp-content-footer p {

font-size: 12px;.