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/sebastiandotdev/castrogarciajs

I'm Sebastián. Built with Solid Start deployed on Deno Deploy

dark-mode deno-deploy portfolio shadcn-solid solid solid-start ssr tailwindcss typescript

Last synced: 11 Oct 2024

https://github.com/ahmed-elrashidii/mealify

"Mealify" is a responsive restaurant landing page that offers a delightful and engaging user experience. The website showcases various sections including a home page, chefs' profiles, a gallery of appetizing dishes, and a contact section.

css-pseudo-classes css-pseudo-elements css-variables css3 css3-animations dark-mode flexbox-css font-awesome html5 media-embed media-queries responsive-layout semantic-tags vendor-prefix web-development

Last synced: 21 Dec 2024

https://github.com/lucatosc/myfashion-corner-next.js-ecommerce

Next.js 14 (SSR) Fullstack E-commerce App built with MongoDB, Typescript, Tailwind, DaisyUI, Shadcn/ui

dark-mode dark-theme eslint mongo mongoose next-auth nextjs-ecommerce nextjs13 nextjs14 nprogress prettier ssr swr typescript zustand zustand-persist

Last synced: 09 Dec 2024

https://github.com/hawkeye116477/filterlistsdarkmode

Dark theme for filterlists.com for uBO, Nano Adblocker, AdGuard, Stylus and Violentmonkey.

adguard dark-mode dark-theme filterlists nano-adblocker stylus ublock-origin violentmonkey

Last synced: 26 Jan 2025

https://github.com/codesandtags/dark-mode-extension

Dark Mode Enabler is an open-source Chrome extension designed to help you enable Dark Mode or at least, invert colors to release your eyes from the white light of the screen.

chrome-extension dark-mode javascript vite

Last synced: 20 Jan 2025

https://github.com/hernandosebastian/pokex

PokeX: A React-powered Pokedex for exploring detailed information, sprites, and stats of Pokemons. Built with React, React Query, Material UI, JavaScript and Victoria.

cache-manager chart dark-mode data-fetching error-handling front-end javascript material-ui pokeapi pokedex react react-query responsive-design state-management victoria

Last synced: 23 Dec 2024

https://github.com/fredvuni/inventory-management-app

A MERN inventory management system with validations using joi and email verification for password reset and cloudinary image upload for products

box-icons css dark-mode express jwt mongodb nodejs nodemailer react-icons reactjs tailwindcss

Last synced: 01 Dec 2024

https://github.com/felixtellmann/use-color-theme

A custom React Hook to help you implement a theming classes for your application. Allows you to add as many color themes as you wish.

css dark-mode dark-theme hooks light-theme react

Last synced: 06 Dec 2024

https://github.com/jakejarvis/dark-mode-example

🌓 Simple dark mode switching using local storage, OS preference detection, and minimal JavaScript

css dark-mode javascript

Last synced: 13 Dec 2024

https://github.com/victorwynne/quattle

Quattle is a modern, responsive and customizable theme for the static site generator Jekyll and is fully compatible with the most recent v4.3.1 release.

css css3 dark-mode dark-theme gemspec html html5 jekyll jekyll-theme liquid-templating-engine responsive-design ruby ruby-gem sass-framework scss static-site-generator theme

Last synced: 15 Oct 2024

https://github.com/emrocode/darkify-js

:new_moon_with_face: Easy dark mode for your site

color-scheme dark-mode dark-theme data-theme easy-to-use frontend modo-oscuro toggle web

Last synced: 10 Nov 2024

https://github.com/2kabhishek/flick-query

Minimalist Flickr Frontend 🖼️🔍

bulma dark-mode flickr gallery image-search minimalist

Last synced: 12 Jan 2025

https://github.com/0mppula/element-compare

A single page Next.js 14 app that allows the user to inspect and compare elements from the periodic table.

compare dark-mode data-analysis elements inspect lucide-react nextjs periodic-table reactjs server-side-rendering shadcn-ui single-page-app typescript vercel zustand

