# Light and Dark Themes

Light and Dark Themes: Light and Dark Themes with prefers-color-scheme.

Updated: November 10, 2026

1. [Light and Dark Themes with prefers-color-scheme](https://www.ask-codey.com/lessons/css-dark-mode) (Journeyman): A dark theme is the same page with new token values: you redefine the color tokens in a prefers-color-scheme media query, set color-scheme, and every component follows the reader's light or dark setting.

Source: https://www.ask-codey.com/courses/css-in-depth/topics/css-light-and-dark-themes