Dark mode with web standards

prefers-color-scheme: Hello darkness, my old friend  |  Articles  |  web.dev

Many devices now support an operating system wide dark mode or dark theme experience. This post explains how dark mode can be supported on web pages, lists best practices, and introduces a custom element named dark-mode-toggle that allows web developers to offer users a way to override their operating system level preference on specific web pages.

DARKMATTER

A dark theme for the open web

Dark mode & accessibility myth by Stéphanie Walter - UX Researcher & Designer.

Dark mode isn't always better for accessibility, you need to let users chose. And if you build a dark theme, make it accessible!

Using CSS to fix the irradiation illusion · November 29, 2025

How to adjust perceived font weight in dark mode without layout shift

una.im | Modern CSS theming with light-dark(), contrast-color(), and style queries

Combine three new CSS features to build fully adaptive themed components.

Aesthetics Wiki | Fandom

Thank you to the winner of our redesign contest, Ethan Duke! The background and wordmark are both his work. You can check him out on both Instagram and Twitter at @theduke2442! The dark mode was designed by Gwenanenn.

The Dark Mode Toggle Discourse

How the dark mode toggle discourse unfolded One designer's argument against the classic light/dark/system three-way switch turned into weeks of blog rebuttals, parody posts, and "do you even need a toggle at all?" takes. The timeline Aug 1…

OS X Aqua - Kagi Search Theme

A custom theme that's inspired by old school Apple's OS X Aqua theme. Has both Dark and Light mode that changes based on your system settings. ** [Github repo](https://github.com/Visnes/kagi-aqua/) ** Do the following: Go to Appearance → Change theme to "Default", not "Light" or "Dark" → Enable Custom CSS & Paste custom.css → Save changes

Solar Eclipse Toggle (a dark/light mode toggle Web Component)—zachleat.com

A post by Zach Leatherman (zachleat)

Dark mode toggles: two states are enough • Lea Verou

Yes, the underlying model must have three states, but one is always irrelevant to the actual user goal. Users do not seek out solutions to problems they don’t currently have. A lot of the hate towards two-state toggles is based on poor implementations.

A few HTML tips – Mozilla Hacks - the Web developer blog

A while ago I wrote an article with some CSS tips, now it’s time to give some polish to our HTML! In this article I’ll share some tips and advice ...

Bringing Microsoft Internet Explorer’s proprietary “Interpage Transitions” back to Modern Browsers using the View Transition API

Back in late 2024, I started working on a fun end-of-year side project named ie-page-transitions. It”s a CSS + JS library that brings back Microsoft Internet Explorer’s proprietary “Interpage Transitions” to modern browsers, powered by the View Transition API. After sitting unfinished for a while, I finally got all 23 classic effects over the finish line and published the project on page-transitions.style.