{"id":18814334,"url":"https://github.com/n2geoff/grayscale-css","last_synced_at":"2026-01-13T03:30:18.430Z","repository":{"id":57253858,"uuid":"416915523","full_name":"n2geoff/grayscale-css","owner":"n2geoff","description":"CSS For Minimalists","archived":false,"fork":false,"pushed_at":"2022-06-15T01:50:45.000Z","size":542,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2024-04-26T17:42:03.601Z","etag":null,"topics":["css","dynamic","theme-builder"],"latest_commit_sha":null,"homepage":"https://n2geoff.github.io/grayscale","language":"CSS","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/n2geoff.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2021-10-13T22:27:52.000Z","updated_at":"2022-07-18T15:57:52.000Z","dependencies_parsed_at":"2022-09-04T14:11:23.196Z","dependency_job_id":null,"html_url":"https://github.com/n2geoff/grayscale-css","commit_stats":null,"previous_names":["n2geoff/grayscale"],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/n2geoff%2Fgrayscale-css","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/n2geoff%2Fgrayscale-css/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/n2geoff%2Fgrayscale-css/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/n2geoff%2Fgrayscale-css/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/n2geoff","download_url":"https://codeload.github.com/n2geoff/grayscale-css/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":239750152,"owners_count":19690581,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["css","dynamic","theme-builder"],"created_at":"2024-11-07T23:40:16.476Z","updated_at":"2026-01-13T03:30:18.402Z","avatar_url":"https://github.com/n2geoff.png","language":"CSS","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Grayscale CSS\r\n\r\n\u003e CSS For Minimalists\r\n\r\nGrayscale 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.\r\n\r\nIt *may* be `classless`, but it *oozes* [style](src/extras)\r\n\r\nAll in **2kb gzipped!**\r\n\r\n### Features\r\n\r\n- Tiny, 2kb\r\n- Classless\r\n- Dynamic, 15 Custom CSS Vars\r\n- Pure CSS Theme Generation\r\n- Includes Light and Dark Themes\r\n\r\n\u003e WARNING: ever-green browsers need only apply ;)\r\n\r\n\r\n## Check it Out\r\n\r\n- [Theme Builder](https://n2geoff.github.io/grayscale/theme/)\r\n- [Documentation](https://n2geoff.github.io/grayscale)\r\n\r\nWhile **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\r\n\r\n---\r\n\r\n\u003cdiv style=\"display: flex\"\u003e\r\n  \u003cimg src=\"https://n2geoff.github.io/grayscale/img/steelblue-dark.png\" width=\"344\"\u003e\r\n  \u003cimg src=\"https://n2geoff.github.io/grayscale/img/steelblue-light.png\" width=\"344\"\u003e\r\n\u003c/div\u003e\r\n\r\n---\r\n\r\n\u003e Add `data-theme=\"dark\"` to the `html` tag for a taste of the dark side\r\n\r\n\r\n## LICENSE\r\n\r\n- [MIT](LICENSE)\r\n\r\n\r\n## TODO\r\n\r\nWhile 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\r\n\r\n- some theme colors need sat/light `clamp`ed so colors dont clobber eachother\r\n\r\n- theme designs for normally uncustomizable parts:checkbox, radio button, range sliders ect...\r\n\r\n- Im a fan of `details` \u0026 `summary`, needs to be included\r\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fn2geoff%2Fgrayscale-css","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fn2geoff%2Fgrayscale-css","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fn2geoff%2Fgrayscale-css/lists"}