A Complete Guide to Dark Mode on the Web

Nice deep dive from CSS Tricks into using dark mode in the context of websites. Did you know for example that it helps to preserve battery life for devices with OLED screen where brighter colours consume more energy?

Illustration of a webpage split in half to show light and dark modes. The left side features a light background with sun icons, while the right side has a dark background with moon icons. Both sides display identical content layouts with images and text.

More like this

A split-screen image showing two color combinations. On the left, a red background with black text. On the right, a black background with red text. Both sides compare the same sample color text and provide contrast ratio details, accessibility scores, and the quote "Color is my day-long obsession, joy, and torment.

Randoma11y Updates

https://randoma11y.com has been updated so you can cycle through accessible combos for a particular colour. Currently…

Read post
Cover art for "CSS Podcast" featuring a man and a woman smiling against a vibrant, multi-colored geometric background. The text "CSS Podcast" is displayed prominently in a gradient of colors, with triangles and other shapes adding to the design.

The CSS Podcast

Follow Una Kravets and Adam Argyle, Developer Advocates from Google, on The CSS Podcast where they gleefully breakdown…

Read post