Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Add colorable output #4

Open
mrmrs opened this issue May 6, 2019 · 4 comments
Open

Add colorable output #4

mrmrs opened this issue May 6, 2019 · 4 comments

Comments

@mrmrs
Copy link
Member

mrmrs commented May 6, 2019

Add preview of accessible color combos from theme

@koolamusic
Copy link

how would you like to go about this?

@mrmrs
Copy link
Member Author

mrmrs commented Jun 1, 2019

@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
Copy link

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
Copy link

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

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

2 participants