Blog + diary nested CSS to create a different color scheme

I used the same layout for my blog and diary, but I wanted to keep both of them visually distinct while having the same layout. The solution was to change up the color scheme. One way to do this is by completely copy and pasting the diary’s css and making a blog.css to change all the colors by hand. Tedious…

I chose the less (maybe more) painful option of creating a class for the body of the blog called .blog and recoloring each element by calling on their class/identifier and giving them a green color.

I recently heard about nested CSS on an article. It is still pretty messy to use, but I would say that using this technique to change the colors of a layout is pretty harm-free.

If you’ve made it this far, thank you for reading and have a music rec! Ilia’s Omen by acloudyskye