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

dark-mode html-css-javascript

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

dark light mode html javascript

dark-mode html javascript

Last synced: 28 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/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/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/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/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/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: 07 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/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/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/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/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/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/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/manjon2000/dark-mode-wordpress

Dark Mode para Wordpress Elementor.

css dark-mode elementor html5 javascript wordpress

Last synced: 23 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: 07 Dec 2024

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

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: 22 Nov 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/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/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/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/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/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/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/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: 09 Dec 2024

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

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/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: 19 Jan 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: 09 Dec 2024

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/heikkivihersalo/website-dark-mode

Example files for adding dark-mode functionalities to your website

dark-mode dark-theme webdevelopment

Last synced: 11 Dec 2024

https://github.com/z1xus/dht22-webui

A simple and lightweight web-interface for monitoring temperature and humidity from your DHT22 sensor.

dark-mode dht22 flask lightweight mongodb raspberry-pi rpi sensor smarthome temperature webui

Last synced: 12 Dec 2024

https://github.com/slashmo/dark-mode-web

🌚☀️ Experimenting with dark mode on the web

css dark-mode html javascript web-development

Last synced: 12 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: 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/alisonatwork/donker

Dark mode for Thunderbird message display.

dark-mode thunderbird

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

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

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