Dark Mode
A light-on-dark color scheme —also called black mode, dark mode, dark theme, night mode, or lights-out — is a color scheme that uses light-colored text, icons, and graphical user interface elements on a dark background. It is often discussed in terms of computer user interface design and web design.
- GitHub: https://github.com/topics/dark-mode
- Wikipedia: https://en.wikipedia.org/wiki/Light-on-dark_color_scheme
- Aliases: dark-theme,
- Last updated: 2026-06-16 00:07:24 UTC
- JSON Representation
https://github.com/feross/color-scheme-change
Detect system color scheme changes on the web (Dark Mode)
color-scheme css dark-mode javascript media-query nodejs prefers-color-scheme web
Last synced: 10 Sep 2025
https://github.com/0xGlitchbyte/obsidian_everforest
Everforest theme ported to Obsidian.md
Last synced: 11 May 2025
https://github.com/braydentw/obsidian
✨ Elegant portfolio template built on NextJS and Tailwind.
dark-mode javascript js next nextjs portfolio react reactjs tailwind tailwindcss vercel
Last synced: 25 Apr 2025
https://github.com/peterthehan/peterthehan
My personal site and profile README.
bootstrap dark-mode default github-pages github-profile github-profile-readme github-readme github-readme-profile icon icons markdown minimalistic personal-site personal-website profile profile-readme readme readme-profile svg template
Last synced: 08 Mar 2026
https://github.com/contentz-tech/contentz
Create Content, Get a Highly Optimized Website
dark-mode frontmatter mdx offline-first react ssg static-site static-site-generator
Last synced: 06 Aug 2025
https://github.com/OMIsie11/SpaceXFollower
Android app that helps You keep up with SpaceX 🚀
android android-app coroutines-android dark-mode groupie koin kotlin-android kotlin-flow ktlint livedata lottie material-design mpandroidchart mvvm navigation-architecture-component retrofit2 room-persistence-library spacex spacex-api viewmodel
Last synced: 11 May 2025
https://github.com/bash/terminal-colorsaurus
A library for answering the question «Is this terminal dark or light?» 🦕
Last synced: 04 Apr 2025
https://github.com/han109k/light-switch-bootstrap
Dark mode toggle for Bootstrap 5
bootstrap bootstrap5 dark-mode dark-theme
Last synced: 12 Apr 2025
https://github.com/catppuccin/qtcreator
🍬 Soothing pastel theme for Qt Creator
catppuccin color-scheme dark-mode dark-theme hacktoberfest qtcreator theme themes
Last synced: 17 Feb 2026
https://github.com/NicholasMamo/adonis-template
A simple, elegant LaTeX template with dark mode support
academic-writing acwri dark-mode dark-theme latex latex-class latex-template minimalist scholarly-articles template
Last synced: 04 Sep 2025
https://github.com/nicholasmamo/adonis-template
A simple, elegant LaTeX template with dark mode support
academic-writing acwri dark-mode dark-theme latex latex-class latex-template minimalist scholarly-articles template
Last synced: 29 Oct 2025
https://github.com/vue-a11y/vue-dark-mode
A component that helps to implement dark mode and other color modes in your Vue application.
color-mode dark dark-mode prefers-color-scheme
Last synced: 03 Mar 2026
https://github.com/karpolan/react-mui-pro-starter
[IMPORTANT] - better use Vite starter https://github.com/karpolan/react-mui-vite-ts instead of this "Create React App + Material UI" starter
create-react-app dark-mode material-design material-ui night-mode no-redux react react-project react-starter reactjs state-management
Last synced: 11 Jun 2025
https://github.com/surjithctly/astro-color-scheme
Astro Color Scheme is a fully headless dark mode theme toggle for Astro.
astro astro-themes color-scheme dark-mode dark-theme headless
Last synced: 15 Apr 2025
https://github.com/wkovacs64/gatsby-plugin-use-dark-mode
Gatsby plugin to prevent a flash of default styles when using the use-dark-mode hook
dark-mode gatsby gatsby-plugin plugin react react-hooks theming
Last synced: 20 Oct 2025
https://github.com/brianruizy/gatsby-minimal-portfolio
JAMstack content-focused portfolio blog starter. Features include dark-mode, installable PWA, SEO, code highlighting, form, CI/CD.
dark-mode gatsby gatsby-starter graphql jamstack markdown netlify portfolio pwa react react-bootstrap theme-ui
Last synced: 19 Mar 2025
https://github.com/bluesabre/darkbar
Darken window titlebars based on your preference. Made for elementary OS and GNOME.
dark-mode elementaryos gnome gtk window-decorations
Last synced: 21 Aug 2025
https://github.com/alexandersandberg/theme-switcher
A website theme switcher using CSS only
Last synced: 27 Aug 2025
https://github.com/flanker/bilibili-dark-mode
A Chrome/Edge/Firefox extension to turn your bilibili.com into dark mode
bilibili chrome chrome-extension dark-mode edge-extension firefox-addon
Last synced: 15 Apr 2025
https://github.com/neetozone/neeto-ui
A component library from BigBinary.
a11y components dark-mode react react-components reactjs ui-components ui-library uikit
Last synced: 26 Oct 2025
https://github.com/clashsoft/bootstrap-darkmode
Stylesheet and scripts for implementing dark mode with Bootstrap 4
bootstrap bootstrap-theme dark-mode dark-theme
Last synced: 13 Apr 2025
https://github.com/jxareas/techhub
Educational App made with Retrofit, Coroutines, Navigation Component, Room, Dagger Hilt, Flow & Material Motion Animations.
android android-animations android-development dagger-hilt dark-mode jetbrains kotlin kotlin-coroutines kotlin-flow kotlin-serialization learn material-design material-motion mvvm-android mvvm-architecture navigation-component okhttp3 retrofit room
Last synced: 14 Oct 2025
https://github.com/mackuba/darkmodeswitcher
Simple app for overriding light mode per app on macOS (demo for a blog post)
appkit dark-mode macos swiftui swiftui-example
Last synced: 22 Mar 2025
https://github.com/metonym/svelte-dark-mode
Support dark mode in your Svelte apps
color-scheme-preference dark-mode localstorage persist prefers-color-scheme ssr svelte svelte-component theme typescript typescript-definitions
Last synced: 17 Mar 2025
https://github.com/shaifarfan/artistic
Artistic is a landing page for a photography studio. This is a well-designed and responsive landing page with dark mode feature.
dark-mode react-context-api reactjs webcifar
Last synced: 29 Aug 2025
https://github.com/mrowa44/obsidian-ia-writer
Obsidian theme inspired by iA Writer. It makes Obsidian nice to think in.
dark-mode dark-theme light-theme minimal obsidian obsidian-md obsidian-theme theme
Last synced: 13 Apr 2025
https://github.com/amirmasoudabdol/sfthemes
An accessible set of themes and color palettes optimized for light/dark appearances, and different screen sizes
accessibility color-palette dark-mode ggplot2 ggplot2-themes light-dark-theme rstats tidyverse visualization
Last synced: 21 Mar 2025
https://github.com/bigbinary/neeto-ui
A component library from BigBinary.
a11y components dark-mode react react-components reactjs ui-components ui-library uikit
Last synced: 05 Apr 2025
https://github.com/shivaprsd/doq
The missing reader mode/color schemes tool for PDFs. 👓
color-schemes dark-mode es6-module eye-comfort pdf pdfjs reader-mode
Last synced: 17 Mar 2025
https://github.com/vednoc/dark-instagram
Customizable, dark and light mode for Instagram.
dark-instagram dark-mode dark-theme stylus stylus-lang usercss userstyles
Last synced: 01 Mar 2026
https://github.com/max-programming/max-todos
A basic Todo app developed in React.
dark-mode hacktoberfest hooks material-ui react react-17 react-hooks react-todo-app todo-list todolist typescript typescript-react
Last synced: 26 Feb 2026
https://github.com/ZaneH/metronome
A cross-platform metronome. Includes a tempo tapper, themes, and more!
bpm cross-platform dark-mode desktop metronome music piano react tauri tempo tempo-tapping
Last synced: 13 May 2025
https://github.com/zaneh/metronome
A cross-platform metronome. Includes a tempo tapper, themes, and more!
bpm cross-platform dark-mode desktop metronome music piano react tauri tempo tempo-tapping
Last synced: 19 Oct 2025
https://github.com/ilhammeidi/oiron-starter
Landing page template built with one of most popular javascript library React.js, Material UI (Material Design) and Next.JS with SSR.
dark-mode dark-theme ecommerce i18n landing-page material-ui mui next nextjs react reactjs responsive rtl ssr starter-kit starter-project template wow-js
Last synced: 13 Jun 2025
https://github.com/AyumuNekozuki/niconico-darkmode
ニコニコをダークモードにする拡張機能
chrome dark-mode docker firefox niconico niconico-darkmode
Last synced: 10 Apr 2025
https://github.com/ditdot-dev/dark-mode-example
Simple and fun dark-mode detection. JavaScript with a user mode toggle.
css-filters dark-mode dark-mode-switcher dark-mode-toggle dark-theme example fun javascript prefers-color-scheme star-wars
Last synced: 09 May 2025
https://github.com/idrsdev/react-sidebar-tailwind-darkmode
Responsive sidebar built with React and Tailwind. Support for dark mode, react-router and Mobile Menu. Feel free to contribute⭐
dark-mode layout mobile-menu react react-router-v6 sidebar tailwind tailwindcss
Last synced: 10 Apr 2025
https://github.com/garritfra/darktheme.club
A collection of web pages from across the Internet. To qualify, your website must either use a dark theme by default, or respect the preference of the user.
a11y accessibility css dark-mode dark-theme
Last synced: 04 Apr 2025
https://github.com/zyxzb/Fashion-Corner-Next.js-Ecommerce
Next.js 14 (SSR) Fullstack E-commerce App built with MongoDB, Typescript, Tailwind, DaisyUI, Shadcn/ui
dark-mode dark-theme eslint mongo mongoose next-auth nextjs-ecommerce nextjs13 nextjs14 nprogress prettier ssr swr typescript zustand zustand-persist
Last synced: 29 Aug 2025
https://github.com/pndurette/zsh-lux
zsh plugin to toggle light/dark modes of macOS but also of iTerm, Visual Studio Code and anything you can script/theme
dark-mode macos terminal zsh zsh-plugin
Last synced: 14 Apr 2025
https://github.com/TheCodeTraveler/DarkModeSplashScreen
A sample app for iOS and Android written in Xamarin.Forms showing how to implement a Splash Page for Dark Mode
dark-appearance dark-mode dark-theme splash-page splash-screen splashscreen xamarin xamarin-android xamarin-forms xamarin-ios
Last synced: 18 Apr 2025
https://github.com/pyvesb/night-video-tuner
:clapper: Browser extension that allows adjusting temperature and other properties of videos on Chrome and Firefox.
browser-extension chrome-extension dark-mode firefox-addon iplayer netflix youtube
Last synced: 22 Mar 2025
https://github.com/hebiiro/al2_jd
aviutl2を完全にダークモード化することを目的としたMODです。
aviutl2 cpp dark-mode dark-theme ms-detours win32
Last synced: 14 Apr 2026
https://github.com/muijf/pandacss-preset-radix-colors
Color preset for PandaCSS, bringing Radix Colors for consistent and accessible design.
chakra-ui css dark-mode pandacss preset radix-colors radix-ui styling
Last synced: 05 Jul 2025
https://github.com/milandekruijf/pandacss-preset-radix-colors
Radix Colors preset for PandaCSS
chakra-ui css dark-mode pandacss preset radix-colors radix-ui styling
Last synced: 25 Feb 2025
https://github.com/coenttb/swift-html
The Swift HTML library built on swift-standards.
css dark-mode domain-specific-languages dsl html result-builders server-side-swift swift type-safe web-development
Last synced: 21 Feb 2026
https://github.com/y1zhou/hugo-northeast
A Hugo theme using Tailwind CSS.
blogdown dark-mode hugo hugo-theme responsive-design tailwind-css
Last synced: 07 Mar 2026
https://github.com/nperovic/guienhancerkit
Elevate your AHK Gui development with extended methods and properties.
ahk ahk-gui ahk-library ahk2 ahkscript ahkv2 autohotkey autohotkey-script autohotkey-v2 dark-mode dark-theme gdi gdi32 gui subclass subclassing win32 window-style windows
Last synced: 11 Mar 2026
https://github.com/redpangilinan/rdev.pro
My personal website built with Nextjs.
dark-mode nextjs nextjs-app-router nextjs-appdir nextjs-tailwind nextjs14 personal-website reactjs rest-api shadcn-ui tailwindcss
Last synced: 24 Aug 2025
https://github.com/dracula/qt5
🧛🏻♂️ Dark theme for qt5
dark-mode dark-theme dracula qt5
Last synced: 24 Apr 2025
https://github.com/lannodev/vue-resume
Developer resume template with Tailwind CSS and Vue.
cv dark-mode free open-source responsive resume tailwindcss vue vuejs
Last synced: 14 Apr 2025
https://github.com/neikiri/neiki-editor
Lightweight, dependency-free WYSIWYG editor with 30+ tools, themes, and easy integration for JavaScript & PHP.
cms content-editor customizable dark-mode editor html-editor javascript lightweight no-dependencies open-source php rich-text-editor text-editor toolbar vanilla-js web-editor wysiwyg
Last synced: 18 May 2026
https://github.com/rfoel/use-prefers-color-scheme
React hook for determining the preferred color scheme
dark-mode dark-theme hacktoberfest hooks prefers-color-scheme react
Last synced: 26 Jun 2025
https://github.com/turnoffthelights/turn-off-the-lights-edge-extension
Microsoft Edge
accessibility browser-extension css dark-mode dark-theme darkmode edge-extension eye-care html javascript microsoft-edge night-mode nightmode turnoffthelights
Last synced: 24 Apr 2025
https://github.com/5j54d93/google-blogger-template
An excellent Google Blogger theme (template)designed with Bootstrap and Blogger's XML syntax.
blog blogger blogspot bootstrap css dark-mode frontend google html light-mode modal rwd seo template theme tooltip ui web xhtml xml
Last synced: 22 Mar 2025
https://github.com/ranzuu/shadow-ui
Darker UI resource pack for GregTech New Horizon
dark-mode gregtech minecraft resourcepack
Last synced: 07 Mar 2026
https://github.com/daprice/blender-auto-dark-mode
Blender add-on for choosing separate UI themes to match the system light/dark mode
addon blender blender-addon blender3d dark-mode
Last synced: 23 Apr 2025
https://github.com/ivanhofer/sthemer
A lightweight yet powerful solution to support multiple color schemes in your Svelte/SvelteKit application.
color-schemes dark-mode light-mode svelte sveltekit theme themes theming
Last synced: 22 Mar 2025
https://github.com/zyxzb/fashion-corner-next.js-ecommerce
Next.js 14 (SSR) Fullstack E-commerce App built with MongoDB, Typescript, Tailwind, DaisyUI, Shadcn/ui
dark-mode dark-theme eslint mongo mongoose next-auth nextjs-ecommerce nextjs13 nextjs14 nprogress prettier ssr swr typescript zustand zustand-persist
Last synced: 24 Oct 2025
https://github.com/chgen/darkenforcer
Win32 Dark Mode enforcer
dark-mode win32 win32-api windows
Last synced: 11 Apr 2025
https://github.com/wilfredinni/next-starter-template
Next 14, App Router, Zustand/React Query, Tailwind CSS, Shadcn/ui and Dark Mode
app-router dark-mode nextjs nextjs13 react-query shadcn-ui tailwind zustand
Last synced: 15 Feb 2026
https://github.com/odaridavid/nightking
🌃 Google I/O 19 Extended, Dark Theme Demo
android android-kotlin dark-mode dark-theme material-design material-ui
Last synced: 23 Mar 2025
https://github.com/aobuchow/eclipse-spectrum-theme
Eclipse plugin which adds the Spectrum theme.
dark-mode dark-theme eclipse eclipse-ide eclipse-marketplace eclipse-plugin flat-theme theme
Last synced: 05 Sep 2025
https://github.com/aotearoan/neon
Neon is a modern VueJS design library built with Typescript and SASS
component-library dark-mode design designsystem framework javascript lightweight neon responsive sass sass-framework themable theme typescript ui-components vue vuejs
Last synced: 04 Apr 2026
https://github.com/yamada-ui/yamada-colors
All-in-one color tool of the Yamada, by the Yamada, for the Yamada.
a11y color color-conversion color-converter color-generator color-palette color-palette-generator color-palettes color-palettes-generator color-picker color-theme colors dark-mode ui ui-design uikit yamada-ui
Last synced: 11 Mar 2026
https://github.com/turnoffthelights/turn-off-the-lights-firefox-extension-webextensions
Firefox extension (WebExtensions)
accessibility browser-extension css dark-mode dark-theme darkmode eye-care firefox firefox-addon firefox-extension firefox-extensions firefox-webextension html javascript night-mode nightmode turnoffthelights
Last synced: 24 Apr 2025
https://github.com/gnomical/solid-theme-provider
Lightweight, customizable theme provider and UI handle for the SolidJS Library
css dark-mode dark-theme prefers-color-scheme solid-js theme
Last synced: 12 Apr 2026
https://github.com/gnss-sdr/geniuss-place
GNSS-SDR Website
dark-mode github-pages gnss gnss-sdr jekyll minimal-mistakes pwa software-defined-radio
Last synced: 30 Apr 2025
https://github.com/shvm-09/tailwind-with-vite
This project serves as a demonstration of effectively integrating Tailwind CSS with Vite and post-processing. Additionally, it showcases seamless compatibility with the Tailwind CSS class order corrector plugin and features a dark-light mode switcher.
autoprefixer dark-mode jsmastery netlify postcss prettier tailwind-template tailwindcss tailwindcss-plugin vite
Last synced: 18 Sep 2025
https://github.com/monkeyjunglejuice/matrix-emacs-theme
"Unfortunately, no one can be told what The Matrix Theme is. You’ll have to see it for yourself." —Morpheus
color-scheme dark-mode dark-theme emacs-package emacs-theme matrix-theme
Last synced: 03 Mar 2025
https://github.com/mrspartak/tg-redirect
🚀 Simple telegram t.me redirect page
css dark-mode dark-syntax-theme dark-theme docker docker-container docker-image docker-swarm english html js node nodejs nodejs-app nodejs-application redirect russian telegram tme translation
Last synced: 16 Mar 2025
https://github.com/aeilot/github-dark-mode-safari
The Safari Edition of MrWillCom/github-dark-mode
dark-mode github github-extension macos safari
Last synced: 13 Apr 2025
https://github.com/Lolabird/stellar-dark-theme-trilium
Dark theme for Trilium Notes (https://github.com/zadam/trilium)
css dark dark-mode dark-theme high-contrast stellar stellar-dark trilium trilium-notebook trilium-notes trilium-plugin trilium-theme
Last synced: 31 Mar 2025
https://github.com/valer100/winaccent
A simple and lightweight Python module for easily retrieving Windows' accent color, including shades, specific window chrome colors and theme. Supports Windows 8.x, 10 and 11 and doesn't require additional dependencies.
accent accent-color color color-scheme colors dark-mode fluent fluent-design gui python user-interface win32 winaccent windows windows-10 windows-11 windows-8 windows10 windows11 windows8
Last synced: 21 Sep 2025
https://github.com/vimalcvs/day-night-switch
🌜☀🌝 Day-Night Switch Mode - A loading view that switches between day and night (Dark/Light Mode).
android android-app android-studio app collaborate dark-mode dark-theme day daynight github github-pages library material material-design material-ui night night-mode switch switchbutton switcher
Last synced: 09 Jul 2025
https://github.com/xLexip/Adaptive-Theme
💡 Auto dark mode based on ambient light for Android. Get it on Google Play!
adaptive-theme android android-app android-customization android-foss auto-dark-mode automation customization dark-mode dark-theme foss google-play google-play-store jetpack-compose kotlin material-3 material-design night-mode shizuku theme-switcher
Last synced: 31 Dec 2025
https://github.com/hermanya/color-system
🎨 Easiest way to get a universal color palette
color-palette color-scheme colors dark-mode high-contrast-mode styled-system
Last synced: 14 Apr 2025
https://github.com/prevo128/lightswitch
Simply switch between light and dark mode on mac by clicking on the app icon!
dark-mode light-mode mac macos macos-app macos-application
Last synced: 13 May 2025
https://github.com/imadatyatalah/next.js-template
Opinionated Next.js and TailwindCSS template.
dark-mode eslint next-themes nextjs nextjs-template prettier react tailwindcss typescript vercel
Last synced: 10 May 2025
https://github.com/jgthms/hacker-news-dark-mode
Hacker News Dark Mode
css dark-mode dark-theme hacker-news
Last synced: 07 Oct 2025
https://github.com/tusharnankani/AnalogClock
Analog Clock with added Neomorphic effects.
aesthetic clock dark-mode html-css-javascript javascript light-theme neomorphic neomorphism time
Last synced: 10 Apr 2025
https://github.com/joserfelix/antd-dark-mode
Example AntD app showcasing how to switch between themes with react-css-theme-switcher.
Last synced: 25 Nov 2025
https://github.com/captaincodeman/svelte-theme-select
Theme switcher for Svelte & TailwindCSS
dark-mode dark-theme prefers-color-scheme svelte sveltekit theme
Last synced: 26 Apr 2025
https://github.com/tusharnankani/analogclock
Analog Clock with added Neomorphic effects.
aesthetic clock dark-mode html-css-javascript javascript light-theme neomorphic neomorphism time
Last synced: 07 May 2025
https://github.com/angularcafe/slateui-theme
Modern Theme Management for Angular - A lightweight, feature-rich theme library with automatic dark mode detection, SSR safe, and zero configuration required.
angular angular-theme angular-themes angularui angularui-theme dark-mode dark-theme slateui slateui-theme theme-management theme-manager theme-switcher
Last synced: 12 Sep 2025
https://github.com/gadenbuie/quarto-auto-dark
Auto dark mode for Quarto websites and slides
dark-mode quarto quarto-extension quarto-filter
Last synced: 09 Sep 2025
https://github.com/l-tchen/auto-dark-mode.vim
A MacVim plugin for switching between dark and light modes automatically.
Last synced: 04 Apr 2025
https://github.com/ernieayala/ernies-modern-layout
A clean and themeable visual update for Foundry VTT. Discord: Ernie#4453 or Ernie on the Foundry channel.
dark-mode ernie foundry-channel foundry-vtt foundry-vtt-theme foundryvtt foundryvtt-theme
Last synced: 02 Mar 2026
https://github.com/mahozad/theme-switch
A toggle button to switch between light/dark/system theme on the Web.
custom-element dark dark-mode dark-theme theme-switch theme-toggle web-component
Last synced: 12 Apr 2025
https://github.com/fabianacampanari/fabicard
🎫 It's a kind of a digital business card including my projects thumbnails, codes, links to my social medias and a dark mode view option button .
css dark-mode figma github-actions github-page html javascript license love-and-joy photoshop programming security-policy
Last synced: 07 May 2025
https://github.com/lailo/next-with-tailwindcss
NextJS with TypeScript and TailwindCSS (with dark theme switch)
dark-mode dark-mode-toggle dark-theme jest jest-snapshots jest-tests nextjs postcss prettier react tailwindcss typescript
Last synced: 27 Apr 2025
https://github.com/aziham/obsidian-dark
An Elegant yet practical dark theme for VSCode
dark-mode dark-theme elegant-theme theme vscode vscode-extension vscode-theme
Last synced: 11 Dec 2025
https://github.com/b1f6c1c4/deep-darkfantasy
Global Dark Mode for ALL apps on ANY platforms.
dark-mode dark-mode-toggle dark-theme fpga verilog verilog-hdl vivado xilinx zynq zynq-7000
Last synced: 23 Jan 2026
https://github.com/jishanshaikh4/lichess-games
Lichess live TV, daily puzzle, my notable games, my all games, and lichess all games in a single webpage
chess chess-ai dark-mode dark-theme games lichess website
Last synced: 25 Feb 2025
https://github.com/ahmetkuslular/react-native-with-style
A styling package for easily adding themes to your React Native projects.
dark-mode dark-theme light-mode light-theme react-native switch-theme
Last synced: 12 May 2025
https://github.com/nilanth/twiter-stats
TwiterStats is a Twitter Followers Tracker build with Next.js, TailwindCSS, NextAuth, SWR
dark-mode netlify next-themes nextauth nextjs react react-hooks swr tailwindcss twitter-api vercel
Last synced: 06 Oct 2025