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

Core Color Palette #2

Open
zakbutcher opened this issue Feb 7, 2020 · 0 comments · Fixed by #22
Open

Core Color Palette #2

zakbutcher opened this issue Feb 7, 2020 · 0 comments · Fixed by #22
Assignees
Labels
architecture Prepare for warp speed feature Something new and amazing! help wanted Halp! Pls!

Comments

@zakbutcher
Copy link
Contributor

zakbutcher commented Feb 7, 2020

Inputs

  • Base Primary
  • Colors - Strict naming convention
    • grey
    • rose
    • red
    • orange
    • yellow
    • lime
    • green
    • seafoam
    • teal
    • azure
    • blue
    • violet
    • magenta
  • Number of Shades (min = 3, max = 10?)
  • Map of above colors to product-specific names(?)
    • e.g. primary & secondary vs accent-1 & accent-2
    • example: $theme: ('primary': 'azure', 'secondary': 'seafoam');

Outputs

  • CSS Variables for each shade of color with consistent naming convention
    • --${color}-${shade} where the ${shade} is the numeric index of the shade within the palette
    • e.g. a 3-shade palette's grey variables would be --grey-1, grey-2, & grey-3 with grey-1 being the lightest & grey-3 being the darkest.

Bonus Points

  • Implement CIELab color space palette generator to ensure best color experience via a perceptually uniform color palette

Resources

@zakbutcher zakbutcher added feature Something new and amazing! architecture Prepare for warp speed help wanted Halp! Pls! labels Feb 7, 2020
@zakbutcher zakbutcher added this to the MVP - Foundations milestone Feb 7, 2020
@zakbutcher zakbutcher self-assigned this Feb 8, 2020
@zakbutcher zakbutcher linked a pull request Mar 17, 2020 that will close this issue
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
architecture Prepare for warp speed feature Something new and amazing! help wanted Halp! Pls!
Projects
None yet
Development

Successfully merging a pull request may close this issue.

1 participant