The one where I give my website a splash of adaptive paint.
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.
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.
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!
Fixing Illustrations on a Dark Background with CSS
A solution to dark-outlined drawings on dark mode on my website
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
una.im | Modern CSS theming with light-dark(), contrast-color(), and style queries
Combine three new CSS features to build fully adaptive themed components.
Adding Visual Effects | Web Browser Engineering
Right now our browser can only draw colored rectangles and text—pretty boring! Real browsers support all kinds of visual effects that change how pixels and colors blend together. To implement those effects, and also make our browser faster, we’ll need control over surfaces, the key low-level feature behind fast scrolling, visual effects, animations, and many other browser capabilities. To get that control, we’ll also switch to using the Skia graphics library and even take a peek under its hood.
WebAIM: Contrast Checker
Please enter a valid hex value (alpha value optional) or use the color picker.
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!
Solar Eclipse Toggle (a dark/light mode toggle Web Component)—zachleat.com
A post by Zach Leatherman (zachleat)
CSS image() | 12 Days of Web
The working draft for image() proposes new features to enhance the capabilities of background-image declarations.
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.
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/
