Dark theme for Bootstrap v5
See original GitHub issueNowadays, dark theme is very important and is beneficial to your vision (quoted from rxoptical.com)
Dark mode can reduce eye strain in low-light conditions. 100% contrast (white on a black background) can be harder to read and cause more eye strain. It can be harder to read long chunks of text with a light-on-dark theme
So I was thinking, why not have an option for dark theme? I know this is possible already with just changing the variables file or using Bootswatch, but other frameworks support an actual dark theme option. It could be as easy as adding darktheme="true"
to the <body> tag, etc. I would love to see this supported in Bootstrap 5.
Issue Analytics
- State:
- Created 3 years ago
- Reactions:26
- Comments:11 (3 by maintainers)
Top Results From Across the Web
bootstrap-dark-5 - vinorodrigues
The Dark Mode Conundrum · bootstrap-night - Two independent theme CSS files, auto-loaded, but with JS to offer toggle button and media query...
Read more >The Ancillary Guide to Dark Mode and Bootstrap 5 - GitHub
bootstrap -night : This is simply a dark bootstrap theme. It can however be used with the Bootstrap core CSS to deliver a...
Read more >Color modes · Bootstrap v5.3
Bootstrap now supports color modes, or themes, as of v5.3.0. Explore our default light color mode and the new dark mode, or create...
Read more >Bootstrap 5 Dark Mode Example - Frontendshape
Add a dark-mode theme toggle with a Bootstrap Custom Switch. 1.Uses local storage to save preference. 2.Only 383 Bytes minified and gzipped!
Read more >How to properly introduce a light/dark mode in Bootstrap?
Although there is still no definitive support for light/dark mode in Bootstrap 5, SASS can be used to create a dark theme. Bootstrap...
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
It would be nice if you just can add the
dark-mode
class on the body tag.I was tinkering with this if anyone’s interested… https://github.com/xcartmods/bootstrap-5-dark-mode