dark-mode-toggle

There are 1 repository under dark-mode-toggle topic.

• GoogleChromeLabs / dark-mode-toggle

  A custom element that allows you to easily put a Dark Mode 🌒 toggle or switch on your site:

  dark-modedark-themedark-mode-switcherdark-mode-toggledark-theme-switcherdark-theme-toggleprefers-color-schemeweb-componentscustom-elementscustom-elements-v1supported-colormedia-queries
  Language:JavaScript 1177
• dark-mode-switch

  coliff / dark-mode-switch

  Add a dark-mode theme toggle with a Bootstrap Custom Switch

  bootstrapcustom-switchdark-mode-switcherdark-mode-toggle
  Language:HTML 562

• anatoliygatt / dark-mode-toggle

  🌓 A dark mode toggle component for React.

  accessiblecomponentdark-modedark-mode-togglejavascriptreactreact-componenttoggletypescript
  Language:TypeScript 117
• dark-mode-example

  ditdot-dev / dark-mode-example

  Simple and fun dark-mode detection. JavaScript with a user mode toggle.

  dark-modeprefers-color-schemejavascriptdark-mode-toggledark-themedark-mode-switcherfunstar-warscss-filtersexample
  Language:CSS 37
• drkmd.js

  BetaHuhn / drkmd.js

  🌓 Simple dark-mode/light-mode logic for any website.

  darkmodedark-themenpm-packagevanilla-jsthemenightmodedark-mode-switcherdark-mode-toggleprefers-color-schemecss-variablesjavascript
  Language:JavaScript 21

• rifazn / dark-toggle

  A small POSIX compliant shell script that toggles between the dark and light variants of a GTK theme.

  dark-mode-togglegnomelinuxshelldashgtktheming
  Language:Shell 21

• b1f6c1c4 / Deep-DarkFantasy

  Global Dark Mode for ALL apps on ANY platforms.

  dark-modedark-themedark-mode-togglefpgaverilogverilog-hdlvivadoxilinxzynqzynq-7000
  Language:Verilog 17

• lailo / next-with-tailwindcss

  NextJS with TypeScript and TailwindCSS (with dark theme switch)

  reacttailwindcssnextjstypescriptjestprettierpostcssdark-themejest-snapshotsjest-testsdark-modedark-mode-toggle
  Language:TypeScript 17

• jdisho / Darkness

  🌃 Tailor your macOS appearance from the menu bar.

  macosswiftdarkmodedark-mode-toggledark-mode-switcherdark-modeappearancelightmodelight-mode
  Language:Swift 16

• faniabdullah / reactjs-moviecatalog-app

  Movie Catalog React 'The Movie Database' (TMDb) Apps

  reactjssassreact-webpacklearn-reactjsmovie-cataloguereact-webpack-tutorialreact-es6react-example-appdark-mode-toggletmdb-movie-searchreact-apibeginner-projectreact-projectreact-examplereact-movie-databaseexample-projectexamplereact-pwa
  Language:JavaScript 15

• jaywcjlove / dark-mode

  🌓 Add dark mode/night mode custom elements to your website.

  web-componentsdark-themecustom-elementsdark-modeprefers-color-schemedark-mode-toggle
  Language:JavaScript 13

• elydev01 / kvtemplate9

  Mobile application interface 9 with Kivy and KivyMD

  android-applicationcross-platform-developmentdark-mode-toggleios-applicationkivykivy-widgetkivymdkivymd-pythonmobilepython3
  Language:Python 5

• H0rn0chse / dark-mode-toggle

  An animated toggle button for switching dark mode themes as WebComponent

  animationbuttondarkdark-mode-toggledarkmodelightlocalmodestoragethemetogglewebcomponent
  Language:JavaScript 5

• omunite215 / Dark_Mode_Animation_HTML_CSS

  Dark Mode Animation using HTML CSS and Vite.JS.

  cssdark-mode-toggledarkmode-animationhtmlanimationbootstrap
  Language:CSS 5
• bs-darkmode

  palcarazm / bs-darkmode

  Bootstrap Darkmode is a bootstrap plugin/widget that supports toggling between light and dark theme

  bootstrapbootstrap-dark-modedark-modedark-mode-toggledark-themedarkmode
  Language:HTML 5

• robsd / js-toggle-dark-mode

  A smart JavaScript application that automatically inherits the user's prefers-color-scheme, but allows it to be overridden by the user and stored in the user's browser storage to enable site-wide preference and future visits.

  bootstrapbootstrap5darkdark-modedark-mode-toggledark-themehtmlhtml5javascriptjsmodethemetoggletogglerdark-mode-togglertoggle-dark-modesnippetweb
  Language:JavaScript 5

• Thiagoow / ChristmasGift-Responsive-LandingPage

  Landing Page responsiva, com preferências salvas de modo escuro ou claro. Desenvolvida com HTML, CSS, e Javascript. Utilizando também da biblioteca de ícones Boxicons, e da biblioteca de animação de rolagem ScrollReveal.

  html-css-javascriptbedimcodeboxiconsscrollreveal-jschristmasdark-modedark-mode-togglelanging-page
  Language:HTML 5

