Bootstrap 4 dark theme that supports togging dark/light themes as well. There is no fluff, it changes the color of Bootstrap and that's it, no new thing to learn or unlearn, just Bootstrap, but Dark!
MIT License
298
stars
44
forks
source link
Add `prefers-color-scheme` media-query support #50
Update bootstrap-dark.css to include the .navbar-themed class (dark version).
Add bootstrap-light.css which is bootstrap plus the .navbar-themed class (light version).
Add bootstrap-prefers-dark.[css|scss] that is the equivalent of bootstrap-dark.[css|scss], without the print, wrapped in a @media (prefers-color-scheme: dark) media query.
Add bootstrap-prefers-light.[css|scss] that is the equivalent of bootstrap-light.[css|scss], without the print, wrapped in a @media (prefers-color-scheme: light) media query.
Add two samples to show this usage: ./samples/html/prefers-dark-default-light.html and ./samples/html/prefers-light-default-dark.html
Update .NET/Razor Pages sample to use these new CSS files.
v1.1.0
bootstrap-dark.css
to include the.navbar-themed
class (dark version).bootstrap-light.css
which is bootstrap plus the.navbar-themed
class (light version).bootstrap-prefers-dark.[css|scss]
that is the equivalent ofbootstrap-dark.[css|scss]
, without the print, wrapped in a@media (prefers-color-scheme: dark)
media query.bootstrap-prefers-light.[css|scss]
that is the equivalent ofbootstrap-light.[css|scss]
, without the print, wrapped in a@media (prefers-color-scheme: light)
media query../samples/html/prefers-dark-default-light.html
and./samples/html/prefers-light-default-dark.html