Light and Dark Themes

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

Updated

  1. Light and Dark Themes with prefers-color-scheme (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.