• wpl-agency / dark-mode-for-elementor

  Плагин под WordPress, который добавляет новый виджет в конструктор страниц Elementor для создания кнопки включения темного режима на сайте в зависимости от времени или настроек пользователя.

  wordpresswordpress-pluginwordpress-developmentelementorelementor-pluginelementor-widgetdarkmodedark-modedark-mode-toggle
  Language:PHP 5

• aneesafatima / Taskify

  A JS To Do list application to keep your daily life in check.

  cssdaily-plannerdark-mode-togglehtmlinteractive-uijavascriptto-do-list-app
  Language:JavaScript 3
• basic-calculator

  henryhale / basic-calculator

  ♣ A fully basic windows 10 calculator clone in vanillaJS

  calculatorcalculator-appcalculator-applicationcalculator-javascriptclone-appcsshtml-csshtml-css-javascriptjavascriptvanilla-javascriptvanilla-jswindows-10windows-calculatordark-modedark-mode-togglehenryhale
  Language:JavaScript 3

• Jeroen-45 / kanboard-dark-mode-switcher

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

  dark-modedark-mode-switchdark-mode-switcherdark-mode-toggledark-themekanboardkanboard-pluginkanboard-theme
  Language:CSS 3

• pulkithanda / Project-Beta

  I'm R2D2, Your own Personal Companion. A website based on R2D2 designed for project beta by @pulkithanda & @yuvraajnarula

  r2d2starwarswebdevelopmenthtml-css-javascriptdark-mode-toggle
  Language:HTML 3

• samyuii / ColorPalette-Pro

  ColorPalette Pro is a web application that allows users to generate and manage color palettes effortlessly. It features a color picker, real-time feedback, dark mode, and utilizes local storage for saving user preferences.

  color-palette-generatorcolor-pickerdark-mode-toggleopen-sourcereact-appreactjsui-designvalues-jsweb-application
  Language:CSS 3

• Akuna444 / tailwind-tw-mf-website

  Responsive and Dark Mode supported website made with tailwind CSS from scratch!

  dark-mode-toggleresponsive-webtailwindcss
  Language:JavaScript 2

• aliemir / react-lunar-toggle

  Dark Mode toggle with lunar phase emojis for React.

  reactreact-toggledark-modedark-mode-togglelunar-phasemoonemojimoon-phase
  Language:CSS 2

• avinashjoshi / color-scheme-toggle

  A simple javascript to toggle your website between [ 🖥 system theme | 🌙 dark mode | ☀️ light mode ]

  dark-modedark-mode-switchdark-mode-toggledark-mode-switcherdark-mode-jsdarkmodedarkmode-js
  Language:CSS 2

• eckertalex / eckertalex.dev

  Personal Blog

  reacttailwindcssnextjstypescriptprettiereslintpostcssdark-themeblogdark-mode-togglemdxprism
  Language:MDX 2
• Themelite

  jesulonimii / Themelite

  A Java library for implementing dark theme easily in android apps.

  colors-xmlthemedarkmodedarkthemedark-themedark-mode-toggledark-mode-switcherthemelitejavaui
  Language:Java 2

• laisfrigerio / dark-mode-toggle

  A simple switch to toggle between dark and light mode 💚

  cssdark-modedark-mode-toggledark-themehtml5javascriptlight-modelight-themethemelight-mode-toggle
  Language:CSS 2

• mdbootstrap / bootstrap-dark-mode

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

  bootstrapbootstrap5bootstrap5-templatedark-modedark-mode-toggledark-themetheme
  Language:SCSS 2

• mstytn / electron-vite-ts-tailwind

  electron-vite app with React, TypeScript, Tailwind, IPC communication, Theme Support Boilerplate

  dark-mode-toggleelectroninterprocess-communicationreacttailwindvitetypescriptreact-router-dom-v6electron-settings
  Language:TypeScript 2
• everydark

  pedro-isacss / everydark

  Dark mode always on 🌜

  chrome-extensionchrome-extensionseverydarkdark-extensiondark-modedark-mode-toggledark-mode-switcherdark-themedarkmodedarkreaderdarkturn-dark
  Language:CSS 2

• the-zoomeee / Text-manipulation-app-using-react

  TextChef is a web application built with React that offers a suite of text manipulation tools. Users can clear, copy, paste, convert text to uppercase/lowercase, remove extra spaces, and more. The app includes a text summary feature and a dark mode for better user experience.

  character-counterclearcopydark-mode-togglejavascriptline-counterlowercasepastereacttext-manipulationtext-processingtext-utilitiesuppercasewebappword-countertextchef
  Language:JavaScript 2

• vaadin-component-factory / vcf-dark-mode-switch

  Vaadin Component Factory Dark Mode Switch

  vaadinpolymer3webcomponentdark-modedark-mode-switchdark-mode-toggle
  Language:JavaScript 2

• valisoftworks / vue-apply-darkmode

  Drop-in dark mode for Vue apps.

  dark-modedark-mode-toggledark-themedarkreadersimplevuevue2vue3
  Language:JavaScript 2

• WalysonMoura / Digital-Clock

  Digital clock with dark mode powered by React, Next.JS e Styled Components

  dark-modedark-mode-themedark-mode-toggledigital-clocknextjsreactnextjs-templatestyled-componentsstyled-components-themestyled-components-theming
  Language:JavaScript 2