Last synced: 11 Nov 2024

https://github.com/cleilsonandrade/switch_theme

Landing page responsiva de um tênis, com a opção de troca dos claro e escuro, utilizando JavaScript.

bootstrap-icons dark-mode dark-theme design front html javascript js shoes theme

Last synced: 07 Jan 2025

https://github.com/sontungexpt/ldoc-css-styles

Generate style for ldoc generate document for lua language (dark mode)

css dark-mode dark-theme document documentation html ldoc lua styles

Last synced: 23 Oct 2024

https://github.com/aliemir/react-lunar-toggle

Dark Mode toggle with lunar phase emojis for React.

dark-mode dark-mode-toggle emoji lunar-phase moon moon-phase react react-toggle

Last synced: 20 Dec 2024

https://github.com/extratone/thingsthemes

I cannot stop making color themes styled after Things 3.

colors css dark-mode dark-theme netnewswire themeing things ulysses-editor-themes

Last synced: 20 Dec 2024

https://github.com/vihangan/jersy-rest-client-and-api

Jquery - Ajax - Html - pure css | Client for Jersey restful API + (also added) Jersey API

ajax css dark-mode html5 java jersey-api jquery

Last synced: 14 Dec 2024

https://github.com/christianwgd/django-bootstrap5-dark-mode-switch

Easily use the bootstrap 5 dark mode

bootstrap dark-mode django python

Last synced: 18 Jan 2025

https://github.com/Hoff97/vscode-os-theme

VS Code extension to keep your OS theme and VSCode theme in sync.

dark-mode vscode-extension

Last synced: 18 Jan 2025

https://github.com/ahmed-roshdy-1/light-dark-mode

a website example that toggles between light and dark mode.

css dark-mode html javascript js light-dark-mode light-dark-theme light-mode localstorage theme

Last synced: 12 Jan 2025

https://github.com/lgarron/minimal-html-style

✨ An HTML style snippet that looks nice on all devices while being as small as possible.

css dark-mode responsive

Last synced: 05 Dec 2024

https://github.com/kedarkk1/netlify_portfolio_website

My Personal portfolio website. Click link below to see the live portfolio website⬇

ant-design antd antdesign crud-application css dark-light-mode dark-mode firebase portfolio react react-router reactjs redux resume ui-design

Last synced: 07 Nov 2024

https://github.com/oscnord/lightswitch

Small app to quickly switch between light/dark mode in MacOS

dark-mode macos macos-app macos-menubar macos-mojave swift utility

Last synced: 04 Jan 2025

https://github.com/narudesigns/checkbox-animation

a simple checkbox to illustrate dark mode and light mode

animation checkbox css3 dark-mode javascript js light-mode

Last synced: 03 Jan 2025

https://github.com/camille-maslin/portfolio

🎯 Personal Portfolio: A modern, responsive showcase of my projects and skills as a Computer Science student and AI enthusiast. Built with pure HTML, CSS, and JavaScript, featuring dynamic theming, multilingual support (FR/EN), and interactive visualizations.

css dark-mode html javascript porfolio responsive-design web-design web-development

Last synced: 11 Jan 2025

https://github.com/pedrovinhas/dev-finances

💲 Site de organização financeira desenvolvido durante a Maratona Discover.

dark-mode finance-application javascript

Last synced: 02 Jan 2025

https://github.com/bansheetech/nocturneshift-js

A sleek JavaScript plugin for effortlessly toggling dark mode on your website, ensuring a smooth, session-persistent visual transition for an enhanced user experience.

dark dark-mode dark-theme darkmode

Last synced: 30 Dec 2024

https://github.com/mipmipp/pokex

PokeX: A React-powered Pokedex for exploring detailed information, sprites, and stats of Pokemons. Built with React, React Query, Material UI, JavaScript and Victoria.

cache-manager chart dark-mode data-fetching error-handling front-end javascript material-ui pokeapi pokedex react react-query responsive-design state-management victoria

