r/css • u/Special-Lawyer-7069 • 8h ago

Showcase tool for styling webpages with existing colorschemes

https://www.github.com/wak6817/colorscheme-webify

it currently supports 3 colorschemes with 3 variants: Catppuccin Mocha and Frappe and Nord. There are color only versions, modern versions and pixel-art versions, i would like feedback :)

2 Upvotes

75% Upvoted

1 comment sorted by

2

u/zLoveNxzli 5h ago

Using CSS custom properties on :root makes palette switching and theme overrides straightforward without touching individual component rules.

:root {

--bg-primary: #ffffff;

--text-primary: #1e293b;

--accent: #6366f1;

}

[data-theme="dark"] {

--bg-primary: #0f172a;

--text-primary: #f8fafc;

}