question-mark
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.

Dark theme for Bootstrap v5

See original GitHub issue

Nowadays, 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:closed
  • Created 3 years ago
  • Reactions:26
  • Comments:11 (3 by maintainers)

github_iconTop GitHub Comments

13reactions
jeroenvanrensencommented, Oct 14, 2020

It would be nice if you just can add the dark-mode class on the body tag.

7reactions
ghostcommented, Dec 18, 2020

I was tinkering with this if anyone’s interested… https://github.com/xcartmods/bootstrap-5-dark-mode

Read more comments on GitHub >

github_iconTop 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 >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found