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/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/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/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/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/alexfigliolia/galena-dark-mode

A Dark Mode Manager for Galena Apps

dark-mode galena react state

Last synced: 10 Nov 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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/nrenner0211/silver-waddle

Simple React webpage with light/dark mode toggle.

dark-mode react theme

Last synced: 27 Dec 2024

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

Set light or dark macOS system appearance from the command line.

cli dark-mode macos

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

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

dark-mode macos

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

Facebook-inspired demo, learning materials from LamaDev

dark-mode dark-theme mui react

Last synced: 03 Jan 2025

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

JavaScript, HTML, CSS, Darkmode

css dark-mode dark-theme html javascript

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

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