Prefers-color-scheme Packages

Extremely minimal stylesheet/setup for Web Extensions’ options pages (also dark mode)

add prefers-color-scheme for vuepress default theme

React Hook to get users prefered color scheme

🕯 Make your favicon adapt to dark and light mode

The shared core and build system behind Magica11y

Detect system color scheme changes on the web (Dark Mode)

Detects user’s preferences for reduced motion using the 'prefers-reduce-motion' CSS3 level 5 media query.

A suite of utility functions to detect 'user-preference' and 'environment' media features.

The Ancillary Guide to Dark Mode and Bootstrap 5 - A continuation of the v4 Dark Mode POC

style media toggle

Detects user’s color scheme preferences using the 'prefers-color-scheme' CSS3 level 5 media query.

Detect system (or manually set) preferences for color scheme and reduced motion.

Detect & listen to preferences for prefers-color-scheme, prefers-reduced-motion, and prefers-contrast.

Light- and dark-mode favicons, made easy.

Tailwind CSS utilities for dealing with @media prefers-color-scheme

Tailwind plugin to make CSS only dark toggles that respect user's preference.

A collection of stores that monitor the size, orientation, color scheme and scroll position of the browser window.

Customizable Svelte components for theme selection (light mode / dark mode) inspired by TailwindCSS.

Storybook addon that adds ability to emulate render mode (css user preferences) of a story

Emulate CSS user preferences in Storybook