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/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/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/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/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/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/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/dorkatzir/tailwind-demo

Example of Toggle Dark/Light mode and save to Local storage

dark-mode tailwindcss tailwindcss-plugin

Last synced: 11 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/brunohnsouza/carrefour_web_developer_tech_day

Carrefour Web Developer Tech Day project carried out by DIO (Digital Innovation One) -> Theme: Product API provided by Carrefour

carousel-plugin contratodecompromisso css dark-mode html javascript

Last synced: 24 Dec 2024

https://github.com/gustavo-victor/theme-switcher

It's a theme switcher made in HTML, CSS and JavaScript

css dark-mode html js light-mode theme-switcher vanilla-javascript

Last synced: 01 Jan 2025

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/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: 19 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/melgoharyme/face-detection-python-customtkinter

Face Detection application built with Python using OpenCV for face recognition and customTkinter for an enhanced graphical user interface. Users can upload images, detect faces, and view indexed results with a modern, customizable appearance.

custom-tkinter customtkinter dark-mode dark-theme frontend-app macos python python-ui python3 tkinter tkinter-gui user-interface windows

Last synced: 19 Dec 2024

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/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/nicolecarlucci/switch-to-dark-mode-project

Mobile responsive potluck invitation with dark mode and light mode

css3 dark-mode html5 javascript light-mode mobile-first potluck responsive-layout

Last synced: 02 Feb 2025

https://github.com/taocode/taocode.com

Personal website of Mark Jones, AKA TAOCode: www.taocode.com; built with SvelteKit, WindiCSS, MDSVEX, and more.

dark-mode javascript mdsvex netlify static-site svelte sveltekit typescript utterances windicss

Last synced: 02 Feb 2025

https://github.com/nrenner0211/silver-waddle

Simple React webpage with light/dark mode toggle.

dark-mode react theme

Last synced: 27 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/lukaofirst/react-toggle-dark-mode

Project with dark mode feature using React

dark-mode dark-theme react

Last synced: 02 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/olgabull/react_users-context

🙋🏻‍♂️ (¬‿¬)USERS - is the App, where you can add/delete new user, toggle between the "Dark" and the "Light" mode, sort users according to the column title

dark-mode light-mode localstorage react react-hooks react-router sorting use-context

Last synced: 10 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: 26 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/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: 26 Dec 2024

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

Library based on PerseusDarkMode with modern features like system and semantic colours for early iOS 9.3+, macOS 10.10+; Xcode 10.1+.

appkit cocoa dark-mode ios ios-swift macos package semantic-colors swift system-colors uikit

Last synced: 02 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: 26 Dec 2024

https://github.com/egenn/rtemis-dark

rtemis-dark VS Code theme

dark dark-mode dark-theme theme vscode-theme

Last synced: 23 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/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/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/chanmeng666/journey-of-reincarnation

A captivating web application that simulates the journey of reincarnation, allowing users to explore different life circumstances across various countries and social backgrounds through an interactive and immersive experience.

chartjs dark-mode framer-motion game i18n nextjs react react-simple-maps shadcn shadcn-ui simulation tailwindcss typescript visualization web-app

Last synced: 02 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/estaniulyte/games-dashboard

React learning project - Games Dashboard

chakra-ui dark-mode react typescript vite

Last synced: 26 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/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/jmini00/projet_ajax_php_2

Projet "AJAX PHP" : petit projet utilisation AJAX méthode async/await 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 dark-mode html-css-javascript php

Last synced: 10 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/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/fsl-04/dark-mode

Exercício de demonstração da biblioteca bootstrap e font-aweson

bootstrap dark-mode font-awesome

Last synced: 04 Jan 2025

https://github.com/anibalventura/pair-two-game

Memory game with emojis, build with SwiftUI and MVVM pattern.

dark-mode game-app ios ios-app memory-game mvvm-architecture swift swiftui xcode

Last synced: 11 Jan 2025

https://github.com/anibalventura/hacker-news-reader

News reader app. Build with SwiftUI and MVVM pattern.

dark-mode hacker-news ios mvvm-pattern newsapp newsfeed swift swiftui xcode

Last synced: 11 Jan 2025

https://github.com/anibalventura/coin-check

Cryptocurrency price checker, build with UIKit and MVC + Delegate pattern.

coinapi cryptocurrencies cryptocurrency-exchanges dark-mode delegate-pattern ios ios-app mvc-pattern swift uikit xcode

Last synced: 11 Jan 2025

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