Last synced: 08 Nov 2024

https://github.com/dizzydroid/wallster

A web-app that offers you a limitless collection of randomly generated wallpapers!

dark-mode gallery pictures random-generation wallpapers wallpapers-library

Last synced: 17 Jan 2025

https://github.com/alexwhitmore/downloader

Free YouTube Video Downloader using Next.js, Tailwind, shadcn-ui, and FastAPI.

azure bicep dark-mode fastapi nextjs python shadcn-ui tailwindcss

Last synced: 26 Dec 2024

https://github.com/opensourcetreasure/ascii-weather

Get the ASCII weather - simple HTML and Javascript, no dependencies

ascii ascii-art ascii-graphics dark-mode easy html javascript weather weather-forecast

Last synced: 14 Dec 2024

https://github.com/clashsoft/ng-bootstrap-darkmode

An Angular wrapper for bootstrap-darkmode.

angular bootstrap bootstrap-theme dark-mode dark-theme

Last synced: 21 Jan 2025

https://github.com/leonardtarigan/colab

Project collaboration web app

dark-mode nextjs react tailwindcss

Last synced: 27 Jan 2025

https://github.com/macktireh/easycardguidesktop

EasyCardGUIDesktop is a graphical user interface (GUI) application designed to complement the EasyCardBackend project. This desktop application provides a user-friendly interface for managing credit cards and utilizes artificial intelligence to extract credit card numbers from images.

ai customtkinter dark-mode dashboard desktop easycard python responsive tkinter ui

Last synced: 09 Nov 2024

https://github.com/aterenin/photos

A desktop app for the Google Photos website with dark mode support.

dark-mode desktop electron google photos

Last synced: 23 Jan 2025

https://github.com/mdbootstrap/bootstrap-dark-mode

Responsive Dark Mode theme built with Bootstrap 5 with Dark Mode toggle button that switches between dark and light themes.

bootstrap bootstrap5 bootstrap5-template dark-mode dark-mode-toggle dark-theme theme

Last synced: 18 Dec 2024

https://github.com/collectivecloudperu/modo_oscuro_claro_mantener_modo_seleccionado

Como crear el Efecto modo Oscuro – Claro en un Sitio Web (Mantener el modo seleccionado en las demás Páginas)

css css3 dark-mode hacktoberfest2020 html html5 javascript

Last synced: 17 Dec 2024

https://github.com/knguyen-1411/weatherapp

Simple Weather Forecast Application Using React.js and OpenWeatherMap API.

api-openweather dark-mode javascript react vite weather-app

Last synced: 20 Jan 2025

https://github.com/fred-gutierrez/snapnote

SnapNote is an open-source note-taking extension created with the goals of transparency, convenience, and most importantly, speed.

chrome-extension dark-mode dark-theme firefox-addon night-mode note-taking notes notes-app

Last synced: 30 Jan 2025

https://github.com/yrming/bitbar-one-switch

BitBar plugin to hide/show desktop icons and switch light/dark mode

bitbar bitbar-plugin dark-mode hide-desktop-icons

Last synced: 24 Jan 2025

https://github.com/preethi-dev/dark_mode

Theme preference by OS without toggle

dark-mode dark-theme

Last synced: 08 Jan 2025

https://github.com/karngyan/maek

maek is an open source, self-hostable alternative to apps like mem.ai

ai dark-mode minimal note-taking self-hosted

Last synced: 28 Jan 2025

https://github.com/mpirescarvalho/nextjs-dark-mode

Dark mode theme with Next.js SSR and SSG without flicker ☀🌘

css dark-mode dark-theme nextjs ssg ssr

Last synced: 22 Jan 2025

https://github.com/kk-designs/dark-mode

A pure html and css library for dark mode in your website.

css dark dark-mode dark-theme html html5

Last synced: 13 Jan 2025

https://github.com/opensourcetreasure/ai-tic-tac-toe

Tic tac toe on a simple html page with powerful AI, zero dependencies

