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/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/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/2kabhishek/flick-query

Minimalist Flickr Frontend 🖼️🔍

bulma dark-mode flickr gallery image-search minimalist

Last synced: 12 Jan 2025

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/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/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/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/sereneinserenade/liebling-vue

Liebling(a ghost theme) translated in VueJS

blog blog-theme dark-mode dark-theme ghost ghost-theme theme

Last synced: 12 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/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/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/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: 01 Feb 2025

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

macOS System Colors - Light & Dark Mode

css css-variables dark dark-mode dark-theme html html5 macos mojave

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

Theme preference by OS without toggle

dark-mode dark-theme

Last synced: 08 Jan 2025

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

MacOS script to interact with dark mode

dark-mode macos

Last synced: 03 Feb 2025

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

🦊 A simple dark theme for Firefox

color dark-mode dark-theme firefox theme

Last synced: 01 Feb 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: 01 Feb 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/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/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/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/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/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/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/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/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/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/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/leonardtarigan/colab

Project collaboration web app

dark-mode nextjs react tailwindcss

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

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