Calculadora com as principais operações matemáticas, feita com JavaScript, tema escuro e claro.

css dark-mode html javascript mobile

Last synced: 11 Jan 2025

https://github.com/noobmaster432/the-illuminate

A Real-Time News Application built with Next.js 13 and Tailwind CSS featuring dynamic and static data handling, dark mode, searching capabilities, use of Server components, new App folder structure, dynamic page routing, pulling data from MediaStack News API, using Stepzen to launch a GraphQL interface and using TypeScript for fewer bugs and errors

app-folder-structure dark-mode dynamic-page-routing graphql mediastack nextjs13 stepzen tailwindcss typescript

Last synced: 11 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/alhadis/dark-mode

Manipulate macOS's dark mode from the command-line.

dark-mode macos

Last synced: 25 Jan 2025

https://github.com/wambita/js-calculator

just a simple calculator in js. i know, no one makes them anymore.

aesthetic calculator dark-mode javascript pastel responsive responsive-web-design

Last synced: 01 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/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/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/pquod/mepierdoparaver

Site de l'artiste Carlos Bernal Barrera

bilingual dark-mode html jekyll js scss

Last synced: 12 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/themaster1127/scite4hth

SciTE4HTH is a modified version of SciTE4AutoHotkey designed to work with HTH using .hth files. It features syntax highlighting and keyword completion.

code-editor dark-mode editor hth ide scite syntax-highlighting windows-only

Last synced: 26 Jan 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/kshiti-24/news-app

Simple and modern News App that incorporates REST API (newsapi.org) with Searching Functionality. and Dark Mode

dark-mode flutter newsapi rest-api webview

Last synced: 10 Jan 2025

https://github.com/sorcererchiragsingh/project-real-estate-website

REAL ESTATE Website, building an in-depth front-end project web application using React.js and Tailwind CSS.

aws dark-mode front-end html-css-javascript reactjs tailwindcss

Last synced: 14 Dec 2024

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/hari7261/gitprofile-search

GitHub Profile Finder is a sleek desktop app built with Python and CustomTkinter that allows you to search and view detailed GitHub user profiles. Instantly fetch bio, repos, followers, and more in a modern, dark-themed UI!

coustomtkinter dark-mode git github-profile-finder gui hari7261 python python3 requests tinker

Last synced: 20 Dec 2024

https://github.com/codingcodax/ddg-themes

Customize DuckDuckGo with your favorite theme, choose from a number of themes and install it.

collection dark-mode duckduckgo duckduckgo-theme nextjs tailwindcss theme typescript

Last synced: 28 Dec 2024

https://github.com/itsown3r/wikipedia-dark-mode

Chrome Extension for blacking out Wikipedia

dark-mode wikipedia

Last synced: 19 Jan 2025

https://github.com/ryzmdn/tribute-page

A tribute page about a figure I admire. In this repository, I created a tribute webpage for the late Albert Einstein. This page has a clean and visually appealing design.

dark-mode front-end reactjs single-page-app tailwindcss tribute-page website

Last synced: 25 Dec 2024

https://github.com/dimslaev/atoms

lightweight ui library for react

atomic css-variables dark-mode light-mode react scss typescript ui

Last synced: 28 Dec 2024

https://github.com/efebadir/kolaptasarimcalismasi

Kotlin programlama dilinde geliştirilmiş bir tasarım çalışması. Dark ve normal modlarla minimalist bir arayüz sunuyor. Android uygulamalarında veya diğer projelerde kullanılabilir. Katkıda bulunma seçenekleri yok. Lisansa tabi değil, ücretsiz kullanılabilir

android-development application-development dark-mode design-study kotlin kotlin-development minimalist-design mobile-apps mobile-development theme-designing ui-design user-interface-design

Last synced: 19 Jan 2025

https://github.com/theemperorofdaiviet/bnb-listing

A simple app that surfaces a single web page responsible for displaying a list of listings, built with Vue's Composition API.

bulma composition-api css3 dark-mode expressjs html5 javascript listings nodejs notifications provide-inject reactive vue3 vuejs vuex

Last synced: 01 Feb 2025

https://github.com/theemperorofdaiviet/bnb-listing.ts

A simple app that surfaces a single web page responsible for displaying a list of listings, built with Vue's Composition API, rewritten by TypeScript.

bulma composition-api css3 dark-mode expressjs html5 javascript listings nodejs notifications provide-inject reactive typescript vue3 vuejs

Last synced: 01 Feb 2025

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