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.
Dark mode with web standards
Implementing dark mode with minimal JavaScript and standard CSS
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!
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)
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…
player.style - Video & audio player themes for every web player & framework
Video and audio player themes that work for any web player (Video.js, Youtube embeds, and more), and with every web app framework (HTML, React, and more). Open source and built with Media Chrome so they’re fully customizable using just HTML and CSS.
Using CSS to fix the irradiation illusion · November 29, 2025
How to adjust perceived font weight in dark mode without layout shift
A Simple Web Developer’s Color Guide — Smashing Magazine
Laura Elizabeth never found color theory useful when trying to use color in her projects. Somewhat ironically, she’s been finding that the better she got at choosing and using color, the better she became in the theory behind it. In this article, Laura shares a simple color workflow that you can use in your next web project.
🧛 Official Dracula & Alucard Theme - Kagi Search Theme
A modern and sleek custom theme for Kagi that follows the styling rules of the very popular [Dracula theme](https://draculatheme.com). **Features** - Automatic dark and light mode based on system - All(?) elements have been skinned - Responsive to desktop, tablet & mobile **Install** - Go to Appearance and change theme to "Default" - Enable Custom CSS, paste content of custom.css and save **[Github repo](https://github.com/dracula/kagi)**
Modern Purple - Kagi Search Theme
A simple black and purple theme that aims for minimalism and readibility. THIS THEME ONLY WORKS CORRECTLY IN DARK MODE!
Dusk OS
Dusk OS is a 32-bit Forth and big brother to Collapse OS. Its primary purpose is to be maximally useful during the first stage of civilizational collapse, that is, when we can't produce modern computers anymore but that there's still many modern computers around.
New features on lichen.wiki !! v0.4.1 - new dark mode!! - improving load performance As wiki owner, you can now choose a custom theme for your wiki independent of the app (currently only light or dark lichen palette, but more themes are coming) More to come!! tangled.org/juprodh.me/lichen.wiki/
A web extension that colors any link you've saved on @semble.so orange.
