Easy way to set color palette

[GrantCuster]

I'd like an easy way to set some preset colors for the color picker input. This may be possible through the theme option but I didn't get it to work on my naive try of feeding { colors: { red: "red", blue: "blue" } } into the theme prop of the editor.

[mrmrs]

@GrantCuster on it! Should have something soon.

[johno]

In the near future we'll be working on making this more streamlined, but I'll link the latest docs as soon as they finish building.

To be continued in #99

[johno]

Should now be published as @compai/css-gui@0.0.22. The docs: https://components.ai/open-source/css-gui/imports/color

[GrantCuster]

Cool, yea this is working great for the color palette -- and I think I'm now understanding more how a theme could be utilized in general -- lots of interesting possiblities!

[mrmrs]

@GrantCuster part of the thinking is we want a user / team to be able to define any set of constraints for any css property input and that data can live in a theme. This was part of the original thinking around design tokens and what you could do with them. Can take something like css stats, scrape a site for it's CSS, reduce it to discrete values, than use that to collapse generative space for styling a set of headless ui components. We're really excited about the possibilities there.

[GrantCuster]

Can take something like css stats, scrape a site for it's CSS, reduce it to discrete values, than use that to collapse generative space for styling a set of headless ui components.

Ah yea that is a cool idea!

For Sprout I think we'll start with pretty freeform individual block styling (already in progress). Ultimately I'm thinking we'd like to rebuild the current styling entirely as a theme you could swap out -- so you'd have base theme level and then you could further tweak on top of that... that seems really cool! But taking it one step at a time for now.