Search results
44 packages found
Extremely minimal stylesheet/setup for Web Extensions’ options pages (also dark mode)
- default
- normalize
- style
- stylesheet
- sanitize
- reset
- dark mode
- browser
- chrome
- firefox
- options
- prefers-color-scheme
This is a theme library that allows you to know the user's theme preference on the server and allow you to server pages with no hydration errors.
- next
- nextjs
- theme
- dark-mode
- light-mode
- background-color
- color-scheme
- prefers-color-scheme
- user-preference
- server
- hydration
- ssr
- server-side-rendering
- next-server-theme
A collection of stores that monitor the size, orientation, color scheme and scroll of the browser window.
Tools to detect, switch and save dark theme for react applications
A micro ES6 module (~0.5KB) for detecting a users preferred-color-scheme and watching for changes.
Storybook addon that adds ability to emulate render mode (css user preferences) of a story
- storybook-addons
- storybook-addon-render-modes
- render-modes
- prefers-reduced-motion
- conditions
- css
- emulate
- emulates
- emulation
- media
- query
- queries
- preferences
- prefers-color-scheme
- View more
React hook for subscribing to user's color scheme preference.
Lightweight and customizable theme handler for Solid JS
Lightweight and customizable theme handler for Solid JS
Provides system or user-defined color scheme preference, with a toggle mechanism. Settings are persisted, component is progressively enhanced and flash of unstyled content avoided. Also, it will provide an easier way to target theme with CSS / SCSS / JS.
- astro
- astro-component
- color
- theme
- switch
- toggle
- dark
- light
- mode
- progressive
- no-js
- scheme
- native
- prefers-color-scheme
- View more
A simple library for programatically consuming the CSS prefers-color-scheme media feature.
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
The shared core and build system behind Magica11y
- 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
Customizable Svelte components for theme selection (light mode / dark mode) inspired by TailwindCSS.
Shared core behind Magica11y’s functions.
- a11y
- accessibility
- css
- media-query
- level-5
- matchmedia
- prefers-reduced-motion
- light-level
- match-user-preference
- inverted-colors
- prefers-reduced-transparency
- prefers-contrast
- prefers-color-scheme
- forced-colors
Simple react theming library with prefers-color-scheme media support
🕯 Make your favicon adapt to dark and light mode
Detect system (or manually set) preferences for color scheme and reduced motion.
Light- and dark-mode favicons, made easy.
Detect system color scheme changes on the web (Dark Mode)
- color scheme
- dark mode
- detect
- system color
- color
- color-scheme
- prefers-color-scheme
- css
- media query
- light mode