2021-09-07 16:56:07
2021-09-07 06:55:30
2021-09-07 06:51:23
202149
Zenburn color scheme for Simple.css
Honestly I'm not sure where I stumbled over Simple.css by @Kev Quirk, which is
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.
Now I need somewhere to use it for 😉
Simple.css wrote:
Simple.css is a classless #CSS #framework that allows you to make a good looking website really quickly.with a minified food print of 4kB (compared to 144kB of Bootstrap).
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.
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 😉
Tobias
•Hypolite Petovan
•Tobias likes this.