material-theme-builder icon indicating copy to clipboard operation
material-theme-builder copied to clipboard

High contrast

Open JosefJezek opened this issue 4 years ago • 1 comments

Could you generate colors with high contrast for accessibility?

CSS has prefers-contrast media feature for the colors. https://developer.mozilla.org/en-US/docs/Web/CSS/@media/prefers-contrast

The web needs the colors for light and dark theme.

You can add the colors to requested export https://github.com/material-foundation/material-theme-builder/issues/25

html.high-contrast {
}

html.dark.high-contrast {
}
  • https://web.dev/building-a-color-scheme/
  • demo https://unifyned.com/colors.html

JosefJezek avatar Dec 20 '21 02:12 JosefJezek

Thanks for the feedback! Definitely want to support this feature but waiting on guidance for the values

rodydavis avatar Feb 18 '22 19:02 rodydavis