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/varuntv97/my-portfolio

A modern portfolio website built with Next.js and TypeScript, showcasing projects, skills, and professional experience with a minimalist design and dark mode support.

dark-mode frontend minimalist-design nextjs personal-website portfolio tailwindcss typescript

Last synced: 06 Feb 2025

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

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/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/amoar/nord-google-v2

A nord-rounded Google theme with neat urls

css dark-mode google js rtl theme-ui userscript

Last synced: 01 Feb 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/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/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/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/jill64/svelte-device-theme

☯ A simple store that syncs with your device's theme settings

dark-mode device media svelte theme

Last synced: 10 Nov 2024

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: 04 Feb 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/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/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/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/chrisnajman/scroll-page-watcher

If your browser supports 'animation-timeline: scroll()' CSS, a horizontal line will appear at the top of the screen as you scroll, indicating how far you have travelled down the page.

css-imports css-nesting dark-mode html-css-javascript light-mode prefers-reduced-motion supports svg-icons svg-sprites

Last synced: 21 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/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/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/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/egenn/rtemis-dark

rtemis-dark VS Code theme

dark dark-mode dark-theme theme vscode-theme

Last synced: 23 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/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/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/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/iwatanikenji/data-structure-page

College project based on a created prototype implemented with React

dark-mode data-structure mui responsive-design utfpr

Last synced: 15 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/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/dimslaev/atoms

lightweight ui library for react

dark-mode react scss typescript ui

Last synced: 18 Feb 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/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/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/faysal-backend-developer/money-management-

Effortlessly track expenses, set budgets, and achieve financial goals with our intuitive money management app. Stay in control of your finances with smart insights, real-time tracking, and secure syncing across devices. Simplify saving and spending while maximizing your financial growth today!

clerkauth crud-application dark-mode money-manager nextjs15 prisma react-hook-form rest-api shadcn-ui tailwindcss tanstack-react-query typescript zod

Last synced: 17 Feb 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/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/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: 18 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/alhadis/dark-mode

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

dark-mode macos

Last synced: 25 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/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/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: 16 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/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/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/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/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/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/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/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/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: 07 Feb 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/itsown3r/wikipedia-dark-mode

Chrome Extension for blacking out Wikipedia

dark-mode wikipedia

Last synced: 19 Jan 2025

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