Learn to Create WordPress Themes by Building 5 Projects

Changing the color of the background and text of the sidebar

Now we want the background to be black and the text to be white, so let's go to our stylesheet and just add some core styles there. The first thing we'll add is body, and we'll give it a background of black and a color of white:

body{  background: #000;  color: #fff;}

Then for the links I want to take the underline away, so we'll add text-decoration: none. For the list items (li), we don't want to have any bullets so we'll add list-style: none. For the input, we want the text to be in a dark color, so let's add color: #333 as shown here:

a{  text-decoration: none;}li{  list-style: none;}input{  color: #333;}

Let's save this, and we can see the changes as follows: