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/kaihotz/kai-ui

A design system composed out of custom react components, supporting dark and light mode

css-variables dark-mode dark-theme design-system react react-components scss-styles storybook

Last synced: 26 Jan 2025

https://github.com/rythenglyth/darkmodeextension

simple extension that allows you to toggle dark mode on any website using the `invert` css filter

chrome-extension chromium-extension cssfilter dark dark-mode dark-theme darkmode extension-chrome

Last synced: 12 Dec 2024

https://github.com/somenath203/my-portfolio-project

Click below to checkout the website live

antd dark-mode portfolio-website react reactjs tailwindcss

Last synced: 20 Jan 2025

https://github.com/izaiasmorais/next-themes

Uma aplicação simples para testar a biblioteca next-themes, que facilita a implementação do Modo escuro persistente em aplicações Next.

dark-mode dark-theme next next-themes tailwindcss

Last synced: 13 Jan 2025

https://github.com/izaiasmorais/dtmoney

Projeto desenvolvido no terceiro módulo da trilha de ReactJS 2022 do curso Ignite da Rocketseat.

chakraui dark-mode finances finances-manager ignite ignite-2021 money-tracker nextjs typescript

Last synced: 13 Jan 2025

https://github.com/xzunk/automatic-darkmode

Automatic Dark Mode for your website

css dark-mode javascript

Last synced: 06 Jan 2025

https://github.com/aggarwal-h/bulma-darkify

Your Bulma project, now with customizable dark-mode support.

bulma customizable dark-mode

Last synced: 26 Jan 2025

https://github.com/mitinull/perfect-darkmode-nextjs-mui

Perfect light/dark theme with MUI and Next.js (App Router) (No flickering) (+Adding Fonts) (+Switching Images) (+Tutorial)

css-theme-variables dark dark-mode dark-theme darkmode font fonts google-fonts images material-ui mui next next14 nextjs switch-image switch-images switch-theme switch-theme-button theme themes

Last synced: 21 Dec 2024

https://github.com/chase-manning/darkly

A dark theme for all websites

chrome chrome-extension dark dark-mode darkly extension mode

Last synced: 06 Jan 2025

https://github.com/siguici/colorwind

🎨 TailwindCSS plugin simplifying light/dark color scheme management with intuitive class names.

color-scheme colorwind dark-mode light-mode plugin tailwind-plugin tailwindcss

Last synced: 11 Jan 2025

https://github.com/rohitpotato/spotify-redone-react

Yet another Spotify Client but this time built with react-query, zustand and tailwind css :)

dark-mode persistence react react-patterns react-query spotify state-management tailwindcss zustand

Last synced: 21 Dec 2024

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

A Notepad++ user defined language for adding dark mode syntax highlighting to log files

dark-mode editor ide log logger logging notepad-plus-plus style syntax-highlighting theme udl

Last synced: 30 Dec 2024

https://github.com/roby8martin/starter-template

Il template HTML - PHP perfetto per iniziare un sito web

bootstrap bootstrap5 dark-mode php

Last synced: 28 Dec 2024

https://github.com/clara-pacheco/focustimer2.0-darkmode

Nessa versão do pomodoro, serão criados a versão 'Dark Mode' da aplicação e trabalharemos com o volume dos sons de cada card. 🚀

audio cards css dark-mode dependency-injection dom-manipulation factory html-css-javascript javascript modules netlify rocketseat-explorer volume-control

Last synced: 21 Jan 2025

https://github.com/skyv26/huddle-landing-page-block

Huddle's sleek landing page offers seamless team collaboration, providing tools for effortless communication and productivity.

context-api dark-mode local-storage mobile-first react react-hooks reactjs responsive responsive-design responsive-web-design vite vite-react

Last synced: 30 Dec 2024

https://github.com/davesimoes/landing_page_darktheme

Landing Page, com Dark-Theme, para cadastro de envio de artigos sobre programação

cadastro cadastro-de-pessoas css dark-mode dark-theme html html-css-js javascipt landing-pages

Last synced: 12 Jan 2025

https://github.com/michaelcaxias/michaelcaxias.vercel.app

