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

Hand-picked dark color themes for use in your next project :night_with_stars:

color-palette color-scheme dark-mode design night-mode ui-design

Last synced: 12 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/wojciechmarek/crypto-board

A fake crypto board app that allows you to track and swap your crypto assets.

chartjs crypto cryptocurrency dark-mode dark-theme modern-design nextjs nextjs14 react reacttable tailwind taiwindcss typescript walletconnect

Last synced: 28 Jan 2025

https://github.com/gjjvdburg/wikipediadarktheme

Fork of the Wikipedia Clean Dark theme (https://userstyles.org/styles/154881/wikipedia-clean-dark) that improves syntax highlighting

dark-mode dark-theme greasemonkey userscript wikipedia

Last synced: 03 Jan 2025

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/react18-tools/nextjs-darkmode

A lightweight library for managing dark mode, accommodating both user preferences and the system preference.

dark-mode dark-theme frontend javascript nextjs nextjs14 nodejs react-server-components react18 react18-tools typescript

Last synced: 16 Nov 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/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/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/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/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/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/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/laisfrigerio/dark-mode-toggle

A simple switch to toggle between dark and light mode πŸ’š

css dark-mode dark-mode-toggle dark-theme html5 javascript light-mode light-mode-toggle light-theme theme

Last synced: 20 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/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/preethi-dev/dark_mode

Theme preference by OS without toggle

dark-mode dark-theme

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

Guide for dark theme on web

dark-mode dark-theme web

Last synced: 15 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/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/rileyjshaw/dim

🦊 A simple dark theme for Firefox

color dark-mode dark-theme firefox theme

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

MacOS script to interact with dark mode

dark-mode macos

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

θ‡ͺεŠ¨εˆ‡ζ’ζ·±ζ΅…ζ¨‘εΌ

auto auto-dark-mode autodarkmode dark-mode dark-theme darkmode

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

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