Settings

Theme

Add dark mode to your website with a single line of code

github.com

17 points by 0natcer 2 years ago · 8 comments

Reader

emaro 2 years ago

You can in fact add dark mode with a single line of code (CSS, not JS), as long as you don't change any colors:

    :root { color-scheme: light dark; }
I don't think you need a library for that.
  • rollcat 2 years ago

    You don't need CSS either!

        <meta name="color-scheme" content="light dark" />
  • OskarS 2 years ago

    Not a web dev, but I saw this on a stream at some point and found it delightful. Surprisingly effective!

        html { filter: invert(100%); }
    • TazeTSchnitzel 2 years ago

      Though you probably want to apply the same filter again to non-UI images so they won't look weird.

Alifatisk 2 years ago

> a single line of code

Which means importing a whole js file

  • wds 2 years ago

    Add movement to your vehicle chassis with a single piece of whole engine

  • johnfonesca 2 years ago

    And the JS file "weights" 4 Kb.

    • bravetraveler 2 years ago

      It's fast though because it's minified and obfuscated to fit one line!!

      /s haven't even looked yet, but I like hyperbole as much as the next

Keyboard Shortcuts

j
Next item
k
Previous item
o / Enter
Open selected item
?
Show this help
Esc
Close modal / clear selection