Posted on • Originally published at gonsie.com on
1
1
With HTML5 filters and media quieries, it’s simple to enable an automatic dark mode on your website. Use the following CSS snippet:
@media (prefers-color-scheme: dark) {
html {
filter: invert(1) hue-rotate(180deg);
}
}
It’s not perfect, but rather a quick and dirty way to stop blinding yourself when you’re editing your website at 2 am.
For further actions, you may consider blocking this person and/or reporting abuse
Fixing code doesn’t have to be the worst part of your day. Learn how Sentry can help.
Mike Young -
Mike Young -
kathir b -
Aviral Srivastava -
Top comments (1)
very clever trick!
thank you 👍