Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

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.

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/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/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/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/manjon2000/dark-mode-wordpress

Dark Mode para Wordpress Elementor.

css dark-mode elementor html5 javascript wordpress

Last synced: 23 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/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/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/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/aleksandracislowski/react-mui

Facebook-inspired demo, learning materials from LamaDev

dark-mode dark-theme mui react

Last synced: 03 Jan 2025

https://github.com/nattyxo/themes-changer-windows-form

A Windows Forms application that toggles between dark and light mode themes.

color-theme csharp dark-mode light-mode-toggle ui-customization windows-gui

Last synced: 27 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/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/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/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/perseusrealdeal/ios.darkmode.discovery

Discovery project for iOS Dark Mode. Xcode 10.1+, iOS 9.3+.

apple dark-mode ios swift uikit

Last synced: 09 Jan 2025

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/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/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/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/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/jill64/svelte-dark-theme

☯ Dark Theme Manager for SvelteKit

dark dark-mode ssr svelte sveltekit theme

Last synced: 10 Nov 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/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."

dark dark-mode darkmo react

Last synced: 29 Jan 2025

https://github.com/jill64/svelte-device-theme

☯ A simple store that syncs with your device's theme settings

dark-mode device media svelte theme

Last synced: 10 Nov 2024

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/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/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/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/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.

css dark-mode reset starter

Last synced: 17 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/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/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/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/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/robert-ds/dark-form

Example form dark - buttons google and twitter for signup

dark-mode form html-css

Last synced: 22 Dec 2024

https://github.com/tpkahlon/dark-mode

This sample demonstrate how to implement modern dark mode feature on projects with dependency of Sass.

dark-mode react-hooks sass

Last synced: 21 Jan 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/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/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/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/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/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/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/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/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/alexfigliolia/day-night-toggle

A dark mode toggle with day/night visualizations built for React

dark-mode react toggle

Last synced: 10 Nov 2024

https://github.com/alexfigliolia/galena-dark-mode

A Dark Mode Manager for Galena Apps

dark-mode galena react state

Last synced: 10 Nov 2024

https://github.com/mohammedtsmu/weekly-schedule-note-app

A modern Weekly Schedule Note App with beautiful UI/UX, animations, and dark mode. Allows users to add and manage tasks, goals, and notes for each day of the week.

animations css3 dark-mode goals-tracker modern-design note-app notes task-management-system task-manager task-manager-app weekly-schedule

Last synced: 21 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/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/ardeman/project-nextjs-profile

A personal website built with Next.js and Tailwind CSS

dark-mode github-actions github-pages light-mode next-js pnpm tailwind-css tanstack-query

Last synced: 03 Feb 2025

https://github.com/amrmabdelazeem/social-media-dashboard

A dynamic web page offering real-time social media analytics. With an innovative theme switcher, users can effortlessly alternate between light and dark themes, tailoring their visual experience for optimal usability and style.

dark-mode dom-manipulation es6 html-css-javascript javascript npm reactjs theme-switcher

Last synced: 14 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/reddy-epk/react-dark-mode

React Dark Mode to Light Mode converter app

conditional-rendering conversion dark-mode dark-theme

Last synced: 07 Jan 2025

https://github.com/n-shar-ma/klox-website

Simple responsive website (with dark mode 😎) for a fictional brand, made using vanilla JavaScript and css variables

css-variables dark-mode klox vanilla-javascript

Last synced: 16 Dec 2024

https://github.com/lyaricci/rocketseat-rocket-links-react

Desafio da Rocketseat sobre uma página de links (versão em React JS)

dark-mode react reactjs

Last synced: 17 Jan 2025

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: 13 Dec 2024

https://github.com/ndenicolais/androiddarkmode

App that allows you to change the theme of the application by switching between light and dark mode

android android-app android-studio dark-mode dark-theme kotlin

Last synced: 02 Feb 2025

https://github.com/darthdevv/mealify

a fully responsive website with dark-mode feature using html and css

css dark-mode html javascript responsive-web-design

Last synced: 14 Jan 2025

https://github.com/mahmoodhamdi/gemini-chat-application

A Flutter app integrating the Gemini API for real-time chat functionality with dynamic theming and a typing indicator.

bloc chat-application dark-mode flutter gemini-api mobile-app real-time-chat state-management-flutter typing-indicator

Last synced: 07 Jan 2025

https://github.com/alisonatwork/donker

Dark mode for Thunderbird message display.

dark-mode thunderbird

Last synced: 13 Dec 2024

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/josuerhea/remix-themes

Dark and light mode with SSR for Remix.run

dark-mode remix remix-run theme-ui themes

Last synced: 27 Jan 2025

https://github.com/braun-steven/audamo

Automatically set linux themes based on time or local sunrise and sunset.

auto cursor dark dark-mode gdk gtk hyprland i3 icon light light-mode linux sway theme

Last synced: 17 Dec 2024

Dark Mode Awesome Lists
vue-composable-utils 35
Dark Mode Categories
:rocket: Composable Utils 17 :books: Documentation 1