GoogleChromeLabs/dark-mode-toggle

A custom element that allows you to easily put a Dark Mode 🌒 toggle or switch on your site:

Language: JavaScript - Size: 1.54 MB - Last synced at: 22 days ago - Pushed at: 3 months ago - Stars: 1,188 - Forks: 72

ColinEspinas/darken

🌑 Dark mode made easy

Language: JavaScript - Size: 725 KB - Last synced at: 2 days ago - Pushed at: over 2 years ago - Stars: 610 - Forks: 33

innocenzi/tailwindcss-theming

CSS-variables-based swappable themes for Tailwind CSS

Language: TypeScript - Size: 3.45 MB - Last synced at: 28 days ago - Pushed at: 11 months ago - Stars: 500 - Forks: 31

Assortment/darkmodejs

Utility package for managing Dark Mode on the web

Language: JavaScript - Size: 1.26 MB - Last synced at: 13 days ago - Pushed at: over 2 years ago - Stars: 399 - Forks: 10

xeoneux/next-dark-mode

🌑 Enable dark mode for Next.js apps

Language: TypeScript - Size: 1.73 MB - Last synced at: 8 days ago - Pushed at: over 2 years ago - Stars: 217 - Forks: 8

jloh/bulma-prefers-dark 📦

Bulma prefers dark theme

Language: CSS - Size: 718 KB - Last synced at: 10 days ago - Pushed at: about 1 year ago - Stars: 205 - Forks: 26

JNavith/tailwindcss-theme-variants

Media-query- or JavaScript-based theme variants with fallback for Tailwind CSS

Language: TypeScript - Size: 1.5 MB - Last synced at: 9 days ago - Pushed at: over 1 year ago - Stars: 196 - Forks: 6

feross/color-scheme-change

Detect system color scheme changes on the web (Dark Mode)

Language: JavaScript - Size: 4.88 KB - Last synced at: 21 days ago - Pushed at: almost 5 years ago - Stars: 58 - Forks: 5

vue-a11y/vue-dark-mode

A component that helps to implement dark mode and other color modes in your Vue application.

Language: JavaScript - Size: 1.96 MB - Last synced at: 2 days ago - Pushed at: over 2 years ago - Stars: 52 - Forks: 9

tolking/vuepress-theme-default-prefers-color-scheme 📦

add prefers-color-scheme for vuepress default theme

Language: Stylus - Size: 852 KB - Last synced at: 6 days ago - Pushed at: over 1 year ago - Stars: 50 - Forks: 9

metonym/svelte-dark-mode

Support dark mode in your Svelte apps

Language: Svelte - Size: 488 KB - Last synced at: 11 days ago - Pushed at: almost 2 years ago - Stars: 42 - Forks: 3

ditdot-dev/dark-mode-example

Simple and fun dark-mode detection. JavaScript with a user mode toggle.

Language: CSS - Size: 229 KB - Last synced at: 12 days ago - Pushed at: over 3 years ago - Stars: 37 - Forks: 7

anatoliygatt/use-prefers-color-scheme

🪝 React hook for subscribing to user's color scheme preference.

Language: TypeScript - Size: 2.62 MB - Last synced at: 13 days ago - Pushed at: almost 2 years ago - Stars: 33 - Forks: 0

rfoel/use-prefers-color-scheme

React hook for determining the preferred color scheme

Language: TypeScript - Size: 3.84 MB - Last synced at: 3 days ago - Pushed at: about 2 years ago - Stars: 28 - Forks: 5

gnomical/solid-theme-provider

Lightweight, customizable theme provider and UI handle for the SolidJS Library

Language: TypeScript - Size: 875 KB - Last synced at: 4 days ago - Pushed at: about 2 months ago - Stars: 24 - Forks: 2

BetaHuhn/drkmd.js

🌓 Simple dark-mode/light-mode logic for any website.

Language: JavaScript - Size: 411 KB - Last synced at: 13 days ago - Pushed at: 12 months ago - Stars: 20 - Forks: 5

CaptainCodeman/svelte-theme-select

Theme switcher for Svelte & TailwindCSS

