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/hamidbyte/github-repository-lines-of-code-calculator

Simplify GitHub repository analysis with our Lines of Code Calculator. Quickly input the owner and repository name to obtain total lines of code, providing valuable insights for developers and project managers. Effortlessly streamline codebase assessments for enhanced efficiency.

axios dark-mode dark-theme frontend github-api light-dark-mode light-dark-theme lines-of-code node nodejs vite volar vue vue-router vue-router4 vue3 vuejs vuejs3 vuex

Last synced: 05 Jan 2025

https://github.com/aggarwal-h/bulma-darkify

Your Bulma project, now with customizable dark-mode support.

bulma customizable dark-mode

Last synced: 26 Jan 2025

https://github.com/gregrickaby/classic-wordpress-theme

A classic PHP-based theme, with modern tooling and support for Gutenberg blocks.

dark-mode eslint gutenberg-compatible phpcs prettier stylelint tailwindcss theme-json webpack5 wordpress wordpress-theme

Last synced: 25 Dec 2024

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: 09 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/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/pquod/mepierdoparaver

Site de l'artiste Carlos Bernal Barrera

bilingual dark-mode html jekyll js scss

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

React learning project - Games Dashboard

chakra-ui dark-mode react typescript vite

Last synced: 26 Jan 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/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/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/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/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/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/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/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/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/ssb22/css-generator

Low-vision stylesheet generator

dark-mode high-contrast low-vision web-accessibility

Last synced: 23 Oct 2024

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/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/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/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/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: 10 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/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/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/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/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/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/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/chubi-x/react-facts-site

react app to implement dark-mode toggle

css dark-mode reactjs

Last synced: 13 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/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/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/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/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/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/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/luiizsilverio/night-mode

programa que controla Light / Dark mode usando Javascript puro

dark-mode javascript

Last synced: 01 Feb 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/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/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/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/zuopanyao/darkadapter

DarkAdapter to make adjust dark mode on iOS.

apple cocoapods dark-mode ios ipad iphone swift

Last synced: 10 Feb 2025

https://github.com/hellokristinafaye/weatherapp2

JavaScript, HTML, CSS, Darkmode

css dark-mode dark-theme html javascript

Last synced: 20 Dec 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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/alexfigliolia/galena-dark-mode

A Dark Mode Manager for Galena Apps

dark-mode galena react state

Last synced: 10 Nov 2024

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

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