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 support for generating material design themes #6

Closed
vkottler opened this issue Oct 25, 2021 · 11 comments
Closed

Add support for generating material design themes #6

vkottler opened this issue Oct 25, 2021 · 11 comments
Assignees

Comments

@vkottler
Copy link
Owner

Figure out what https://material.io/design/color/the-color-system.html#tools-for-picking-colors is doing (likely in HSL-space) and create interfaces to generate "themes"

We should probably make a higher level "color" that has both HSL and RGB, then we can make a set of colors from that (theme class)

@vkottler vkottler self-assigned this Oct 25, 2021
@vkottler
Copy link
Owner Author

Drive-by upgrade - make sure both Rgb and Hsl colors can have valid == checks done on them between each of the two types so that you can check if rgb1 == rgb2 and rgb1 == hsl1

@vkottler
Copy link
Owner Author

Consider adding support for "alpha channel" in colors https://developer.mozilla.org/en-US/docs/Web/CSS/color_value

@vkottler
Copy link
Owner Author

We finished adding alpha channels to RGB and HSL, can now add a Color to a style attribute.

Should be ready to work on this issue (and figure out how we want to organize colors in general)

@vkottler
Copy link
Owner Author

@vkottler
Copy link
Owner Author

@vkottler
Copy link
Owner Author

This tool is a good example of what's going on probably: http://vis4.net/palettes/#/32|s|00429d,65ffe9,ffffe0|ffffe0,ff005e,93003a|1|1

@vkottler
Copy link
Owner Author

Add a class for color palette, figure out a way to plot an analysis of the palette (just show trends)

add the material design themes to the code

find the actual material design generator code

@vkottler
Copy link
Owner Author

This person has the "Google algorithm" https://github.com/edelstone/material-palette-generator

@vkottler
Copy link
Owner Author

We need to support "HCT": https://github.com/material-foundation/material-color-utilities/blob/main/typescript/hct/hct.ts

To have a conversion to RGBA, we may need to add support for a few other color or perception models.

The Google code seems to be using: https://en.m.wikipedia.org/wiki/RGBA_color_model

@vkottler
Copy link
Owner Author

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

1 participant