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/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/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/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/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/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/0xleif/xcolor

xColorBook.xColorBookPages.xColors

dark-mode swift uicolor uikit

Last synced: 18 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/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/mahmoud-alaa1/the-wild-oasis

Hotel management app - full-featured React web application that allows hotel employees to manage cabins, bookings, and guests.

compound-components dark-mode dashboard react react-hook-form react-query recharts-js styled-components supabase

Last synced: 05 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/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/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/javadevbh/netflix

Netflix website front-end.

dark-mode front-end reactjs responsive tailwindcss

Last synced: 16 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/CodePapa360/Article-preview-component

This is my solution for the Article Preview Component challenge on Frontend Mentor.

codepapa360 css dark-mode frontend-development html javascript responsive-design ui-design ux-design web-accessibility web-development

Last synced: 23 Oct 2024

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/olefirenko/hook-dark-mode

React custom hook to handle dark mode based on user system appearence theme and localStorage.

dark-mode prefers-color-scheme react react-hooks

Last synced: 26 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/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/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/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/ayushmaninbox/dark-mode

Welcome to the Mode Switching Website.

dark-mode dark-theme

Last synced: 31 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/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/nbolar/darko

Switch the appearance of macOS theme.

dark-mode macos menubar

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/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/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/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/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/dinesh2510/dark-and-light-theme-in-jetpack-compose

Android application built with Kotlin and Jetpack Compose that shows how to switch theme between light and dark mode.

dark-mode dark-theme jetpack-android jetpack-compose jetpack-compose-dark-mode jetpack-compose-ui jetpack-navigation jetpackcompose lighttheme materal-ui material-design

Last synced: 31 Jan 2025

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

Have you ever seen a dark google.com? This is a Browser extension that simply switches light themes into dark themes.

browser-extension chrome-extension dark-mode dark-theme extension-chrome

Last synced: 13 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: 31 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/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/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/tompscanlan/light-dark-cli-win11

toggle light and dark mode in windows 11 from the cli

cli dark-mode light-mode rust windows11

Last synced: 19 Dec 2024

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/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/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/hazzuk/chromewebstore-dark

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

chrome dark-mode ublock-origin-filters

Last synced: 30 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/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/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/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/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/xzunk/automatic-darkmode

Automatic Dark Mode for your website

css dark-mode javascript

Last synced: 06 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/runxel/dark-roam

Dark gruvboxy, but highly customizable theme for ROAMresearch

dark-mode dark-theme roam roamresearch stylish stylus usercss userstyle userstyles

Last synced: 26 Nov 2024

https://github.com/andrewjbateman/angular-material-darkmode

:clipboard: Weather API search with dark mode toggle

angular angular-material angular16 dark-mode html5 rxjs rxjs7 weather-api

Last synced: 27 Dec 2024

https://github.com/andysit1/hugo-grizzlyblog

hugo theme for personal website

blog dark-mode hugo hugo-theme no-nonsense

Last synced: 11 Oct 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/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/rehan-adi/freeapihub

FreeApiHub is an open-source platform that makes it easy to use different free APIs. It's made for developers and helps you add external data to your apps without needing to log in. You can access various APIs for user data, jokes, quotes, books, and products to improve your projects easily.

dark-mode express express-rate-limit next-auth nextra postgresql prisma shadcn-ui swagger

Last synced: 17 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/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/themaster1127/scite4hth

SciTE4HTH is a modified version of SciTE4AutoHotkey designed to work with HTH using .hth files. It features syntax highlighting and keyword completion.

code-editor dark-mode editor hth ide scite syntax-highlighting windows-only

Last synced: 26 Jan 2025

https://github.com/pquod/mepierdoparaver

Site de l'artiste Carlos Bernal Barrera

bilingual dark-mode html jekyll js scss

Last synced: 12 Jan 2025

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/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: 05 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/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/estaniulyte/games-dashboard

React learning project - Games Dashboard

chakra-ui dark-mode react typescript vite

Last synced: 26 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/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/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/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: 06 Dec 2024

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