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

dark-mode html-css-javascript

Last synced: 09 Jan 2025

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/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/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/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/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/joozef315/darkmoodzzz

Chrome extension

chrome-extension dark-mode

Last synced: 17 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/mnz1365/dark-mode

dark light mode html javascript

dark-mode html javascript

Last synced: 28 Jan 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/haruki1707/themetoggler

A webpage with examples and code of how a Dark Theme Toggler can be done

dark-mode theme-toggler

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/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: 15 Dec 2024

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/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/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/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/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/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/mosnad-web01/ahmed-al-sanadi-movie-streaming-app

A feature-rich movie streaming app built with Next.js, React, and Tailwind CSS. Includes advanced search, personalized watchlists, multi-language support, and Firebase authentication

authentication dark-mode i18next multi-language next react server-side-rendering tailwindcss tmdb-api

Last synced: 28 Dec 2024

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

https://github.com/coasterfreakde/darkerpage

DarkMode Color Palettes for your next project

colors colorscheme dark dark-mode dark-theme palettes

Last synced: 27 Dec 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/zihadhosan/gatsby_quick_start

Gatsby quick start pack with tailwind css, ShadCN UI with dark mood enabled

dark-mode dark-theme gatsby gatsby-site gatsby-starter gatsbyjs shadcn-ui ssg tailwind

Last synced: 21 Dec 2024

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.

dark-mode

Last synced: 16 Jan 2025

https://github.com/danialeyz/spa-app

This is a single page application (SPA) project made with DaisyUI and TailwindCSS, two CSS frameworks that offer multiple themes and interactive features.

daisyui dark-mode single-page-app single-page-applications spa tailwindcss theme vanilla-javascript

Last synced: 03 Feb 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/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/ahmedalsanadi/movie-streaming-app

A feature-rich movie streaming app built with Next.js, React, and Tailwind CSS. Includes advanced search, personalized watchlists, multi-language support, and Firebase authentication

authentication dark-mode firebase i18n movie-streaming-app multi-language nextjs react server-side-rendering tailwind-css tmdb-api

Last synced: 21 Dec 2024

https://github.com/dmgsoftware/dark_mode

Receive a signal in Godot when dark mode is toggled on or off.

dark-mode gdscript godot

Last synced: 28 Jan 2025

https://github.com/ognus/tomekkolasa.com

Source code for my personal blog https://tomekkolasa.com. Build with Gatsby, React, and CSS-in-JS.

blog dark-mode emotionjs gatsbyjs personal-website reactjs

Last synced: 14 Dec 2024

https://github.com/tanhongit/settings-repository-webstorm-dark

Color correction, interface similar to Dark theme in WebStorm for high contrast and ease of use.

dark-mode dark-theme jetbrains js settings-sync sync webstorm webstorm-color-scheme webstorm-settings webstorm-theme

Last synced: 22 Oct 2024

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

https://github.com/hellokristinafaye/weatherapp2

JavaScript, HTML, CSS, Darkmode

css dark-mode dark-theme html javascript

Last synced: 20 Dec 2024

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/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/chase-manning/darkly-website

The official website for the Darkly Chrome Extension

chrome chrome-extension dark dark-mode extension

Last synced: 06 Jan 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/jensderond/movie-time

Turn your second monitor dark when watching movies, or just turn the screen off...

dark-mode movies nextjs react

Last synced: 27 Jan 2025

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

css dark-mode html javascript

Last synced: 31 Dec 2024

https://github.com/luiizsilverio/night-mode

programa que controla Light / Dark mode usando Javascript puro

dark-mode javascript

Last synced: 01 Feb 2025

https://github.com/jmini00/projet_ajax_php

Projet "AJAX PHP" : petit projet utilisation AJAX méthode fetch then/catch pour CREATE/READ (selection/insertion) des données issues d'une base de données, avec mise en place d'un loader de chargement, un "Dark mode", et "flip-cards"

ajax-request css dark-mode html javascript php

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"

dark-mode html-css-javascript

Last synced: 21 Jan 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/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/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: 15 Dec 2024

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

Dark Mode para Wordpress Elementor.

css dark-mode elementor html5 javascript wordpress

Last synced: 23 Jan 2025

https://github.com/mwaurajr/tailwind_darkmode

A simple project to show how to add dark mode toggle to your rails app.

dark-mode postgresql rails7 ruby tailwindcss

Last synced: 21 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/marcosklender/night.css

A classless framework for a perfect dark mode!

classless css-framework dark-mode lightningcss minified-css minimal

Last synced: 06 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/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/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/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/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/chubi-x/react-facts-site

react app to implement dark-mode toggle

css dark-mode reactjs

Last synced: 13 Jan 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

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

css dark-mode reset starter

Last synced: 17 Jan 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/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

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