https://github.com/n2geoff/grayscale-css
CSS For Minimalists
https://github.com/n2geoff/grayscale-css
css dynamic theme-builder
Last synced: 6 months ago
JSON representation
CSS For Minimalists
- Host: GitHub
- URL: https://github.com/n2geoff/grayscale-css
- Owner: n2geoff
- License: mit
- Created: 2021-10-13T22:27:52.000Z (over 4 years ago)
- Default Branch: main
- Last Pushed: 2022-06-15T01:50:45.000Z (about 4 years ago)
- Last Synced: 2024-04-26T17:42:03.601Z (about 2 years ago)
- Topics: css, dynamic, theme-builder
- Language: CSS
- Homepage: https://n2geoff.github.io/grayscale
- Size: 529 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# Grayscale CSS
> CSS For Minimalists
Grayscale is a tiny-dynamic-classless css stylesheet designed for rapid prototyping and **LIVE** dynamic style alterations. **CHANGE A SINGLE COLOR** to **REDEFINE YOUR ENTIRE THEME**, complete with *light* and *dark* modes.
It *may* be `classless`, but it *oozes* [style](src/extras)
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
- [Theme Builder](https://n2geoff.github.io/grayscale/theme/)
- [Documentation](https://n2geoff.github.io/grayscale)
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
- [MIT](LICENSE)
## TODO
While many of the core ideas are here to keep it as small as possible, there are plenty of tweaks and extras to build to hit that perfect sweat spot
- some theme colors need sat/light `clamp`ed so colors dont clobber eachother
- theme designs for normally uncustomizable parts:checkbox, radio button, range sliders ect...
- Im a fan of `details` & `summary`, needs to be included