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

Simple React webpage with light/dark mode toggle.

dark-mode react theme

Last synced: 27 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/itsown3r/wikipedia-dark-mode

Chrome Extension for blacking out Wikipedia

dark-mode wikipedia

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

Facebook-inspired demo, learning materials from LamaDev

dark-mode dark-theme mui react

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

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

Chrome extension

chrome-extension dark-mode

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

dark light mode html javascript

dark-mode html javascript

Last synced: 28 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: 14 Dec 2024

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

☯ Dark Theme Manager for SvelteKit

dark dark-mode ssr svelte sveltekit theme

Last synced: 10 Nov 2024

https://github.com/ojonatasquirino/time-zone-app

Aplicação que verifica o horário exato de acordo com a zona de fuso de um lugar. Implantação visual do dark mode.

dark-mode javascript

Last synced: 19 Jan 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/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/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/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/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/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/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/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/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/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/wassimoubaziz/calculator

A simple and responsive calculator application with dark mode and light mode options.

calculator dark-mode light

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

React learning project - Games Dashboard

chakra-ui dark-mode react typescript vite

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

programa que controla Light / Dark mode usando Javascript puro

dark-mode javascript

Last synced: 01 Feb 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/chubi-x/react-facts-site

react app to implement dark-mode toggle

css dark-mode reactjs

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

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