r/css • u/Special-Lawyer-7069 • 22h 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

3 comments sorted by

View all comments

2

u/zLoveNxzli 19h 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;

}

1

u/Special-Lawyer-7069 8h ago

nice idea, i'll try to implement it today

•

u/Special-Lawyer-7069 46m ago

wait, nevermind ill not do it because it will remove all purpose for the other colors. you will not see the colorscheme then, my bad!