Honestly I'm not sure where I stumbled over Simple.css by @Kev Quirk, which is

Simple.css wrote:

Simple.css is a classless #CSS #framework that allows you to make a good looking website really quickly.

By classless I mean that there are no CSS classes anywhere in the CSS or the #HTML. So your website can look just like this using plain old vanilla HTML.

with a minified food print of 4kB (compared to 144kB of Bootstrap).

I liked the idea and I like the zenburn color scheme, so I've created a #zenburn inspired scheme for Simple.css.



Simple create a "zenburn.css" file and include it after the Simple.css file in your HTML header. The file does only need the color assignments. Or add these color definitions at the top of the CSS file that controls the rest of the layout of your page.

/* Zenburn Colors for Simple.css
 */
:root {
  --bg: #434443;
  --accent-bg: #3f4040;
  --text: #f0dfaf;
  --text-light: #efdcbc;
  --border: #D8DAE1;
  --accent: #7f9f7f;
  --accent-light: #90CAF9;
  --code: #80d4aa;
  --preformatted: #93b3a3;
  --marked: #FFDD33;
  --disabled: #EFEFEF;
}
a {
  color: #e89393;
}

Now I need somewhere to use it for 😉