A custom element that allows you to easily put a Dark Mode 🌒 toggle or switch on your site:
-
Updated
Oct 7, 2024 - JavaScript
A custom element that allows you to easily put a Dark Mode 🌒 toggle or switch on your site:
🌑 Dark mode made easy
CSS-variables-based swappable themes for Tailwind CSS
Utility package for managing Dark Mode on the web
🌑 Enable dark mode for Next.js apps
Bulma prefers dark theme
Media-query- or JavaScript-based theme variants with fallback for Tailwind CSS
Detect system color scheme changes on the web (Dark Mode)
A component that helps to implement dark mode and other color modes in your Vue application.
add prefers-color-scheme for vuepress default theme
Support dark mode in your Svelte apps
Simple and fun dark-mode detection. JavaScript with a user mode toggle.
🪝 React hook for subscribing to user's color scheme preference.
React hook for determining the preferred color scheme
Lightweight, customizable theme provider and UI handle for the SolidJS Library
🌓 Simple dark-mode/light-mode logic for any website.
Theme switcher for Svelte & TailwindCSS
An example of a dark mode toggle without JavaScript
🕯 Make your favicon adapt to dark and light mode
🌓 Add dark mode/night mode custom elements to your website.
Add a description, image, and links to the prefers-color-scheme topic page so that developers can more easily learn about it.
To associate your repository with the prefers-color-scheme topic, visit your repo's landing page and select "manage topics."