Meu portifólio web com todas as informações sobre mim, projetos e stacks utilizadas :)

context-api dark-mode react styled-components

Last synced: 02 Jan 2025

https://github.com/carloseduardolemos/site-portifolio

Apresento-lhe a minha URL personalizada, o meu cartão de visitas online. Com esta simples e breve página, sou capaz de transmitir todas as informações essenciais sobre mim e a minha atividade de forma eficiente e profissional.

css3 dark-mode dark-theme html-css html-css-javascript html5 javascript rocketseat vitrinedev

Last synced: 02 Jan 2025

https://github.com/nbolar/darko

Switch the appearance of macOS theme.

dark-mode macos menubar

Last synced: 02 Jan 2025

https://github.com/chrisnajman/markdown-notes-app-firestore

Create, edit, preview, save, and delete Markdown notes. Save notes to a Firestore database.

dark-mode firebase firestore-database html-css-javascript react-icons react-mde react-split react17 reactjs scrimba-react

Last synced: 21 Jan 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/mobilerast/javascript-energy-consumption

EnergySaver.js is a lightweight, easy-to-integrate JavaScript library designed to provide real-time energy consumption estimates based on the theme (dark or light) used on a website. It visually represents the estimated energy savings of using a dark theme over a light theme, enhancing user awareness about energy-efficient practices

dark-mode dark-theme energy energy-consumption energy-efficiency javascript javascript-library javascript-vanilla js js-library library light-mode

Last synced: 08 Jan 2025

https://github.com/codewithalamin/results-summary-component

Completed a FrontendMentor challenge building a responsive web page with a dark mode toggle feature using HTML, CSS, and JavaScript.

codepapa360 codewithalamin css3 dark-mode frontend frontend-development frontend-mentor-challenge html javascript responsive-web-design sass web-development

Last synced: 08 Jan 2025

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/lukasoppermann/figma-plugin-design-presets

Design presets for figma plugins with light & dark mode.

dark-mode design-system figma figma-plugins figmadesign presets

Last synced: 16 Jan 2025

https://github.com/javadevbh/netflix

Netflix website front-end.

dark-mode front-end reactjs responsive tailwindcss

Last synced: 16 Jan 2025

https://github.com/sheel-ui/note-down

Note-taking solution developed with a React, offering a seamless user experience. Users can effortlessly create, review, and manage notes, with features like dark/light modes and infinite scroll for smooth navigation.

dark-mode infinite-scroll json-server note-taking notesapp reactjs

Last synced: 14 Jan 2025

https://github.com/zakali22/github-battle-v2

A React app that fetches repos of popular language repos on github and battles github users

code-splitting dark-mode react-hooks react-router-v4 reactjs

Last synced: 25 Jan 2025

https://github.com/kobra-soft/news-app

News App for website and mobile devices, using TailwindCSS and JSON data from the MediaStack News API to populate the news cards. Dark Mode / Light Mode, Nav Menu, Nav Links and (TBC) a search function. (PAUSED Build - working on Airbnb & Netflix clones)

axios dark-mode json-data light-mode react-router-dom reactjs

Last synced: 16 Jan 2025

https://github.com/crisvegadev/jet-dark

A Laravel package that add dark theme to Jetstream

dark-mode dark-theme jetstream jetstream-laravel laravel laravel-package

Last synced: 25 Jan 2025

https://github.com/rfkyalf/dark-mode-toggle

Dark mode toggle implementation using nextjs and next theme

dark dark-mode dark-theme next-themes nextjs theme-switcher

Last synced: 08 Dec 2024

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

https://github.com/hazzuk/chromewebstore-dark

Dark mode for the Chrome Web Store, using ad block static filter styles

chrome dark-mode ublock-origin-filters

Last synced: 03 Dec 2024

https://github.com/madisongosselin/madisongosselin.github.io

An updated (cooler) version of my personal website

dark-mode html-css-javascript personal-website web-development

Last synced: 03 Dec 2024

https://github.com/ayushmaninbox/dark-mode

Welcome to the Mode Switching Website.

dark-mode dark-theme

Last synced: 04 Dec 2024

https://github.com/tokhy1/shopsy-ecommerce-design

