Feature: custom css for light/dark themes
See original GitHub issueLove the new Dark mode #189 support. As an addition, it would be awesome if we could provide two .css
files each containing separate :root{}
css variables for our own custom light/dark theme customization:
theme: {
"light": "/themes/light.css"
"dark": "/themes/dark.css"
},
If this is already possible via the existing setup and I’ve misunderstood, I apologize for the noise.
Issue Analytics
- State:
- Created 4 years ago
- Comments:6 (3 by maintainers)
Top Results From Across the Web
Light and dark mode in just 14 lines of CSS - Salma Alam-Naylor
Add quick support for light mode and dark mode to your website using only CSS by combining two CSS custom properties with a...
Read more >A Complete Guide to Dark Mode on the Web - CSS-Tricks
Dark mode” is defined as a color scheme that uses light-colored text and other UI elements on a dark-colored background.
Read more >Light and dark mode in just 14 lines of CSS
CSS custom properties are declared by words prefixed with two dashes (--), and accessed using the var() function.
Read more >prefers-color-scheme - CSS: Cascading Style Sheets | MDN
The prefers-color-scheme CSS media feature is used to detect if a user has requested light or dark color themes.
Read more >Light and dark themes — PyData Theme documentation
Customize the CSS of light and dark themes#. Danger. Theming is still a beta feature so the variables related to color theming are...
Read more >Top Related Medium Post
No results found
Top Related StackOverflow Question
No results found
Troubleshoot Live Code
Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start FreeTop Related Reddit Thread
No results found
Top Related Hackernoon Post
No results found
Top Related Tweet
No results found
Top Related Dev.to Post
No results found
Top Related Hashnode Post
No results found
Top GitHub Comments
check out the link in my previous comment
Mate, you work fast! Thanks so much 🎉