Stuck on an issue?
Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.
And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.
Add color-scheme for dark mode
See original GitHub issuePrerequisites
- I have searched for duplicate or closed feature requests
- I have read the contributing guidelines
Proposal
Bootstrap should make use of color-scheme to display browser elements (scrollbar, select, etc.) in dark mode as well.
Motivation and context
Here’s a preview of what scrollbars currently look like in the Bootstrap documentation, and what they would look like if color scheme were used.
Issue Analytics
- State:
- Created 9 months ago
- Reactions:3
- Comments:8 (8 by maintainers)
Top Results From Across the Web
Dark Mode to Change Color Schemes and CSS Properties
The first way to enable dark mode is by using the CSS media query for the user's preferred color scheme. This media query...
Read more >Dark Mode - The prefers-color-scheme Website Tutorial
Dark mode has become one of the most often requested app and website design features. So, we've put together this implementation tutorial with...
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. Dark mode,...
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. ... Detecting a dark...
Read more >Light & Dark mode WITHOUT CSS! - YouTube
The color-scheme property is a super useful property. It allows us to switch the UI elements, like form controls, scrollbars, and all that ......
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 Free
Top 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
@mdo I think this is a valid issue and should be re-opened. Dark mode in Bootstrap 5.3 alpha doesn’t currently add the colour-scheme CSS property so UI elements are not dark (see screenshots in original post)
https://developer.mozilla.org/en-US/docs/Web/CSS/color-scheme
See #37734.