A custom element that allows you to easily put a Dark Mode 🌒 toggle or switch on your site:
-
Updated
May 7, 2025 - 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
Portfolio template created strictly with HTML and CSS
🌓 Simple dark-mode/light-mode logic for any website.
Theme switcher for Svelte & TailwindCSS
An example of a dark mode toggle without JavaScript
🌓 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."