Go to file

Geoff Doty 693e5f23c7 document theme builder		2021-10-16 02:04:57 -04:00
dist	renaming to grayscale	2021-10-16 00:08:04 -04:00
example	document theme builder	2021-10-16 02:04:57 -04:00
src	renaming to grayscale	2021-10-16 00:08:04 -04:00
LICENSE	update readme w/ images	2021-10-13 18:07:44 -05:00
README.md	renaming to grayscale	2021-10-16 00:08:04 -04:00

README.md

Grayscale CSS

CSS For Minimalists

Grayscale is a tiny-dynamic-classless css stylesheet designed for rapid prototyping. Use AS-IS or...

CHANGE A SINGLE COLOR and REDEFINE YOUR ENTIRE THEME, complete with light and dark modes.

It maybe classless, but it oozes style that you can extend!

All in 2kb gzipped!

Features

Tiny, 2kb
Classless
Dynamic, 15 Custom CSS Vars
Pure CSS Theme Generation
Includes Light and Dark Themes

WARNING: ever-green browsers need only apply ;)

Check it Out

While Grayscale CSS can generate a dynamic theme based on A SINGLE COLOR, it defaults to a beautiful theme is based on steelblue , and of course that comes in both light and dark variants

Add data-theme="dark" to the html tag for a taste of the dark side

LICENSE

TODO

Still have a bunch of tiny tweaks and extras to build, but th

clamp themes, saturation and lightness above 80, or below 20 just wont work
add theme to parts, checkbox, radio button, range sliders ect...
styles for details & summary
ability for an accent color (defaults to theme)
Tweak code, pre, kbd
input highlight on focus
documentation around main , article, section tags