search

tachyons-css / tachyons-styled-react

Tachyons implemented with emotion and styled-system. Sits on create-react-app.
https://tachyons-styled-react.now.sh
200 stars 17 forks source link

Add colorable output #4

Open mrmrs opened 5 years ago

mrmrs commented 5 years ago

Add preview of accessible color combos from theme

koolamusic commented 5 years ago

how would you like to go about this?

mrmrs commented 5 years ago

@koolamusic think there are a few ways to go about it. I dig the idea of just outputting all combos, could provide options for various views (matrix, list, large previews.) A bit more computationally difficult but have also been experimenting with for every color showing the other accessible combos within that same hue as often times this is how scales of hues are composed together. Easy to do with themes that have hue based scales, but color sorting is definitely hard to do perfectly.

I think one of the trickier things is handling multiple formats of the color object as it might be a bunch of different arrays for hues, or a flat object with names for each color. Or a mix of both (all would be valid with styled-system).

Do you have some thoughts?

koolamusic commented 5 years ago

I took a look at the Website and saw this output, and how it was implemented Screenshot from 2019-06-18 06-27-57

I had initially thought this project was more like a design system based off Tachyons, but now I totally get that its a replacement for CRA with Tachyons included and best practices for using Tachyons and React.

With that in mind and a little patience, will colorable output involve giving users the ability to style their components using color definitions we provide or something else

koolamusic commented 5 years ago

Also share any resource or links you can with regards to this topic