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/andysit1/hugo-grizzlyblog

hugo theme for personal website

blog dark-mode hugo hugo-theme no-nonsense

Last synced: 11 Oct 2024

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/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/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/ayushmaninbox/dark-mode

Welcome to the Mode Switching Website.

dark-mode dark-theme

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

Switch the appearance of macOS theme.

dark-mode macos menubar

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

Automatic Dark Mode for your website

css dark-mode javascript

Last synced: 06 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: 02 Feb 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/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/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/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/javadevbh/netflix

Netflix website front-end.

dark-mode front-end reactjs responsive tailwindcss

Last synced: 16 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/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/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/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/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/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/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/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/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/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/sharath-mohan/dark-theme-toggler

react app to toggle between dark and light themes and persistent using zustard

dark-mode dark-mode-toggle dark-theme dark-theme-switcher react tailwindcss vite zustand

Last synced: 24 Oct 2024

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

Carrefour Web Developer Tech Day project carried out by DIO (Digital Innovation One) -> Theme: Product API provided by Carrefour

carousel-plugin contratodecompromisso css dark-mode html javascript

Last synced: 24 Dec 2024

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/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: 19 Dec 2024

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