patternfly-elements icon indicating copy to clipboard operation
patternfly-elements copied to clipboard

[feat] Adding support for Dark Mode

Open castastrophe opened this issue 6 years ago • 4 comments

By incorporating @media (prefers-color-scheme: dark) into our code and using that to invoke our dark mode settings, we can add support to all our components for the user preference for navigating in "Dark Mode". This has decent browser support and has received a lot of publicity. Would be a nice-to-have feature.

castastrophe avatar Jun 27 '19 16:06 castastrophe

@coreyvickery I'd love to chat more about what you'd like the ideal "dark mode" experience to be for our patterns.

castastrophe avatar Apr 27 '21 16:04 castastrophe

@castastrophe That would be great. I know that @mceledonia has done a lot of work on dark theme on the PatternFly side, so he may have good ideas on how to roll it out.

coreyvickery avatar Apr 27 '21 18:04 coreyvickery

I'd like to see this work using css vars / themes

we can also consider the approach shoelace takes

bennypowers avatar Feb 23 '22 22:02 bennypowers

@bennypowers I can help define the correct values.

coreyvickery avatar Feb 24 '22 20:02 coreyvickery