Theme naming
Hey so I'm looking to build a little ui kit / design system for my personal projects and I'm wondering what approach I should take re. colors
I was thinking something like daisyui https://github.com/saadeghi/daisyui/blob/master/src/colors/colorNames.js
with a primary, primary-focus etc
but I'm not sure if I love the idea of a specific focus variant, but primary-100, primary-200 seems weird to me too
I don't really care I just need to choose something, so if someone has recommendations for something they've done and liked that would be great
13 Replies
I guess it's two parts, 1) what colors and variants should exist i.e. primary, primary-lighter, primary-darker
and 2) what naming conventions make the most sense
maybe like a background, a text color, accent color, etc.. and maybe like alts for all those? Idk thats the way my mind works when it comes to design haha
instead of going the daisy ui route, i would use cva and make that an npm package
Yeah I just meant daisy for naming and stuff. Using Unocss
Although I wonder if there is something better than cva
yeah i would def use cva cause typesafe
cva is pretty simple
its like less than 10 kb or a bit over that
there's nothing to improve really
its just a fancy way of concatenating strings
It doesn't really do combinations that well imo
build a better one then
i'd use it
yeah I've been thinking about it alot
the thing is, i don't know how to improve it 😅
what is missing from cva for you?
or what does it do badly
it's hard to explain
it doesn't feel right
cva is great I should probably just use it lol
yes lol
Unknown User•3y ago
Message Not Public
Sign In & Join Server To View
oh sweet