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/icorbrey/clarity-noir

A clear, crisp dark theme for pleasant viewing in sunlight.

dark-mode legibility theme visual-studio-code

Last synced: 11 Jan 2025

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/tmkx/tailwind-bicolor

Auto handle tailwind dark mode color

dark dark-mode dark-theme tailwind tailwindcss tailwindcss-plugin

Last synced: 19 Jan 2025

https://github.com/shravzzv/yt-implement-a-dark-mode-easily

Repository for the YouTube video: Learn how to easily implement a dark mode feature in your website using JavaScript.

dark-mode dark-theme light-theme system-theme system-theme-switch themes

Last synced: 02 Feb 2025

https://github.com/malkiii/fancy-theme-switcher

A theme toggle button using view transition API 🌟

animation dark-mode javascript theme-switcher typescript view-transitions-api

Last synced: 04 Feb 2025

https://github.com/evesquare/google-scholar-darkmode-extension

Change the appearance of Google Scholar to dark mode.

chrome-extension css dark-mode javascript

Last synced: 13 Feb 2025

https://github.com/ann-dev/fem-rest-countries-api

REST Countries API visualising app with colour theme switcher, based on Next.js framework.

challenge dark-mode fetch-api frontend-mentor nextjs rest-api tailwindcss vercel

Last synced: 14 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/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/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/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: 14 Feb 2025

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/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/nrenner0211/silver-waddle

Simple React webpage with light/dark mode toggle.

dark-mode react theme

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/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/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/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: 07 Feb 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

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/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/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/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/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/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/jill64/svelte-dark-theme

☯ Dark Theme Manager for SvelteKit

dark dark-mode ssr svelte sveltekit theme

Last synced: 10 Nov 2024

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/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/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/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/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/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/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/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/aleksandracislowski/react-mui

Facebook-inspired demo, learning materials from LamaDev

dark-mode dark-theme mui react

Last synced: 03 Jan 2025

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: 11 Feb 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/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/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/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/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/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/mia-cx/tailwindcss-themes

TailwindCSS plugin for theming. Supports configurable selectors, media queries, and utility defaults.

dark-mode tailwindcss tailwindcss-plugin themes

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: 11 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/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/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/alotropico/dark-mode-attribute

Very simple and lightweight utility to manage dark and light schemes from vanilla JavaScript. Call it with your button as a parameter and you're all set.

color-scheme dark-mode dark-theme scheme-tools toggle-scheme

Last synced: 31 Jan 2025

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

A Dark Mode Manager for Galena Apps

dark-mode galena react state

Last synced: 10 Nov 2024

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

Chrome extension

chrome-extension dark-mode

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

dark light mode html javascript

dark-mode html javascript

Last synced: 28 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/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: 08 Feb 2025

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

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