Search results
44 packages found
Light- and dark-mode favicons, made easy.
Detects user’s color scheme preferences using the 'prefers-color-scheme' CSS3 level 5 media query.
- a11y
- accessibility
- css
- environment-blending
- forced-colors
- inverted-colors
- level-5
- light-level
- matchmedia
- media-query
- prefers-color-scheme
- prefers-contrast
- prefers-reduced-motion
- prefers-reduced-transparency
Detects user’s preferences for reduced motion using the 'prefers-reduce-motion' CSS3 level 5 media query.
- a11y
- accessibility
- css
- media-query
- level-5
- matchmedia
- prefers-reduced-motion
- light-level
- environment-blending
- inverted-colors
- prefers-reduced-transparency
- prefers-contrast
- prefers-color-scheme
- forced-colors
Detects the characteristics of the user’s display using 'environment-blending' CSS3 level 5 media query.
- a11y
- accessibility
- css
- media-query
- level-5
- matchmedia
- prefers-reduced-motion
- light-level
- environment-blending
- inverted-colors
- prefers-reduced-transparency
- prefers-contrast
- prefers-color-scheme
- forced-colors
Detects the user’s preferences for inverted colors using the 'inverted-colors' CSS3 level 5 media query.
- a11y
- accessibility
- css
- media-query
- level-5
- matchmedia
- prefers-reduced-motion
- light-level
- environment-blending
- inverted-colors
- prefers-reduced-transparency
- prefers-contrast
- prefers-color-scheme
- forced-colors
Detects the ambient light-level of the user’s device using the 'light-level' CSS3 level 5 media query.
- a11y
- accessibility
- css
- media-query
- level-5
- matchmedia
- prefers-reduced-motion
- light-level
- environment-blending
- inverted-colors
- prefers-reduced-transparency
- prefers-contrast
- prefers-color-scheme
- forced-colors
Detects user’s preferences for contrast using the 'prefers-contrast' CSS3 level 5 media query.
- a11y
- accessibility
- css
- media-query
- level-5
- matchmedia
- prefers-reduced-motion
- light-level
- environment-blending
- inverted-colors
- prefers-reduced-transparency
- prefers-contrast
- prefers-color-scheme
- forced-colors
Detects user’s transparency preferences using the 'prefers-reduced-transparency' CSS3 level 5 media query.
- a11y
- accessibility
- css
- environment-blending
- forced-colors
- inverted-colors
- level-5
- light-level
- matchmedia
- media-query
- prefers-color-scheme
- prefers-contrast
- prefers-reduced-motion
- prefers-reduced-transparency
Dark color scheme CSS files for jest / nyc / istanbul-reports, the full-featured javascript coverage tool.
style media toggle
Tailwind plugin to make CSS only dark toggles that respect user's preference.
React Hook to get users prefered color scheme
add prefers-color-scheme for vuepress default theme
Dark color scheme for Mocha, the simple, flexible, fun JavaScript test framework for The Browser
Emulate CSS user preferences in Storybook
- storybook-addons
- conditions
- css
- emulate
- emulates
- emulation
- media
- query
- queries
- preferences
- prefers-color-scheme
- prefers-contrast
- prefers-reduced-data
- prefers-reduced-motion
- View more
The Ancillary Guide to Dark Mode and Bootstrap 5 - A continuation of the v4 Dark Mode POC
- bootstrap
- css
- sass
- mobile-first
- responsive
- front-end
- framework
- web
- dark
- dark-mode
- color
- color-scheme
- prefers-color-scheme
An accessible theme toggler adapting dynamically to prefers-color-scheme media query.
A collection of stores that monitor the size, orientation, color scheme and scroll position of the browser window.
color-scheme-change with legacy fallback way (using hash parameter)
A simple utility to find whether darkmode is enabled