Prefers-contrast Packages

The shared core and build system behind Magica11y

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.

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

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

Emulate CSS user preferences in Storybook

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

Emulate CSS user preferences in Storybook

Detects the characteristics of the user’s display using 'environment-blending' CSS3 level 5 media query.

Detects the user’s preferences for inverted colors using the 'inverted-colors' CSS3 level 5 media query.

Detects the ambient light-level of the user’s device using the 'light-level' CSS3 level 5 media query.

Shared core behind Magica11y’s functions.

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

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

vivid colors that stick to:ur gums