Language: Svelte - Size: 332 KB - Last synced at: 6 days ago - Pushed at: 6 months ago - Stars: 19 - Forks: 2

TymekDev/no-js-dark-mode-toggle

An example of a dark mode toggle without JavaScript

Language: CSS - Size: 9.77 KB - Last synced at: 9 days ago - Pushed at: 5 months ago - Stars: 17 - Forks: 2

jaywcjlove/dark-mode

🌓 Add dark mode/night mode custom elements to your website.

Language: JavaScript - Size: 136 KB - Last synced at: 2 days ago - Pushed at: about 2 months ago - Stars: 14 - Forks: 1

jonaskuske/favicon-mode-switcher

🕯 Make your favicon adapt to dark and light mode

Language: JavaScript - Size: 1.13 MB - Last synced at: 17 days ago - Pushed at: 11 months ago - Stars: 13 - Forks: 0

AnandChowdhary/prefers-color-scheme

🎨 Get a user's preferred color scheme using CSS @​media(prefers-color-scheme)

Language: TypeScript - Size: 139 KB - Last synced at: 6 days ago - Pushed at: 11 months ago - Stars: 7 - Forks: 1

portsoc/staged-simple-message-board

An Express-based message board, built step by step.

Language: JavaScript - Size: 3.36 MB - Last synced at: 2 months ago - Pushed at: 2 months ago - Stars: 6 - Forks: 17

magica11y/prefers-color-scheme

🌗 Detects user’s color scheme preferences using the 'prefers-color-scheme' CSS3 level 5 media query.

Language: JavaScript - Size: 747 KB - Last synced at: 13 days ago - Pushed at: over 1 year ago - Stars: 4 - Forks: 0

Assortment/darkmodejs-demo

Demo app for @assortment/darkmodejs

Language: JavaScript - Size: 11.6 MB - Last synced at: 5 months ago - Pushed at: over 2 years ago - Stars: 4 - Forks: 0

Igorcbraz/Letmeask

🚀 Projeto desenvolvido na Next Level Week na @Rocketseat, pela trilha ReactJS. 🌌

Language: TypeScript - Size: 2.24 MB - Last synced at: 2 months ago - Pushed at: over 3 years ago - Stars: 4 - Forks: 0

iluskaland/portfolio-template

Portfolio template created strictly with HTML and CSS

Language: HTML - Size: 3.08 MB - Last synced at: 10 months ago - Pushed at: 10 months ago - Stars: 3 - Forks: 3

kornelski/is-dark-theme

Hacky check whether macOS is configured to use a Dark Mode appearance

Language: Rust - Size: 2.93 KB - Last synced at: 1 day ago - Pushed at: about 1 year ago - Stars: 2 - Forks: 1

s9a/dew

fresh color mode because dark mode saves energy and eyes :eyes: extensible opensource css style glue

Language: HTML - Size: 152 KB - Last synced at: 2 days ago - Pushed at: over 2 years ago - Stars: 2 - Forks: 0

s9a/diy

eclectic web template with electric web color @s9a and opensource license

Language: HTML - Size: 19.5 KB - Last synced at: 9 days ago - Pushed at: about 3 years ago - Stars: 2 - Forks: 0

silvinor/bootstrap-dark 📦

The Definitive Guide to Dark Mode and Bootstrap 4 - A proof of concept

Language: HTML - Size: 3.21 MB - Last synced at: 26 days ago - Pushed at: 2 months ago - Stars: 1 - Forks: 0

olefirenko/hook-dark-mode

React custom hook to handle dark mode based on user system appearence theme and localStorage.

Language: JavaScript - Size: 57.6 KB - Last synced at: 10 days ago - Pushed at: 8 months ago - Stars: 1 - Forks: 0

avdgaag/tailwindcss-prefers-color-scheme

A Tailwind CSS plugin for adding variants using the prefers-color-scheme media feature.

Language: JavaScript - Size: 835 KB - Last synced at: 27 days ago - Pushed at: over 2 years ago - Stars: 1 - Forks: 0

Keys78/themed-calculator

Language: JavaScript - Size: 212 KB - Last synced at: about 2 years ago - Pushed at: over 3 years ago - Stars: 1 - Forks: 0

