Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
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: 2025-01-27 00:06:59 UTC
- JSON Representation
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: 10 Nov 2024
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: 29 Oct 2024
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: 26 Jan 2025
https://github.com/maolonglong/hugo-simple
A Hugo-theme based on Simple.css and Bear Blog
blog dark-mode hugo hugo-theme minimal no-js simple-css
Last synced: 20 Dec 2024
https://github.com/flanker/bilibili-dark-mode
A Chrome/Edge extension to turn your bilibili.com into dark mode
bilibili chrome chrome-extension dark-mode edge-extension
Last synced: 22 Jan 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: 27 Oct 2024
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: 01 Nov 2024
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: 21 Jan 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: 08 Nov 2024
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: 18 Nov 2024
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: 13 Nov 2024
https://github.com/brminnick/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: 09 Nov 2024
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: 14 Nov 2024
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 2024
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: 28 Oct 2024
https://github.com/bash/terminal-colorsaurus
A library for answering the question «Is this terminal dark or light?» 🦕
Last synced: 23 Jan 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: 16 Nov 2024
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 Nov 2024
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: 10 Nov 2024
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: 28 Oct 2024
https://github.com/chayanforyou/flutter_material_3_demo
A Flutter project showcasing supported Material 3 components, typography, color system and elevation. Supports different light/dark mode, color seed, and comparison to Material 2.
dark-mode flutter light-mode material-design material-ui material3
Last synced: 14 Nov 2024
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: 07 Nov 2024
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: 09 Nov 2024
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: 14 Oct 2024
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: 14 Nov 2024
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: 28 Oct 2024
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: 10 Nov 2024
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: 10 Nov 2024
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: 31 Oct 2024
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: 15 Oct 2024
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: 11 Jan 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: 13 Jan 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: 16 Nov 2024
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: 20 Nov 2024
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: 27 Oct 2024
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: 07 Nov 2024
https://github.com/chgen/darkenforcer
Win32 Dark Mode enforcer
dark-mode win32 win32-api windows
Last synced: 19 Jan 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: 08 Nov 2024
https://github.com/revelotech/themexpert
ThemeXpert is a highly customizable theme solution for Flutter apps, designed to make it easy to apply multiple themes in your app and to change your app's visual identity when needed.
dark-mode design design-system flutter themes
Last synced: 03 Nov 2024
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: 16 Nov 2024
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: 21 Jan 2025
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: 12 Nov 2024
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: 02 Nov 2024
https://github.com/jgthms/hacker-news-dark-mode
Hacker News Dark Mode
css dark-mode dark-theme hacker-news
Last synced: 07 Oct 2024
https://github.com/joserfelix/antd-dark-mode
Example AntD app showcasing how to switch between themes with react-css-theme-switcher.
Last synced: 11 Jan 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: 06 Nov 2024
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: 13 Dec 2024
https://github.com/l-tchen/auto-dark-mode.vim
A MacVim plugin for switching between dark and light modes automatically.
Last synced: 17 Dec 2024
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: 07 Dec 2024
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: 07 Jan 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: 23 Oct 2024
https://github.com/dracula/qt5
🧛🏻♂️ Dark theme for qt5
dark-mode dark-theme dracula qt5
Last synced: 08 Nov 2024
https://github.com/yamada-ui/yamada-components
A collection of React UI components of the Yamada, by the Yamada, for the Yamada, built with Yamada UI.
animation animation-css dark-mode emotion framer-motion react responsive-design ui ui-components ui-design ui-library uikit yamada-ui
Last synced: 11 Nov 2024
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: 16 Dec 2024
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: 11 Nov 2024
https://github.com/captaincodeman/svelte-theme-select
Theme switcher for Svelte & TailwindCSS
dark-mode dark-theme prefers-color-scheme svelte sveltekit theme
Last synced: 11 Nov 2024
https://github.com/onur-ozkan/nimda.vim
an alternative dark color scheme for vim
colorscheme dark-mode dark-theme neovim neovim-colorscheme vim vim-colorscheme
Last synced: 28 Oct 2024
https://github.com/jdisho/Darkness
🌃 Tailor your macOS appearance from the menu bar.
appearance dark-mode dark-mode-switcher dark-mode-toggle darkmode light-mode lightmode macos swift
Last synced: 06 Nov 2024
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: 28 Oct 2024
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 Nov 2024
https://github.com/jdisho/darkness
🌃 Tailor your macOS appearance from the menu bar.
appearance dark-mode dark-mode-switcher dark-mode-toggle darkmode light-mode lightmode macos swift
Last synced: 28 Dec 2024
https://github.com/eddyverbruggen/nativescript-dark-mode
NativeScript plugin to tap into iOS13's Dark Mode and Android's Night Mode configs
dark-mode nativescript nativescript-plugin night-mode
Last synced: 09 Oct 2024
https://github.com/dagronf/dsfappearancemanager
Theme and Appearance handling for macOS Appkit (Swift/Objective-C).
accessibility appearance appkit dark-mode dark-theme light-mode macos objective-c swift theme
Last synced: 30 Oct 2024
https://github.com/joulev/tailwind-dark-aware
Tailwind CSS plugin to generate shorthands for light mode and dark mode colour classes
dark-mode tailwind-plugin tailwindcss
Last synced: 02 Oct 2024
https://github.com/rubjo/ultimate-dark
The ultimate dark colour scheme for code
code-theme dark-mode dark-theme theme tmtheme
Last synced: 05 Dec 2024
https://github.com/techbarrack/terminal-hugo-theme
A theme for hugo made using tailwind CSS library and mono font family
blog dark dark-mode dark-theme hugo hugo-blog hugo-site hugo-theme markdown minimal personal responsive shortcodes static-site tailwindcss website
Last synced: 11 Oct 2024
https://github.com/pquod/simply-cyan-theme
Simply Cyan is a Jekyll theme dedicated to text and reading. This theme focuses on readability and clarity. Different available functions are at work to facilitate the reader's experience.
dark-mode dyslexia github-pages jamstack jekyll jekyll-theme liquid ruby-gem theme
Last synced: 12 Jan 2025
https://github.com/rozzilla/fast-theme-toggle
Browser extension that enable to quickly switch the website theme.
chrome-extension dark-mode dark-theme firefox-extension firefox-webextension google-chrome-extension light-mode light-theme website-theme
Last synced: 06 Jan 2025
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: 18 Nov 2024
https://github.com/murtuzaalisurti/murtuzaalisurti.github.io
Portfolio Website of Murtuzaali Surti
animation css css3 dark-mode html javascript portfolio portfolio-website scss
Last synced: 09 Nov 2024
https://github.com/mnjm/kayal
Minimal and lightweight Hugo theme with markdown-ish aesthetics
dark-mode hugo hugo-theme lightweight responsive
Last synced: 11 Oct 2024
https://github.com/jmau111/hugo-theme-ava
Ava is a light theme for your blog with essential features you might dig in.
Last synced: 28 Oct 2024
https://github.com/jonaskuske/favicon-mode-switcher
🕯 Make your favicon adapt to dark and light mode
color-scheme dark-mode dark-theme favicon icon light-mode light-theme prefers-color-scheme
Last synced: 01 Nov 2024
https://github.com/howbizarre/starter-template-vue-3-bootstrap-5-sass-dark-theme-typescript
This boilerplate is based on Vue 3 with Bootstrap 5 with TypeScript support. Dark theme support, Bootstrap Icons and Vue Router have also been added.
bootstrap bootstrap-icons bootstrap5 dark dark-mode dark-theme process-env sass typescript vite vue vue-router vue-router4 vue3
Last synced: 11 Nov 2024
https://github.com/shahednasser/use-dark-mode-hook
useDarkMode custom hook for react
dark-mode dark-theme react react-components react-hooks usedarkmode-hook
Last synced: 23 Oct 2024
https://github.com/shahsad-kp/learnease-client
A powerful virtual classroom application built with React, WebRTC, JWT token, WebSockets, and Tailwind CSS. Engage in seamless video conferencing, real-time collaboration, and secure authentication. Elevate your virtual learning experience today!
canvas chat chat-application classroom dark dark-mode dark-theme jwt live-chat react react-redux reactjs redux screenshare tailwind tailwindcss videocall virtual-classroom webrtc whiteboard
Last synced: 16 Nov 2024
https://github.com/stevenselcuk/darkcoffee-ios
Super-über-ultra-light-dark theme extension for your eyes. For Safari on iOS 15! Purrfekt for iPads
dark-mode dark-theme extension ios ios-app ios15 ipad macos safari safari-app-extension safari-extension swift
Last synced: 24 Oct 2024
https://github.com/aminnj/niceplots
Single PHP file for indexing plots (images) in a folder. Live searchable, sortable, etc.
dark-mode dump image-browser php plots single-file vim-keybindings
Last synced: 12 Oct 2024
https://github.com/jaywcjlove/dark-mode
🌓 Add dark mode/night mode custom elements to your website.
custom-elements dark-mode dark-mode-toggle dark-theme prefers-color-scheme web-components
Last synced: 23 Oct 2024
https://github.com/timbru31/cordova-plugin-android-dark-mode-support
🌚/🌞 Apache Cordova plugin to enable proper dark mode support for Android WebView's
android capacitor capacitor-plugin cordova cordova-android cordova-android-plugin cordova-plugin dark-mode ionic ionic-plugin kotlin phonegap phonegap-plugin
Last synced: 15 Oct 2024
https://github.com/vadimghedreutan/linktree-redesign-theme
NextJs 13, TypeScript, Tailwind CSS
dark-mode nextjs13 tailwind-css typescipt use-sound
Last synced: 21 Dec 2024
https://github.com/macx/google-photos-dark-mode
Google Photos has a really nice Dark Mode in the Mobile App, but the Googlers have forgotten the Web App. This is my implementation of a Dark Mode for Desktops.
dark-mode dark-theme darkmode google-ph userstyles userstyles-dark-theme
Last synced: 20 Jan 2025
https://github.com/lucthienphong1120/dark-mode-switch
Basic Bootstrap 5 custom checkbox to use night mode in your web site.
bootstrap bootstrap-dark-mode bootstrap-dark-theme bootstrap-darkmode bootstrap-template bootstrap-theme bootstrap5 dark-mode dark-mode-switch dark-mode-theme dark-theme
Last synced: 01 Jan 2025
https://github.com/kj-gm/theme-csx
A React Native theming framework that makes it easy to create themeable components.
dark-mode framework react react-native styles theming
Last synced: 13 Oct 2024
https://github.com/alitahir4024/e-t-q-website-template
E-T-Q is an website template build with modern HTML CSS and jQuery.
css dark-mode html html-css-javascript jquery light-theme navbar ui-design
Last synced: 07 Dec 2024
https://github.com/doums/dark.nvim
A dark color scheme for nvim
color-scheme color-theme colorscheme dark-mode dark-theme neovim nvim theme
Last synced: 15 Nov 2024
https://github.com/lucalewin/better-bing
chrome/edge extension that brings a dark theme to bing.com and the new Bing Chat AI
bing bing-ai chrome-extension dark-mode dark-theme new-bing
Last synced: 18 Jan 2025
https://github.com/joel-jaimon/dark_portfolio_template
This is a portfolio web template that I made using HTML-5 , CSS3 (SCSS) and JavaScript. Its responsive and you can toggle between three themes. I used DOM event handlers to capture mouse events.
capture-mouse-events css3 dark-mode dark-portfolio-template dark-theme dom-event-handlers html5 themes
Last synced: 12 Oct 2024
https://github.com/ryanve/numerologia
dark themed numerology calculator
baby-names calculadora calculator colorful css dark-mode dark-theme divine html javascript library naming numerologia numerology occult spanglish web-app web-design web-tool
Last synced: 13 Oct 2024
https://github.com/serkodev/themes.js
🌗 1 line of code to apply auto dark / light theme and support custom theme for your website. Super fast and lightweight theme library.
css custom-theme dark dark-mode dark-theme javascript js library style theme themes
Last synced: 07 Nov 2024
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: 10 Oct 2024
https://github.com/yamada-ui/yamada-docs
React UI components of the Yamada, by the Yamada, for the Yamada built with React and Emotion.
animation animation-css dark-mode emotion framer-motion react reactjs responsive-design ui ui-components ui-design ui-library uikit yamada-ui
Last synced: 11 Nov 2024
https://github.com/mo7amedaliebaid/news-wire
A complete news website working perfectly in flutter application.
api application clean-architecture cubits dark-mode dart data-cache dio flutter flutter-web hive newsapp offline offline-mode providers responsive-layout website
Last synced: 15 Nov 2024
https://github.com/vadimghedreutan/blog-mdx
NextJs 13, TypeScript, Tailwind CSS, Markdown/MDX
dark-mode markdown nextjs13 tailwindcss
Last synced: 21 Dec 2024
https://github.com/jakejarvis/dark-mode
🌓 Super simple CSS theme switching with saved preferences and automatic OS setting detection
css dark-mode dark-theme frontend javascript npm
Last synced: 23 Oct 2024