open-props icon indicating copy to clipboard operation
open-props copied to clipboard

Document light/dark normalize colors

Open argyleink opened this issue 3 years ago • 7 comments

surfaces and text colors

argyleink avatar Dec 02 '21 20:12 argyleink

Hi @argyleink,

I'd love to work on this too

kaf-lamed-beyt avatar Jan 04 '22 09:01 kaf-lamed-beyt

nice!

these are pretty much the vars that need documentation https://github.com/argyleink/open-props/blob/main/src/extra/theme.dark.css and their usage https://github.com/argyleink/open-props/blob/main/src/extra/theme.css.

The goal is to empower folks to use these props, know why to use them, and offer a way to extend them in the case they need more theme flexibility.

It may be best shown as a demo + documentation example too, something like https://codepen.io/argyleink/pen/XWaYyWe but that doesnt start from scratch, rather uses the normalize file and the provided adaptive props to showcase the names and values.

Also, those theme files dont show how the shadows are adaptive, these docs should cover how those work too. 🙂

argyleink avatar Jan 04 '22 19:01 argyleink

Awesome!

I'll go over this too

kaf-lamed-beyt avatar Jan 06 '22 18:01 kaf-lamed-beyt

included some docs and stuff in the normalize demo codepen https://codepen.io/argyleink/pen/KKvRORE

argyleink avatar Feb 04 '22 05:02 argyleink

included some docs and stuff in the normalize demo codepen https://codepen.io/argyleink/pen/KKvRORE

Oh wow! That's nice.

So all I have to do is replicate it?

kaf-lamed-beyt avatar Feb 04 '22 06:02 kaf-lamed-beyt

more or less replicate it yeah 🙂

argyleink avatar Feb 17 '22 19:02 argyleink

Hi @argyleink,

Sorry that I went MIA. if this is still up. I can go over what is needed and get it done

kaf-lamed-beyt avatar Sep 17 '22 21:09 kaf-lamed-beyt