On: Add a Dark Theme to a Ruby on Rails App

[burlesona]

Do you have an article that explains this approach in just a little more detail?

[vulcan01 → burlesona]

(Not GP)

Here are the links to the docs:

https://developer.mozilla.org/en-US/docs/Web/CSS/Using_CSS_c...

https://developer.mozilla.org/en-US/docs/Web/CSS/@media/pref...

[bhl → burlesona]

See https://developer.mozilla.org/en-US/docs/Web/CSS/:root#decla....

With :root, you can write css variables that can be accessed by any other element on the page (?).

So to implement a light and dark theme, you could have something like `@media (prefers-color-scheme: light){ :root { --bg-color: #FFF; }`, and then have the body element use that via `body { background: var(--bg-color); }`.