cschroeter / park-ui

Beautifully designed components built with Ark UI and Panda CSS that work with a variety of JS frameworks.
https://park-ui.com
MIT License
1.74k stars 75 forks source link

Use colors ? #460

Open vincehi opened 3 weeks ago

vincehi commented 3 weeks ago

Hello, great bookshop, great job. Thanks a lot. On the other hand, when I read the documentation I didn't understand at all how to use the colours. There's a page giving me the colour palette but not how to use them...

Seigiard commented 3 weeks ago

@vincehi

It's basically Radix color palettes https://www.radix-ui.com/colors

You can read how to use it on their site. For example, how understand scale of 12 colors: https://www.radix-ui.com/colors/docs/palette-composition/understanding-the-scale

vincehi commented 3 weeks ago

in fact, it's more a question of how to use them and how they fit in with the variables

pdzxc commented 1 week ago

@vincehi

You can try using this pattern: colors.{color}.{step}

eg.

...
primary: {
  bg: '{colors.red.10}',
},
...