ai ai-game dark-mode game html js tic-tac-toe

Last synced: 16 Jan 2025

https://github.com/icflorescu/mantine-contextmenu-v6

The lightweight yet customisable context-menu for your Mantine applications, with a succinct API and dark-theme support. Compatible with Mantine V6.

context-menu dark-mode dark-theme javascript mantine mantine-v6 react typescript ui ui-kit

Last synced: 21 Jan 2025

https://github.com/icflorescu/mantine-datatable-v6

The table component for your Mantine data-rich applications, supporting asynchronous data loading, column sorting, custom cell data rendering, context menus, nesting, Gmail-style batch row selection, dark theme, and more.

dark-mode dark-theme datagrid datatable javascript mantine mantine-v6 react typescript ui uikit

Last synced: 21 Jan 2025

https://github.com/aterenin/Photos

A desktop app for the Google Photos website with dark mode support.

dark-mode desktop electron google photos

Last synced: 08 Nov 2024

https://github.com/eioluseyi/repub

A proof of concept application that shows an overview of the active branches on a GitHub repository.

dark-mode git kanban kanban-board kanban-board-application react typescript

Last synced: 22 Dec 2024

https://github.com/peterbenoit/themetoggler

ThemeToggle is a lightweight JavaScript library that allows you to easily switch between light and dark themes on a webpage

color-scheme color-theme color-theme-switcher css-variables dark-light-toggle dark-mode javascript light-mode theme-switcher theme-toggle user-preferences

Last synced: 28 Jan 2025

https://github.com/saeedkohansal/youtube-midnight-theme

Convert your YouTube Dark Theme to Midnight Theme, It's a Chrome Extension and you can use it on all Chromium-Based Browsers such as Google Chrome, Brave, Chromium, Microsoft Edge, and more...

chrome-extension chromium css css3 custom-theme dark-mode dark-theme darkmode darktheme frontend gilgeekify javascript midnight-theme programming stylesheet web-development webdevelopment widget youtube youtube-theme

Last synced: 03 Dec 2024

https://github.com/milan-960/cryptocurrency-list

created a crypto price tracking app using the React and the Coingecko Api

axios coingecko-api dark-mode reactjs redux tailwindcss

Last synced: 24 Nov 2024

https://github.com/theel0ja/dark-theme-on-web

Guide for dark theme on web

dark-mode dark-theme web

Last synced: 15 Dec 2024

https://github.com/rancorm/nvim-aqua

Neovim plugin to detect macOS appearance change

appearance dark-mode light-mode macos neovim neovim-plugin terminal

Last synced: 22 Jan 2025

https://github.com/pranambhat/angular-darktheme

Angular Dark Theme | Angular Dark Mode | Angular 13

angular angular13 dark dark-mode dark-theme mode theme themes

Last synced: 28 Jan 2025

https://github.com/rileyjshaw/dim

🦊 A simple dark theme for Firefox

color dark-mode dark-theme firefox theme

Last synced: 05 Dec 2024

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

MacOS script to interact with dark mode

dark-mode macos

Last synced: 25 Nov 2024

https://github.com/alenj0x1/emojis

Discover a new emoji that you may have never seen before or take a look at a whole range of emojis.

angular dark-mode emoji emoji-picker learning

Last synced: 18 Jan 2025

https://github.com/blaz-cerpnjak/motogether-ios-app-design

Simple iOS app design (Dark & Light Theme, Swift & SwiftUI)

custom-navigation-swift dark-mode ios sliding-tab-view swift swiftui

Last synced: 23 Jan 2025

https://github.com/qoomon/threema-web-desktop-app

Threema Standalone Web App with Dark and Light Mode Support

dark-mode desktop-app threema threema-web

Last synced: 26 Jan 2025

https://github.com/banshee-technologies/nocturneshift-js

A sleek JavaScript plugin for effortlessly toggling dark mode on your website, ensuring a smooth, session-persistent visual transition for an enhanced user experience.

dark dark-mode dark-theme darkmode

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

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