I was bored in work, and just days after migrating this blog to hosted WordPress.com, I decided to move it back to a self-hosted one at sarkymarky.com, which in hindsight was a good idea as it’s cleared all the shit from the site.

Anyhoo, I was stuck on what to put on this crap, so while actually doing some work in CSS, I had a little bit of an idea… why not CSS myself. Wow Mark, you have too much spare time.

So I set up a little Text widget in the footer and started writing, which is always a struggle for myself as I’m relatively modest, yes seriously :p

I use the Monokai theme in Sublime Text, Brackets and VSCode and since the footer on this theme is black, let’s run with it.

Add some DIV tags to seperate the content, a little padding to make it a little more legible and wrap the selector, property and values in span’s and ta-dah!

Now let’s copy the colours from Monokai, and drop them into CSS.

And boom.

If you don’t have a dark background, here’s the Visual Studio scheme.

Leave a Reply