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-02-09 00:07:20 UTC
- JSON Representation
https://github.com/mrusamamuzaffar/dark_and_light_theme_demonstration
A beautifull demonstration of dark and light theme in Flutter. By taping on button you can switch between dark and light theme.
dark-light-mode dark-light-toggle dark-mode dark-mode-switch dark-mode-switcher dark-mode-theme dark-mode-themes dark-mode-toggle dark-theme darkmode dart flutter light light-mode light-mode-toggle light-theme light-themes lighttheme upwork upwork-client
Last synced: 29 Jan 2025
https://github.com/angelhtml/chakra-ui_dark-mode
Chakra ui dark mode for next js 🌙
angelcodestyle chakra-templates chakra-ui chakra-ui-react chakraui dark-mode nextjs nextjs14 themes
Last synced: 11 Jan 2025
https://github.com/devidw/hugo-theme-component-asciidoctor-skin
Asciidoctor skin styles designed for usage inside Hugo Themes
asciidoctor asciidoctor-theme dark dark-mode dark-theme hugo hugo-theme-component sass sass-files skin static style
Last synced: 02 Feb 2025
https://github.com/natthasath/demo-dark-mode
Dark Mode is a display option that changes the background of a user interface from light to dark and text from dark to light, reducing eye strain and improving battery life on devices with OLED screens.
Last synced: 09 Jan 2025
https://github.com/marlosirapuan/react-pokedex
Pokedex with React Typescript
chakra-ui dark-mode pokeapi react redux-toolkit typescript
Last synced: 21 Jan 2025
https://github.com/natthasath/demo-laravel-breeze-dark
Laravel Breeze is a lightweight, minimalistic starter kit for Laravel, providing pre-built authentication scaffolding, views, and controllers to help developers quickly set up user registration, login, and password reset functionality in their Laravel applications.
10x breeze dark-mode laravel php
Last synced: 09 Jan 2025
https://github.com/2u841r/bytes-newsletter-theme
A vibrant Visual Studio Code theme inspired by Bytes newsletter
dark-mode dark-theme dark-themes syntax-highlighting theme
Last synced: 13 Jan 2025
https://github.com/md0011/todo-list
A simple todo list application
chakra-ui dark-mode lighthouse localstorage react react-icons
Last synced: 22 Jan 2025
https://github.com/jsamuelap/dark-mode
Aplicación web que permite cambiar de temas y colores, dichos cambios son persistentes.
dark-mode dark-theme javascript materialize-css twitter
Last synced: 08 Jan 2025
https://github.com/buddhirangana/dark-mode-toggle
Dark Mode Toggle develop using JavaScript
dark-mode dark-mode-switcher dark-mode-toggle
Last synced: 05 Feb 2025
https://github.com/h3rmel/country-atlas
Have any questions about a certain country? Just search here!
api axios chakra-ui dark-mode es6 public-api react react-router
Last synced: 15 Jan 2025
https://github.com/aadewunmi/project_dark_mode
Dark Mode Project: Switching a webpage from light to dark mode, by toggling a buttom.
css dark-mode html html-css-javascript javascript light-mode
Last synced: 25 Jan 2025
https://github.com/vishalgupta8982/explorify
Explorify: Discover, explore, and connect with Firebase-powered app
asyncstorage authentication dark-mode firebase native-base phone react-native skeleton-loading
Last synced: 22 Dec 2024
https://github.com/karim-mamdouh/portfolio
Portfolio webpage using ReactJS
animation-css axios-react dark-mode emailjs font-awesome node-sass react-hooks react-router-dom reactjs responsive-web-design sass
Last synced: 19 Dec 2024
https://github.com/miii/alumni.discount
🫰 Search alumni discounts from Mecenat and Studentkortet simultaneously. PWA with dark mode support powered by Nuxt 3.
alumni dark-mode discount mecenat nuxt pwa studentkortet
Last synced: 23 Jan 2025
https://github.com/angeidheal/atug-writefreely-theme
A dark mode theme for WriteFreely
blog blogging dark-mode dark-theme fediverse theme writeas writefreely
Last synced: 30 Jan 2025
https://github.com/victorbadaro/react-tailwind-light-dark-toggle
A very simple light/dark mode toggle using react and tailwindcss
dark-mode light-mode react tailwindcss theme-switcher typescript
Last synced: 30 Jan 2025
https://github.com/babanigit/react-tailwind-darkmod
"I implemented a feature to toggle between dark and light mode using React states in my project. This functionality enhances user experience by allowing them to customize the appearance of the application according to their preferences."
Last synced: 29 Jan 2025
https://github.com/remy349/social-media-dashboard-with-theme-switcher
css dark-mode design reactjs tailwindcss
Last synced: 30 Jan 2025
https://github.com/ssb22/css-generator
Low-vision stylesheet generator
dark-mode high-contrast low-vision web-accessibility
Last synced: 23 Oct 2024
https://github.com/estaniulyte/games-dashboard
React learning project - Games Dashboard
chakra-ui dark-mode react typescript vite
Last synced: 26 Jan 2025
https://github.com/slashmo/dark-mode-web
🌚☀️ Experimenting with dark mode on the web
css dark-mode html javascript web-development
Last synced: 06 Feb 2025
https://github.com/emsmoreno/emsmoreno.github.io
In here, you can see all the info about me and my professional background.
dark-mode front-end-development github-pages html-css javascript responsive-web-design resume resume-website web-development
Last synced: 06 Feb 2025
https://github.com/olaviinha/hs-dark-theme
HS.fi Dark mode
chrome-extension dark-mode dark-theme helsingin-sanomat hesari sanoma
Last synced: 14 Jan 2025
https://github.com/rickreisdev/loginformdarklight
Formulário de login com modo escuro. Inspirado no vídeo da Larissa Kich.
css dark-mode flexbox html javascript login login-form login-page rickreis rickreisme
Last synced: 13 Jan 2025
https://github.com/alotropico/dark-mode-attribute
Very simple and lightweight utility to manage dark and light schemes from vanilla JavaScript. Call it with your button as a parameter and you're all set.
color-scheme dark-mode dark-theme scheme-tools toggle-scheme
Last synced: 31 Jan 2025
https://github.com/gablsl/login-dark-light-mode
A login form created using HTML5 and CSS3 that have light / dark mode effect
css3 dark-mode flexbox html5 javascript login-forms
Last synced: 27 Dec 2024
https://github.com/scar17off/react-documentation
A customizable React-based documentation site with Markdown support, dark mode, and an easy-to-use structure for organizing project documentation.
customizable dark-mode developer-tools documentation markdown project-documentation react react-router sidebar-navigation static-site-generator
Last synced: 20 Dec 2024
https://github.com/nishatrhythm/responsive-portfolio-with-dark-light-mode
Simple responsive portfolio website with dark mode support using HTML, CSS and JavaScript.
css dark-mode html javascript portfolio
Last synced: 27 Nov 2024
https://github.com/simonpadbury/restart-css
A modern CSS reset plus a few ultra minimal styles – with dark mode compatibility.
Last synced: 17 Jan 2025
https://github.com/leandro-mancini/ditto
Crie aplicativos escaláveis e acessíveis com facilidade.
angular css-in-js csstype dark-mode design-system design-tokens docusaurus emotion preact react react-native ui web-components
Last synced: 27 Oct 2024
https://github.com/givanz/blog-default
Minimal Bootstrap 5 blog template for Vvveb CMS
blog blogging bootstrap-5-template bootstrap-template bootstrap-theme bootstrap5 bootstrap5-template dark-mode dark-theme html-template minimal vvveb-theme
Last synced: 05 Jan 2025
https://github.com/chubi-x/react-facts-site
react app to implement dark-mode toggle
Last synced: 13 Jan 2025
https://github.com/mia-cx/tailwindcss-themes
TailwindCSS plugin for theming. Supports configurable selectors, media queries, and utility defaults.
dark-mode tailwindcss tailwindcss-plugin themes
Last synced: 13 Jan 2025
https://github.com/marina-barbosa/html-landingpage-electricalservices
Landing page para atividade pratica do curso da +PraTi
css dark-mode font-awesome googlemaps html javascript maisprati
Last synced: 30 Jan 2025
https://github.com/tomasbozzano/porfolio
Creado para que puedan conocerme y ver las habilidades desarrolladas con proyectos.
about-me about-me-website astro css dark-mode html javascript
Last synced: 21 Jan 2025
https://github.com/lullaby6/noty
React.js App - A notes web app inspired in "Google Keep"
dark-mode dark-theme front-end frontend javascript js note notes react reactjs tailwind tailwind-css tailwindcss
Last synced: 25 Jan 2025
https://github.com/swsnr/gnome-shell-extension-gtk3-auto-dark
Automatically switch Gtk3 applications to dark mode
dark-mode gnome-shell-extension
Last synced: 30 Jan 2025
https://github.com/cyril-develop/dark-mode-react
Dark Mode React
css3 dark-mode darkmode react react-native reactdarkmode reactjs
Last synced: 13 Jan 2025
https://github.com/robert-ds/dark-form
Example form dark - buttons google and twitter for signup
Last synced: 22 Dec 2024
https://github.com/vikram-12/book-ecom-app
This is an e-commerce app which serves as a platform for showcasing and selling books online.
context dark-mode ecommerce-website html javascript json-server node nodejs react-router reactjs reducers responsive-design tailwindcss
Last synced: 06 Feb 2025
https://github.com/iambenkis/shiny-agency
Experience unmatched user satisfaction with Shiny Agency. Utilizing React and Tailwind, our platform ensures seamless developer matching for your project needs. Enjoy an intuitive interface and exceptional user experience, making your developer selection process efficient and hassle-free.
api-rest dark-mode reactjs state-management
Last synced: 04 Feb 2025
https://github.com/ifalfahri/react-ts-shadcn-starter
Vite + React + Typescript + Tailwind + shadcn/ui + Bun + SWC + Dark Mode Theming starter
bun component dark-mode dark-theme react reactjs shadcn-ui swc tailwind tailwindcss template typescript vite
Last synced: 04 Feb 2025
https://github.com/drylozu/meowdbexplorer
Explore JSONs, especially the ones you created with MeowDB.
dark-mode dark-theme explorer json nextjs react ui web
Last synced: 07 Jan 2025
https://github.com/turnoffthelights/turn-off-the-lights-naver-extension
Naver extension
accessibility browser-extension css dark-mode dark-theme darkmode eye-care html javascript naver naver-extension night-mode nightmode turnoffthelights youtube
Last synced: 07 Jan 2025
https://github.com/anibalventura/task-list-mobile
Task list mobile app as an example to consume the Task List API.
android-app dark-mode dart flutter-app ios-app night-mode tasklist
Last synced: 11 Jan 2025
https://github.com/lullaby6/edarkmode.js
JavaScript Library/npm package - Easy and customizable darkmode usage.
css dark-mode dark-theme javascript js
Last synced: 25 Jan 2025
https://github.com/aleksandracislowski/react-mui
Facebook-inspired demo, learning materials from LamaDev
dark-mode dark-theme mui react
Last synced: 03 Jan 2025
https://github.com/peter-tanner/intel-quartus-dark-mode-windows
A script to convert the Intel Quartus IDE to dark mode using QDarkStyleSheet with some modifications.
dark-mode dark-theme fpga ide intel quartus quartus-prime theme
Last synced: 23 Dec 2024
https://github.com/fl0r1an84/bookmark-sidebar-auto-dark-mode
Automatically switches to dark mode when activated in the operating system
chrome chrome-extension css dark dark-mode dark-theme
Last synced: 21 Jan 2025
https://github.com/nagoev-alim/npp-dark-mode-01-vanilla
🚀 Dark mode component.
dark-mode javascript pet-project scss
Last synced: 21 Dec 2024
https://github.com/davidwboni/stop-tracker
📦 Stop Tracker - A modern React application for delivery drivers to efficiently track stops, manage earnings, and compare company invoices. Features real-time analytics, dark mode, and mobile-responsive design.
analytics-dashboard dark-mode delivery-management delivery-tracking earnings-tracker firebase framer-motion invoice-management pwa react react-hooks recharts responsive-design shadcn-ui tailwindcss
Last synced: 29 Dec 2024
https://github.com/howbizarre/month-calendar
A simple UI Component that uses @howbizarre/vue-month-calendar NPM package to visualize a month of a year. Based on Vue, Tailwindcss and Typescript.
calendar component dark-mode date javascript month node tailwindcss typescript vue vue3 vuejs
Last synced: 08 Jan 2025
https://github.com/danialeyz/button-dark
This mini project is a switch case button for switching between dark mode and light mode with tailwind css and alpinejs
alpine-js alpinejs dark-mode switch-case tailwind-css tailwindcss
Last synced: 03 Feb 2025
https://github.com/alisonatwork/donker
Dark mode for Thunderbird message display.
Last synced: 06 Feb 2025
https://github.com/iwatanikenji/data-structure-page
College project based on a created prototype implemented with React
dark-mode data-structure mui responsive-design utfpr
Last synced: 23 Dec 2024
https://github.com/howbizarre/vue-month-calendar
NPM package to draws a given month with its days using base on Vue 3, Tailwindcss and Typescript.
calendar component dark-mode date javascript month node tailwindcss typescript vue vue3 vuejs
Last synced: 08 Jan 2025
https://github.com/raulil/metacity-win3x-dark-theme
Windows 3.x lookalike theme for Metacity/Marco window managers
dark-mode marco metacity theme windows-3-x
Last synced: 16 Jan 2025
https://github.com/sarthakpranesh/blogfolio
Portfolio + Blog + Project Showcase Hugo theme
dark-mode hugo hugo-blog hugo-blog-theme hugo-site hugo-theme portfolio projects
Last synced: 09 Jan 2025
https://github.com/sh13y/filmxy-direct-link-extractor
🎬 A Chrome extension that ninja-extracts download links from FilmXY. Drop an IMDb ID, grab your popcorn, and let the magic happen! Made for night owls who can't find their TV remote.
chrome-extension dark-mode download-links filmxy imdb link-extractor
Last synced: 04 Feb 2025
https://github.com/gerhynes/social-media-dashboard
A social media dashboard with dark mode built to solve a Frontend Mentor challenge.
css-grid dark-mode frontend-mentor social-media-dashboard
Last synced: 31 Jan 2025
https://github.com/juzser/rocket.chat-dark-mode
Dark mode for Rocket.Chat
dark-mode dark-theme rocketchat rocketchat-dark rocketchat-ui
Last synced: 26 Jan 2025
https://github.com/john-paul-r/ddbdark
Dark mode for DnDBeyond via Tampermonkey script.
dark-mode dark-theme dndbeyond dungeons-and-dragons tampermonkey tampermonkey-script tampermonkey-user-script tampermonkey-userscript
Last synced: 27 Jan 2025
https://github.com/luisc73/portafolio_old
Mi portafolio diseñado con Html, Scss y JavaScript
bem-methodology dark-mode frontend html javascript oocss portafolio responsive-design scss-framework
Last synced: 31 Jan 2025
https://github.com/questionlp/termina-plex
Terminal-inspired theme for Jekyll based on a port of the Nightfall theme for Hugo.
dark-mode ibm-plex jekyll jekyll-theme light-mode themes
Last synced: 11 Oct 2024
https://github.com/brunonavarrooficial/darkmode-pagenike
Dark and Light Nike
css3 dark dark-mode dark-theme html-css-javascript html5 javascript light nike nike-shoes
Last synced: 30 Dec 2024
https://github.com/adm-2005/pet-cradle-website
Pet Cradle is an effort to create a haven where compassion meets companionship, and every story begins with a friend.
dark-mode petfinder-api react tailwindcss
Last synced: 27 Jan 2025
https://github.com/zakintaliban/bravosix
Bravo Six adalah modul Node yang memungkinkan Anda mengganti tema warna elemen HTML dengan mudah.
accessibility color color-scheme contrast dark-mode night-vision styling theme user-experience webdesign
Last synced: 17 Jan 2025
https://github.com/rodrigo-dev7/clone-login-facebook
Clone da página de login do Facebook e adicionado mode Dark
css dark-mode facebook-login html5 javascript
Last synced: 08 Feb 2025
https://github.com/zakintaliban/bravo_six
Bravo Six adalah modul Deno yang memungkinkan Anda mengganti tema warna elemen HTML dengan mudah.
accessibility color color-scheme contrast dark-mode night-vision styling theme user-experience webdesign
Last synced: 17 Jan 2025
https://github.com/acovaci/hyper-system-theme-plugin
Plugin that changes the Hyper terminal emulator theme based on the system theme
dark-mode dark-theme hyper hyper-plugin hyper-terminal hyper-theme light-theme terminal
Last synced: 01 Feb 2025
https://github.com/andreyhuey/portfoliobyed
Replicated developedbyed / react-portofolio-with-tailwind project in an effort to perfect knowledge tailwindcss
dark-mode nextjs react tailwindcss
Last synced: 18 Jan 2025
https://github.com/henryhale/analog-clock
🕔 A fully basic analog clock in vanillaJS
analog-clock clock css dark-mode dark-mode-toggle fullscreen-mode henryhale html html-css html-css-javascript javascript vanilla-js vanillajs
Last synced: 08 Jan 2025
https://github.com/umesh-patidar/composelockscreen
Lock Screen UI with Jetpack Compose
android-app android-application apache compose compose-pin compose-pin-lock dark-mode dark-theme declarative-programming declarative-ui jetpack jetpack-android lock-compose material-design material-ui pin-compose pin-lock pin-lock-compose
Last synced: 21 Jan 2025
https://github.com/jmini00/projet_bart
Projet Bart : petit projet évènements clavier et écriture sur un tableau, mise en place d'un "dark-mode"
Last synced: 21 Jan 2025
https://github.com/sashkhen/shu-cv
Personal CV project
clsx css-modules css-variables cv dark-mode gh-pages media-queries momentjs react react-qr-code responsive typescript vite web
Last synced: 05 Feb 2025
https://github.com/varuntv97/my-portfolio
A modern portfolio website built with Next.js and TypeScript, showcasing projects, skills, and professional experience with a minimalist design and dark mode support.
dark-mode frontend minimalist-design nextjs personal-website portfolio tailwindcss typescript
Last synced: 06 Feb 2025
https://github.com/aidan-yip/mac_tv
An Apple TV interface clone with dark mode support. Reimagined for the web.
3d-webpage apple apple-tv appletv color-theme color-theme-switcher dark-mode interface interface-clone interface-design ipad iphone javascript mac macos minimalism minimalist responsive-design sound-design webapp
Last synced: 06 Feb 2025
https://github.com/alisa-yar/dark-mode
Dark and Light Mode Switch
dark-mode dark-theme light-mode light-theme theme-switch theme-switcher
Last synced: 01 Jan 2025
https://github.com/lyaricci/rocketseat-rocket-links-react
Desafio da Rocketseat sobre uma página de links (versão em React JS)
Last synced: 17 Jan 2025
https://github.com/timbar09/the-portfolio
This is the source code for my personal portfolio website, built with React. It features dark mode and a responsive design. The website is built using React, Sass, and other libraries.
dark-mode portfolio react responsive-web-design sass
Last synced: 04 Feb 2025
https://github.com/956mb/website
dark-mode info portfolio projects react showcase tailwindcss website
Last synced: 06 Feb 2025
https://github.com/akunna1/nexus-social-media-app
Mobile responsive therapy like social media app (Frontend completed). Remake of Nduka Social Media App. Backend code: https://github.com/akunna1/Nexus-Social-Media-App-2
dark-mode dark-mode-toggle database expressjs full-stack html mysql nodejs react react-icons tailwindcss user-authentication
Last synced: 31 Jan 2025
https://github.com/chrisnajman/scroll-page-watcher
If your browser supports 'animation-timeline: scroll()' CSS, a horizontal line will appear at the top of the screen as you scroll, indicating how far you have travelled down the page.
css-imports css-nesting dark-mode html-css-javascript light-mode prefers-reduced-motion supports svg-icons svg-sprites
Last synced: 21 Jan 2025
https://github.com/chrisnajman/git-pages-index
Filter Git Pages by category
css-imports css-nesting dark-mode es6-modules html-css-javascipt intersectionobserver-api lazy-loading startviewtransition-api
Last synced: 21 Jan 2025
https://github.com/chrisnajman/tenzies-game
Tenzies dice game, built with React
dark-mode html-css-javascript nanoid react-confetti react-icons reactjs scrimba-react
Last synced: 21 Jan 2025
https://github.com/rickreisme/loginformdarklight
Formulário de login com modo escuro. Inspirado no vídeo da Larissa Kich.
css dark-mode flexbox html javascript login login-form login-page rickreis rickreisme
Last synced: 13 Nov 2024
https://github.com/ilhammeidi/mamang_app_flutter
Aplikasi yang menggabungkan penawaran diskon dan pengalaman gaming
advertising android application apps dark-mode deals ecommerce flutter gaming getx ios listing marketing material-design mobile promotion ui ux
Last synced: 17 Jan 2025
https://github.com/chrisnajman/custom-video-player
Accessible video player with custom controls.
accessibility css-imports css-nesting custom-video-player dark-mode html-css-javascript js-modules light-mode svg-icons svg-sprites video-captions video-transcription
Last synced: 21 Jan 2025
https://github.com/mustafatumsek/hesapmakinesi
SwiftUI ile oluşturduğum basit bir hesap makinesi uygulaması.
calculator calculator-application dark-mode ios ios-app ios-swift swift swiftui
Last synced: 26 Jan 2025
https://github.com/chrisnajman/dark-light-themeswitcher-button
A simple theme switcher using a button to change from light to dark mode.
dark-mode html-css-javascript light-mode svg-icons
Last synced: 21 Jan 2025
https://github.com/henry-azer/react-redux-router-starter
Starter project with React, Redux, and Router, featuring middleware, local storage, localization, ESLint, Axios, Formik, theme mode, Sass, MUI components, and Snackbar.
axios-react dark-mode devtools eslintrc i18next javascript local-storage middleware react-18 react-redux react-redux-starter react-router reactjs routes sass
Last synced: 10 Jan 2025
https://github.com/antoinelin/rethemes
Manage color themes in your React application
colors context-api dark-mode dark-theme hooks-api-react light-mode react themes
Last synced: 01 Jan 2025
https://github.com/mesinkasir/vendeta
V for vendeta starter web template for vite feat lit element
dark dark-mode dark-theme gothic landing-page landingpage lit-element lit-html movie movies v-for-vendetta vendetta vite vitejs website website-design website-development website-template
Last synced: 02 Feb 2025