Shopsy is a modern and responsive e-commerce website built with the latest web technologies. This project showcases a sleek design, smooth user interactions, and a seamless shopping experience.

aos aos-animation dark-mode design front-end front-end-development jsx programming react-icons react-slick reactjs responsive-design tailwind-css vite website

Last synced: 31 Dec 2024

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

https://github.com/prabhsingh20/haven

Experience seamless hotel management with Haven, the internal application tailored exclusively for authenticated staff at a small boutique hotel.

authentication charts dark-mode react-query reactjs styled-components supabase ui-design

Last synced: 25 Jan 2025

https://github.com/956mb/boosts

Some Arc boosts of mine (Github, Claude, Hugging Face, F1TV, ...)

arc arc-browser boost css dark-mode neutral theme

Last synced: 13 Dec 2024

https://github.com/jezebel1990/city-skyline

A web page project showcasing a dynamic city skyline scene, complete with dark mode support.

css dark-mode html

Last synced: 17 Jan 2025

https://github.com/coffee-cup/theme-custom-properties

Convert theme to CSS custom properties and CSS

css css-custom-properties css-variables dark-mode themes

Last synced: 17 Jan 2025

https://github.com/0xleif/xcolor

xColorBook.xColorBookPages.xColors

dark-mode swift uicolor uikit

Last synced: 18 Dec 2024

https://github.com/byigitt/short

A modern, full-stack URL shortener. Create short, memorable links with advanced analytics tracking.

analytics chartjs dark-mode link-tracking mongodb nextjs react responsive-design shadcn-ui tailwindcss typescript url-analytics url-shortener web-analytics

Last synced: 01 Jan 2025

https://github.com/gregrickaby/classic-wordpress-theme

A classic PHP-based theme, with modern tooling and support for Gutenberg blocks.

dark-mode eslint gutenberg-compatible phpcs prettier stylelint tailwindcss theme-json webpack5 wordpress wordpress-theme

Last synced: 25 Dec 2024

https://github.com/gustavoestevesr/lp-stranger-things-stepper-form-angular

Desenvolvimento de uma landing page temático da série Stranger Things utilizando o Angular .Nesse projeto foi aplicado conceitos avançados de SCSS para design da página. Bem como o toggle do tema light mode e dark mode de toda a página com a semântica da série.

angular animation-css components dark-mode data-binding defer html lazy-loading ngoptimizedimage scss typescript

Last synced: 10 Jan 2025

https://github.com/douglascarlos-dev/fim-do-almoco

Aplicativo Web para calcular o horário de almoço. No seu desenvolvimento foi utilizado HTML, CSS, JavaScript, jQuery, Bootstrap, Dark Mode e Figma

bootstrap css dark-mode figma html javascript jquery

Last synced: 04 Jan 2025

https://github.com/attitude/react-dual-theme

A dual theme context for React (Native) apps to support dark mode purposes.

context context-api dark-mode react react-hook react-native theme-context theme-provider theming usetheme

Last synced: 18 Jan 2025

https://github.com/shinkeonkim/kmu-ecampus-darkmode-extension

KMU ecampus darkmode chrome extension

chrome-extension dark-mode ecampus kmu

Last synced: 12 Jan 2025

https://github.com/itsabdessalam/is-night-mode

🌓 Check if is night mode based on current time or localStorage item or OS theme

dark dark-mode dark-theme javascript night night-mode package

Last synced: 12 Jan 2025

https://github.com/mikixit/google-translate-dark

FREE and ADS FREE Google Translate Dark Mode for Chrome-Engine-based Browsers.

chrome chrome-extension dark dark-mode dark-theme extension extension-chrome google googletranslate googletraslatedarkmode

Last synced: 12 Jan 2025

https://github.com/burnworks/tailwindcss-dark-mode-switch

Dark Mode/Light Mode switcher with Tailwind CSS

dark-mode dark-mode-switch dark-mode-toggle tailwindcss

Last synced: 19 Jan 2025

https://github.com/fitomad/safari-dark-mode

Activar el Modo Oscuro en las páginas web gracias a la versión 68 de Safari Technology Preview

css3 dark-mode html5 safari

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

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