Created by: vinorodrigues
This pull request seeks to offer the beginnings of a solution to issue #27514 (closed).
Following a conversation with @mdo (and @ffoodd) on his personal AMA I decided to attempt to merge my experimentations with Dark Mode in my bootstrap-dark-5 project, that in turn was just an add on to my bootstrap-dark ramblings.
This submission is a very specific iteration of those works wherein I attempt to merge a pure prefers-color-scheme: dark
media query driven “Dark Mode” as a 5th variant of the CSS. That means no toggle button etc., but easily attainable with one line setting in the _variables.scss
file and a whole lot of JS to drive that. (I can contribute to building that a bit later.)
This work, and the original works, would not have been possible without the advice of Thomas Steiner (@tomayac) and his prefers-color-scheme: Hello darkness, my old friend blog post. Reading that (and his color-scheme CSS property post) and some of @mdo’s work inspired the original text.
It includes both the SCSS changes and the docs to go along with it.