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/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/grimsteel/securly-plus

Dark mode and improvements for Securly Flex

dark-mode school securly

Last synced: 05 Nov 2024

https://github.com/amulyamachhan/instagram-clone

This project is a simplified version of Instagram, featuring dynamic post and story addition using JavaScript, as well as supporting both dark and light themes. The design is responsive to ensure a seamless user experience across various devices.

css dark-mode design html javascript light-mode resposive-design ui

Last synced: 09 Nov 2024

https://github.com/moots-technology/moots-capacitor-dark-mode

Capacitor 3 plugin for automatic dark mode detection.

android capacitor capacitor-plugin dark dark-mode darkmode ionic ios

Last synced: 17 Dec 2024

https://github.com/sungaila/immersivedarkmode

Applies a dark theme to the titlebar of Win32 windows.

dark-mode dark-theme dwm win32 winui winui3 wpf

Last synced: 21 Jan 2025

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/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/opensourcetreasure/no-distraction-dark-mode-html-webpage

No distraction, dark mode, HTML webpage so you can chill out in between projects

background-image dark-mode distraction-free favicon homepage html javascript relax wallpaper webpage

Last synced: 14 Dec 2024

https://github.com/guptasiddhant/theme-manager-js

Apply and manage theme easily with this light-weight JavaScript library.

dark-mode javascript theme typescript

Last synced: 16 Dec 2024

https://github.com/adityathakurxd/themeflutter

Updating Theme of Flutter App using Provider and SharedPreferences

dark-mode dark-theme example flutter light-theme provider sharedpreferences theme

Last synced: 13 Nov 2024

https://github.com/givanz/tiny-php-markdown-notepad

A small php file that allows you to quickly edit a `markdown` file on your server with real-time preview, you can use it for quick notes or as a paste bin

dark-mode dark-theme javascript markdown markdown-editor markdown-parser markdown-previewer markdown-to-html markdown-viewer note-taking note-taking-app notebook notes-app php

Last synced: 09 Nov 2024

https://github.com/saddamarbaa/imdb-clone-app-next13-typescript

==> Building TMDB Clone App with React Js + Next.js 13 + TypeScript + Tailwind CSS. + Vercel Hosting (a mobile-friendly)

dark-mode debounce-search movie-trailer next reactjs tailwindcss tmdb-api typescript

Last synced: 09 Dec 2024

https://github.com/jeroen-45/kanboard-dark-mode-switcher

A simple plugin for Kanboard that adds a button to switch between dark and light modes.

dark-mode dark-mode-switch dark-mode-switcher dark-mode-toggle dark-theme kanboard kanboard-plugin kanboard-theme

Last synced: 10 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: 03 Dec 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/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/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/theel0ja/dark-theme-on-web

Guide for dark theme on web

dark-mode dark-theme web

Last synced: 15 Dec 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/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/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/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/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/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/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/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/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/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/antoineprv/dark-mode

MacOS script to interact with dark mode

dark-mode macos

Last synced: 25 Nov 2024

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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/rileyjshaw/dim

🦊 A simple dark theme for Firefox

color dark-mode dark-theme firefox theme

Last synced: 05 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/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/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/andysit1/hugo-grizzlyblog

hugo theme for personal website

blog dark-mode hugo hugo-theme no-nonsense

Last synced: 11 Oct 2024

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

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