yangqYangQ/theme-switcher

网页明暗主题色切换

Language: HTML - Size: 8.79 KB - Last synced at: about 2 years ago - Pushed at: about 5 years ago - Stars: 1 - Forks: 0

Grawl/mediawiki-docker

Ready to use and customize MediaWiki on Docker Compose

Language: CSS - Size: 94.7 KB - Last synced at: about 2 months ago - Pushed at: over 5 years ago - Stars: 1 - Forks: 0

webmural/lunar

<menu> sample ol

Language: HTML - Size: 4.88 KB - Last synced at: about 2 months ago - Pushed at: about 2 months ago - Stars: 0 - Forks: 0

ubermanu/i3-prefers-color-scheme

Script to set color-scheme preference in supported applications (Firefox, Chromium, etc...)

Language: Shell - Size: 10.7 KB - Last synced at: about 2 months ago - Pushed at: 3 months ago - Stars: 0 - Forks: 0

IKTIKN/angular-resizable-splitpane

Template for fullscreen workspace apps with resizable splitpanes and localstorage for client side persistence

Language: TypeScript - Size: 535 KB - Last synced at: about 1 year ago - Pushed at: about 1 year ago - Stars: 0 - Forks: 0

svenluijten/commonmark-dark-mode-images 📦

Use different images in light- and dark mode in CommonMark-rendered Markdown.

Language: PHP - Size: 17.6 KB - Last synced at: 4 months ago - Pushed at: almost 2 years ago - Stars: 0 - Forks: 0

lucat1/use-prefers-theme

A react hook to get the user's preference on coloscheme. Works on old browsers and SSR

Language: TypeScript - Size: 1.78 MB - Last synced at: about 2 years ago - Pushed at: over 2 years ago - Stars: 0 - Forks: 0

webmural/surge

surge mural urges

Language: CSS - Size: 5.86 KB - Last synced at: about 1 month ago - Pushed at: over 2 years ago - Stars: 0 - Forks: 0

webmural/leeloo

leeloo blazon "Leeloominaï Lekatariba Lamina-Tchaï Ekbat De Sebat (A.K.A "Leeloo") is one of the Supreme Beings of the Universe."

Language: CSS - Size: 2.93 KB - Last synced at: about 2 years ago - Pushed at: over 2 years ago - Stars: 0 - Forks: 0

webmural/damn

hot damn cool violet HTML and CSS sample from July

Language: HTML - Size: 4.88 KB - Last synced at: about 2 years ago - Pushed at: almost 3 years ago - Stars: 0 - Forks: 0

besworks/theme-selector

Adds auto dark/light mode and user-selectable themes to a web app.

Language: HTML - Size: 9.77 KB - Last synced at: about 1 month ago - Pushed at: almost 3 years ago - Stars: 0 - Forks: 0

marcus-hugo/social-media-dashboard-with-theme-switcher-master

Social media dashboard with OS prefers-color-scheme or can manually toggle a switch to override.

Language: SCSS - Size: 456 KB - Last synced at: about 2 years ago - Pushed at: almost 3 years ago - Stars: 0 - Forks: 0

MilanSteman/LocalStorage-Theme-Selector

An easy and efficient way to set an user's preferred theme within the frontend.

Language: Vue - Size: 17.6 KB - Last synced at: over 1 year ago - Pushed at: about 3 years ago - Stars: 0 - Forks: 0

TonySpegel/theme-switch

Modal dialog component to switch between themes

Language: TypeScript - Size: 1.22 MB - Last synced at: about 2 years ago - Pushed at: about 3 years ago - Stars: 0 - Forks: 0

s9a/media

colorful media queries

Language: CSS - Size: 3.91 KB - Last synced at: 9 days ago - Pushed at: over 3 years ago - Stars: 0 - Forks: 0

Mikulew/js-light-dark-theme-toggle

Small project that shows the possibility to switch from light to dark mode and vice versa.

Language: CSS - Size: 12.7 KB - Last synced at: about 1 year ago - Pushed at: over 3 years ago - Stars: 0 - Forks: 2