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-19 00:07:30 UTC
- JSON Representation
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/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/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/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/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/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/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/luiizsilverio/night-mode
programa que controla Light / Dark mode usando Javascript puro
Last synced: 01 Feb 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/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/guduchango/leonidas-css-grid-layout-interfaces
Google calendar clone that implement css grid, layouts, flexbox, darkmode, modals.
css css-grid dark-mode flexbox grid-layout html responsive-design
Last synced: 22 Jan 2025
https://github.com/prince9871/newsletter
Nex Newsletter is a fully responsive website built with Chakra UI, featuring light and dark modes. It leverages React Query for efficient data fetching and integrates with an open-source news API for searching and displaying news articles.
chakra-ui dark-mode newsapi react react-query react-query-devtools vite
Last synced: 11 Jan 2025
https://github.com/abdur-rahman-apu/sky-trip-client
Sky-trip is a website of booking flight tickets.
aos-animation daisyui dark-mode emailjs firebase form-validation jwt-authentication lottie-animation react react-fontawesome react-hook-form react-hot-toast react-router-dom responsive-web-design rest-api stripe-payment tailwindcss tanstack-react-query
Last synced: 11 Jan 2025
https://github.com/shwetaank/dark-mode-testing
Simple web App for testing Dark Mode Feature by using JavaScript and Local Storage
dark-mode html-css-javascript localstorage
Last synced: 14 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/rafinhadufluxo/movements-dark
template with dark and light mode on click🌜
dark-mode dark-theme js react-components react-hooks reactjs
Last synced: 17 Feb 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/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/loredanalosurdo/darkmode
Apperance toggle app for 42 school computers.
42 42-school 42adelaide 42born2code 42school app apple-script applescript applet applets application dark-mode desktop desktop-app desktop-application macos script system-preferences toggle widget
Last synced: 28 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/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
https://github.com/haruki1707/themetoggler
A webpage with examples and code of how a Dark Theme Toggler can be done
Last synced: 28 Jan 2025
https://github.com/andybyers21/web-components
Some simple web components that I built which may become handy in the future.
dark-mode form-validation javascript material-ui
Last synced: 17 Jan 2025
https://github.com/alexwhitmore/simple-themes
Drop in dark mode in with theme preference and no flashes of unstyled content.
astro css dark-mode dark-theme html javascript themes
Last synced: 17 Feb 2025
https://github.com/ahmeddev00/full-stack-social-media-website
This project is a full-stack social media web application that has been developed using the MERN stack and Rest API, This is social media platform where you can share posts, react to posts, comments on posts, follow users and more.
axios cookies css dark-mode expressjs html jwt-authentication mysql-database nodejs react react-query responsive-design rest-api
Last synced: 01 Feb 2025
https://github.com/hiteshmeta85/ml-mini-project-web
Binary Classification of Disaster related tweets from Social Media using BERT Model
axios dark-mode machine-learning nextjs responsive tailwind typescript
Last synced: 08 Feb 2025
https://github.com/democrito88/serenatto
Projeto do curso da alura "Bootstrap 5: novos recursos e práticas recomendadas de HTML, CSS e JavaScript" onde se desenvolve uma página de um café fictício.
aprendinaalura bootstrap5 css3 dark-mode frontend html5 responsive themes
Last synced: 18 Jan 2025
https://github.com/dogukansahil/toggleswitch
A responsive toggle switch for transitioning between dark and light modes on web pages, with user preferences saved to local storage.
css dark-mode dark-theme html js toggle-switches
Last synced: 12 Jan 2025
https://github.com/ahmedmitwally77/mealify
Mealify is a responsive web app designed for food lovers who want an easy, elegant way to browse meal options. Built entirely with HTML, CSS, and media queries, Mealify showcases how powerful simple web technologies can be for creating engaging, user-friendly designs across all devices
css3 dark-mode flexbox googlefonts hover html5 media-queries responsive responsive-web-design transition
Last synced: 22 Jan 2025
https://github.com/chrisnajman/accessible-darkmode-lightmode-toggle-buttons
Choose the default state (Light Mode or Dark Mode) of a page. Toggle between states.
css-imports css-nesting dark-mode html-css-javascript light-mode svg-icons svg-sprites
Last synced: 21 Jan 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: 15 Feb 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/nishant-dabhi/expense_tracker
Flutter Expense Tracker APK is a mobile application developed using Flutter that helps users track their expenses.
dark-mode dart flutter-app responsive-ui
Last synced: 18 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/zyxzb/my-website-v2
New version of the application rewritten from vanilla React - Next.js + Sanity
dark-mode dark-theme framer-motion i18n i18next next-international next-intl next14 nextjs nodemailer react-hook-form static-rendering tailwindcss typescript zod zod-validation zustand
Last synced: 16 Jan 2025
https://github.com/jishantukripal/portfolio-template
A sleek, responsive portfolio built with React.js and Tailwind CSS, featuring dark/light mode.
dark-mode portfolio react reactjs responsive tailwindcss
Last synced: 16 Jan 2025
https://github.com/sarahcssiqueira/easy-light-dark-mode
An easy light/dark mode in React using CSS variables, data attributes and useLocalStorage hook.
Last synced: 16 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/chrisnajman/fixed-header-anchor-navigation
Page navigation via anchor links in fixed header. No set height required on the header.
css-imports css-nesting dark-mode es6-modules html-css-javascript intersection-observer resize-observer svg-icons
Last synced: 21 Jan 2025
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: 13 Feb 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/gregorein/cropclip
CropClip - an i mage cutter web application for cutting and exporting specific regions from images. Supports multiple images, custom cuts, zooming, panning, and dark mode.
canvas crop-image crop-tool dark-mode dark-theme file-saver image-cropping image-editor image-processing javascript joyui jszip light-mode light-theme mui react typescript web-application
Last synced: 06 Jan 2025
https://github.com/georgiosdrivas/dark-mode
Dark mode feature using React, SASS and Cypress
css-preprocessor cypress dark-mode react sass vite
Last synced: 22 Jan 2025
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: 11 Feb 2025
https://github.com/subhamgiri16/task-master
To-Do App with Dark Mode
dark-mode local-storage setup-instructions task-management user-interface
Last synced: 28 Jan 2025
https://github.com/dmgsoftware/dark_mode
Receive a signal in Godot when dark mode is toggled on or off.
Last synced: 28 Jan 2025
https://github.com/dimslaev/atoms
lightweight ui library for react
dark-mode react scss typescript ui
Last synced: 18 Feb 2025
https://github.com/faysal-backend-developer/money-management-
Effortlessly track expenses, set budgets, and achieve financial goals with our intuitive money management app. Stay in control of your finances with smart insights, real-time tracking, and secure syncing across devices. Simplify saving and spending while maximizing your financial growth today!
clerkauth crud-application dark-mode money-manager nextjs15 prisma react-hook-form rest-api shadcn-ui tailwindcss tanstack-react-query typescript zod
Last synced: 17 Feb 2025
https://github.com/rajvatsal/sign-up-form
Sign up form design for rock climbing
dark-mode html-forms light-mode responsive-web-design
Last synced: 15 Jan 2025
https://github.com/pierre-juarez/weather_app
App that collects weather information based on the user's location (as long as the user has given permission, of course), the OpenWeather API and the MVVM architecture. 🚀
dark-mode mvvm-architecture openweathermap-api swiftui
Last synced: 02 Feb 2025
https://github.com/webessentz/noto
Noto is a modern, intuitive note-taking app designed for simplicity and efficiency. Whether you're jotting down ideas, organizing tasks, or keeping track of important information, Noto offers a streamlined user experience that puts your notes front and center. With features like rich text editing
android checklists dark-mode dark-theme dart flutter flutter-apps google-icons ios isar-database mobile-app note-taking note-taking-app notes open-source productivity reminders swift text-editor
Last synced: 09 Jan 2025
https://github.com/j3wlius/dishup
DishUp is a recipe finder website that tantalizes your taste buds and simplifies your cooking experience. Built with the power of React and styled with Sass, it offers a visually appealing & user-friendly platform to search for delectable meals based on your ingredients & preferences.
api dark-mode edamam-api light-mode reactjs recipe-website responsive sass sass-framework
Last synced: 11 Feb 2025
https://github.com/usmanbashir/godarkmode
A simple library for switching between Dark & Light mode on your website.
dark-mode nextjs plugin tailwindcss
Last synced: 28 Jan 2025
https://github.com/jonatandb/html_controlpanel
Web Control Panel
css dark-mode html javascript jonatandb mobile-first responsive
Last synced: 10 Jan 2025
https://github.com/mena-erian/traningtalwind
cssgrid dark-mode flowbite grid localstorage npm-package talwindcss tsc
Last synced: 21 Jan 2025
https://github.com/seanmcp/dark-mode-toggle-web-component
A simple web component that transforms a checkbox into a dark-mode toggle.
dark-mode dark-mode-toggle web-component
Last synced: 01 Feb 2025
https://github.com/yhyasyrian/blog-laravel
simple example for create blog with laravel and tailwindcss, This is a training project
dark-mode laravel-framework ltr php8 rtl seo seo-optimization tailwindcss
Last synced: 26 Jan 2025
https://github.com/tpkahlon/dark-mode
This sample demonstrate how to implement modern dark mode feature on projects with dependency of Sass.
Last synced: 21 Jan 2025
https://github.com/sulavgaire/text_manipulator
REACT-JS based project which has features like dark mode, wordcount, convert to lower/upper, copy text, remove extra spaces etc
dark-mode reactjs text-manipulation
Last synced: 11 Jan 2025
https://github.com/lfenzo/vim-fusion
Dark colorscheme for Vim/NeoVim with (a few) language-specific syntax highlightings.
colorscheme dark-mode dark-theme neovim vim vim-fusion
Last synced: 18 Jan 2025
https://github.com/saleh0987/task-11-weather-app
JavaScript weather app using fetch api
async await css3 dark-mode fetch-api html5 javascript light-mode
Last synced: 02 Feb 2025
https://github.com/ericles-porty/updater-project
Esse projeto é apenas para treino de conceitos de programação utilizando Flutter. Pressionar F5 caso o site não carregue na primeira vez.
dark-mode download-progress file-management flutter github-api github-assets-downloader inherited-widget light-mode theme-switcher unzip
Last synced: 16 Feb 2025
https://github.com/humphreyboagart/dotfiles
Configuration files for my custom Sway+Waybar environment in Linux, so you can replicate it yourself.
bash bemenu dark-mode dark-theme linux linux-desktop linux-shell sakura sway sway-config swaywm terminal waybar waybar-config waybar-minimal waybar-theme waybar-themes wayland wofi
Last synced: 18 Jan 2025
https://github.com/devsallein/relogio
Projeto com HTML, CSS e JavaScript no qual é um relógio local com função para darkMode
Last synced: 31 Dec 2024
https://github.com/angelhtml/nextjs_color-mode
Next Js color mode only using react hook and theme controller 🌙
angelcodestyle css cssmodules dark-mode jsx nextjs nextjs-template purecss react-hooks reactjs theme themes toggle-switch ui ui-components
Last synced: 01 Feb 2025
https://github.com/sztheory/exifcleaner-website
ExifCleaner website
cross-platform dark-mode electron exif exiftool image-processing javascript linux macos node windows
Last synced: 29 Dec 2024
https://github.com/sabaasgarian/adminpanel
Admin Panel with React Query , Dark-light Mode , Context Api , Jwt ,
admin-panel context-api dark-mode jwt material-ui nextjs reactquery tailwindcss
Last synced: 27 Jan 2025
https://github.com/shuddha2021/flexicss
FlexiCSS: A lightweight, responsive CSS framework with a customizable grid system, pre-built components, utility classes, and built-in accessibility features for fast and efficient web development.
accessibility animation-library community-driven cross-browser-compatibility css-framework dark-mode developer-tools efficient-coding flexible-layout front-end-development grid-system lightweight modern-css open-source performance-optimization responsive-design scalable ui-ux-design utility-classes
Last synced: 17 Feb 2025
https://github.com/heikkivihersalo/website-dark-mode
Example files for adding dark-mode functionalities to your website
dark-mode dark-theme webdevelopment
Last synced: 05 Feb 2025
https://github.com/takk8is/kristall-dark-mode-chroma-a-theme-for-zed
Kristall Dark Mode Chroma delves into the charm of dark elegance, redefining perspectives with its profound hues and nuanced interplay of light and shadow.
dark-mode dark-theme darkmode extension ide json kristall takk8is themes zed zed-extension zed-theme
Last synced: 29 Jan 2025
https://github.com/lullaby6/noty-svelte
Svelte Web App - A notes web app inspired in "Google Keep".
dark-mode dark-theme front-end frontend javascript notes notes-app svelte tailwind tailwind-css tailwindcss
Last synced: 25 Jan 2025
https://github.com/anilagopikumar/anila-portfolio
Personal Website created by using Reactjs and vitejs.
css dark-mode deployed easy javascript-library lightmode netlify nodejs projects-list reactjs understandable-explanation vitejs
Last synced: 15 Feb 2025
https://github.com/andrew-zachary/big-deals
Ecommerce app for viewing and buying products/deals, making orders and giving reviews.
dark-mode infinite-scroll pinia primevue rtl sass shopping-cart tailwindcss vee-validate vue-i18n vue-router vuejs3 vueuse
Last synced: 08 Jan 2025
https://github.com/blaz-cerpnjak/flutter-todo-app
📅 Todo App made using Flutter, Dart and Hive database. ⚡🌟
app dark-mode dark-theme dart database design flutter hive hive-flutter mobile navigation navigator routing todo todo-app
Last synced: 23 Jan 2025
https://github.com/blaz-cerpnjak/flutter-posts-app
📰 This is a simple posts app with implemented Auto Route library for navigation and remote API calls.
api app auto-route auto-router custom-theme dark-mode dark-theme flutter library mobile posts pull-to-refresh pull-to-refresh-and-load requests users
Last synced: 23 Jan 2025
https://github.com/ahmadnzr/portfolio-2
Single page portfolio using reactJs, this is just a portfolio template, not my real portfolio
dark-mode portfolio-website reactjs responsive
Last synced: 06 Jan 2025
https://github.com/brunosobraldev/brunosobral.com
css dark-mode html javascript responsive themes
Last synced: 11 Jan 2025
https://github.com/manjon2000/dark-mode-wordpress
Dark Mode para Wordpress Elementor.
css dark-mode elementor html5 javascript wordpress
Last synced: 23 Jan 2025
https://github.com/davbauer/darkikabu-extension
This chrome extension adds darkmode to the digikabu.de website! Enjoy!
browser chrome chrome-extension dark-mode darkikabu digikabu extension
Last synced: 08 Jan 2025
https://github.com/mitinull/portfolio-blog-nextjs-mui-multilanguage
Simple Nextjs App (App router) + MUI + Search Engin Optimization + Multilanguage + Darkmode
app-router blog dark-mode dark-theme material-ui mui multilanguage multilingual nextjs nextjs14 portfolio seo
Last synced: 29 Jan 2025
https://github.com/chriswmichel/finance-tracker
Add, edit, delete income and expenses for mobile and desktop
dark-mode nuxt3 nuxtui tailwindcss zod
Last synced: 29 Dec 2024
https://github.com/jackhowa/portfolio-minimal
Bio site based on Free Code Camp requirements
dark-mode freecodecamp material-design service-worker
Last synced: 21 Jan 2025
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/pmbrown/staticstart
A Hugo static site boilerplate template and integrated customizable theme optimized CSS framework.
color-scheme css dark-mode hugo hugo-boilerplate hugo-site hugo-template light-mode sass static-site website-template
Last synced: 18 Feb 2025
https://github.com/sharath-mohan/dark-theme-toggler
react app to toggle between dark and light themes and persistent using zustard
dark-mode dark-mode-toggle dark-theme dark-theme-switcher react tailwindcss vite zustand
Last synced: 24 Oct 2024
https://github.com/shadowmask0/remix-app
💿 remix app
azure chat dark-mode electron eventsource i18n kcd-edu remix-stack shopify solidity stitches theme typescript workflow-engine
Last synced: 15 Feb 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/marlosirapuan/react-pokedex
Pokedex with React Typescript
chakra-ui dark-mode pokeapi react redux-toolkit typescript
Last synced: 21 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/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
