webext-base-css

Extremely minimal stylesheet/setup for Web Extensions’ options pages (also dark mode)
v2.1.0 URL: https://unpkg.com/webext-base-css@2.1.0/webext-base.css
OpenBrowse Files
defaultnormalizestylestylesheetsanitizeresetdark modebrowserchromefirefoxoptionsprefers-color-scheme

storybook-addon-render-modes

Storybook addon that adds ability to emulate render mode (css user preferences) of a story
v0.0.11 URL: https://unpkg.com/storybook-addon-render-modes@0.0.11
OpenBrowse Files
storybook-addonsstorybook-addon-render-modesrender-modesprefers-reduced-motionstorybook-addonsconditionscssemulateemulatesemulationmediaqueryqueriespreferencesprefers-color-schemeprefers-contrastprefers-reduced-dataprefers-reduced-motionprefers-reduced-transparencyprefstoolbaruserstorybook-addons

@anatoliygatt/use-prefers-color-scheme

React hook for subscribing to user's color scheme preference.
v1.0.10 URL: https://unpkg.com/@anatoliygatt/use-prefers-color-scheme@1.0.10/dist/cjs/index.js
OpenBrowse Files
reactreact-hookhookprefers-color-schemeaccessibilitya11yjavascripttypescript

storybook-addon-css-user-preferences

Emulate CSS user preferences in Storybook
v0.0.3 URL: https://unpkg.com/storybook-addon-css-user-preferences@0.0.3/dist/cjs/index.js
OpenBrowse Files
storybook-addonsconditionscssemulateemulatesemulationmediaqueryqueriespreferencesprefers-color-schemeprefers-contrastprefers-reduced-dataprefers-reduced-motionprefers-reduced-transparencyprefstoolbaruserstorybook-addons

@magica11y/prefers-reduced-motion

Detects user’s preferences for reduced motion using the 'prefers-reduce-motion' CSS3 level 5 media query.
v1.0.11 URL: https://unpkg.com/@magica11y/prefers-reduced-motion@1.0.11/lib/index.js
OpenBrowse Files
a11yaccessibilitycssmedia-querylevel-5matchmediaprefers-reduced-motionlight-levelenvironment-blendinginverted-colorsprefers-reduced-transparencyprefers-contrastprefers-color-schemeforced-colors