JSPM

Found 663 results for dark mode

use-dark-mode-ts

A small package containing a dark mode react hook based upon a css listener.

  • v1.0.2
  • 220.75
  • Published

dark-mode-toggle

Web Component that toggles dark mode ๐ŸŒ’

  • v0.17.0
  • 217.32
  • Published

angular-dark-mode

Add dark mode to your Angular applications with ease!

  • v3.1.0
  • 208.91
  • Published

dark-mode

Control the macOS dark mode

  • v4.0.0
  • 199.65
  • Published

cypress-dark

Dark mode for Cypress test runner from user space

  • v1.8.3
  • 197.02
  • Published

@wcj/dark-mode

Web Component that toggles dark mode ๐ŸŒ’

  • v1.1.0
  • 175.45
  • Published

tailwind-mode-aware-colors

TailwindCSS Plugin to generate dynamic colors that will automatically switch between light and dark mode variants.

  • v2.0.2
  • 169.25
  • Published

bootstrap-dark

Dark mode (theme) for bootstrap 4

  • v1.0.3
  • 143.93
  • Published

ckeditor5-dark-mode

Dark mode styles for CKEditor5 with shadcn variables

  • v0.0.4
  • 131.29
  • Published

arnis-gui

A developer-focused React + Tailwind CSS UI component library for dark-mode apps

  • v0.1.16
  • 128.17
  • Published

thelounge-theme-cg

Common Ground IRC theme with dark/light mode and single channel mode support

  • v1.2.0
  • 123.53
  • Published

astro-color-scheme

Perfect dark mode for Astro in few lines of code. Theme Toggle for Dark, Light & Auto (system)

  • v1.1.5
  • 120.56
  • Published

ngx-color-scheme

Add dark mode to your Angular applications with ease!

  • v20.1.0
  • 102.00
  • Published

favicon-mode-switcher

๐Ÿ•ฏ Make your favicon adapt to dark and light mode

  • v1.1.1
  • 101.84
  • Published

svelte-theme-select

Customizable Svelte components for theme selection (light mode / dark mode) inspired by TailwindCSS.

  • v0.0.9
  • 97.30
  • Published

dark-mode-context

A simple context provider for dark mode

  • v1.0.0-alpha.3
  • 97.02
  • Published

dark-mode-ts

React TypeScript dark mode

  • v1.2.6
  • 77.60
  • Published

js-dark-mode

this library is to make lives easier by allowing the developers to add dark mode simply by pressing a button.

    • v1.0.0
    • 76.37
    • Published

    tailwindcss-global-dark

    A TailwindCSS variant for class-based dark mode with CSS modules

    • v1.0.1
    • 74.52
    • Published

    dark-light-mode

    ๐ŸŒ’ toggles dark mode... Really? Try it

    • v0.1.10
    • 73.20
    • Published

    lightdarky

    A tiny library to manage light/dark mode in web applications.

      • v0.0.3
      • 71.97
      • Published

      watch-size

      Watch the size changes of a DOM element

      • v2.0.0
      • 66.71
      • Published

      tailwindcss-themer

      An unopinionated, scalable, tailwindcss theming solution

      • v4.1.1
      • 62.39
      • Published

      darkmode-js

      ๐ŸŒ“ Add darkmode / nightmode to your website in a few seconds

      • v1.5.7
      • 60.73
      • Published

      tw-colors

      Tailwind plugin for switching color theme with just one className

      • v3.3.2
      • 59.65
      • Published

      vue-dark-switch

      ๅคšๅˆไธ€็š„ๅผ€็ฎฑๅณ็”จ vue3 ๆš—้ป‘ๆจกๅผๅผ€ๅ…ณ็ป„ไปถ | A versatile vue3 dark mode switch component

      • v1.0.6
      • 57.87
      • Published

      alfred-dark-mode

      Alfred 3 workflow to toggle the system dark mode

      • v2.0.0
      • 57.65
      • Published

      dark-mode-cli

      Control the macOS dark mode from the command-line

      • v3.0.1
      • 56.17
      • Published

      theme-vitesse

      Vitesse theme for VS Code

      • v1.0.0
      • 55.87
      • Published

      react-light-dark-toggle

      A customizable React toggle for changing between light and dark mode

      • v1.1.0
      • 55.83
      • Published

      @ysms/ts-darkmode

      A tiny library for handling dark mode on browsers.

      • v1.3.0
      • 55.30
      • Published

      is-dark-color

      Detects if a hex color is dark or light. It is based on the w3 documentation for color luminance: https://www.w3.org/TR/WCAG20/#relativeluminancedef

      • v1.2.0
      • 54.58
      • Published

      dark-mode-light-mode

      Toggle between Dark ๐ŸŒ™ and Light ๐Ÿ”† Mode

      • v1.4.1
      • 54.28
      • Published

      contrast-color

      Determines the best contrast color to use. Give it a background color and it returns a foreground color (black or white by default but customizable).

      • v1.0.1
      • 50.32
      • Published

      p3x-redis-ui

      ๐Ÿ“ก P3X Redis UI: A highly functional and convenient database GUI that fits in your pocket, accessible on both responsive web and desktop applications

      • v2025.4.136
      • 49.29
      • Published

      p3x-redis-ui-material

      ๐Ÿ’ฟ The p3x-redis-ui-material web interface that connects to the p3x-redis-ui-server via http and socket.io

      • v2025.4.135
      • 48.53
      • Published

      p3x-redis-ui-server

      ๐Ÿ๏ธ The p3x-redis-ui-server package motor that is connected to the p3x-redis-ui-material web user interface

      • v2025.4.134
      • 48.17
      • Published

      ember-dark-mode

      A service to handle dark mode on Ember projects

      • v1.0.0-beta.3
      • 46.76
      • Published

      dark-mode-switcher

      Pure JS script allow you to switch your web interface in dark mode.

      • v0.0.1
      • 45.75
      • Published

      @itwin/itwinui-css

      CSS library for building beautiful and well working web UI components within Bentley Systems & iTwin.js applications.

      • v2.5.0
      • 45.55
      • Published

      @jeact/mui-dynamic-theme

      Adds dynamism to the MUI theme, like dark-mode, theme togglers and more colors

      • v2.0.0
      • 45.47
      • Published

      contrast

      Determine if the given color is light or dark

      • v1.0.1
      • 45.36
      • Published

      @alotropico/dark-mode-attribute

      Very simple and lightweight utility to manage dark and light schemes from vanilla JavaScript. Call it with your button as a parameter and you're all set.

      • v1.0.2
      • 44.00
      • Published

      react-terminal-ui

      A terminal react component with support for light and dark modes.

      • v1.4.0
      • 42.61
      • Published

      yiq

      Returns light when a color is dark and dark when a color is light (and a little more).

      • v4.0.0
      • 42.57
      • Published

      @kazzkiq/darkmode

      A tiny library for handling dark mode on browsers.

      • v0.1.0
      • 41.60
      • Published

      dracula-prism

      A dark theme for Prism.js

      • v2.1.16
      • 40.46
      • Published

      shader

      Create a darker or lighter shade of a hex color.

      • v1.0.0
      • 40.41
      • Published

      bootsdark

      a Bootstrap theme that's responsive to a computer's light/dark preference

      • v1.0.16
      • 38.02
      • Published

      @andreasrisager/darkmode

      MAKE YOUR WEBSITE CHANGE BETWEEN DARK MODE OR LIGHT MODE WITH LOCALSTORAGE

      • v1.0.4
      • 37.01
      • Published

      des-dark-mode

      A dark mode toggler for tailwind css

        • v1.0.0
        • 35.88
        • Published

        react-day-and-night-toggle

        ๐ŸŒžDay & Night๐ŸŒ› (light/dark) theme switch with pretty cool animation for React.

        • v2.0.7
        • 35.54
        • Published

        des-dark-mode-v2

        A dark mode toggler for tailwind css

          • v2.0.0
          • 34.85
          • Published

          chromatic-luminance

          Lightweight (no dependencies) and fast color brightness detector built with Flow Types.

          • v1.0.1
          • 34.59
          • Published

          react-native-font-color-hook

          React Native hook that applies dark font color for light mode and light font color for dark mode.

          • v1.0.7
          • 34.18
          • Published

          vue-plugin-darkmode

          allows toggling dark mode based on user preference or browser settings

          • v1.0.3
          • 33.59
          • Published

          jest-coverage-theme

          Are those coverage reports too bright? Inject dark mode into your Jest coverage reports! Also supports custom themes.

            • v1.2.1
            • 33.39
            • Published

            @lemonsqueezy/wedges

            An ever-expanding, open-source React UI library built with the Wedges Design System, Radix primitives, and Tailwind CSS.

            • v1.4.0
            • 32.31
            • Published

            twodotsp

            A package to handle light and dark themes

              • v1.1.9
              • 32.01
              • Published

              nyc-dark

              Dark color scheme CSS files for jest / nyc / istanbul-reports, the full-featured javascript coverage tool.

              • v3.0.3
              • 31.29
              • Published

              bullframe.css

              Bullframe CSS is a lightweight Sass (SCSS) framework for building fast, responsive, and accessible UIs โ€” semantic, themeable, and classless-friendly, with solid cross-browser support.

              • v5.1.0
              • 31.06
              • Published

              astro-color-mode

              Provides system or user-defined color scheme preference, with a toggle mechanism. Settings are persisted, component is progressively enhanced and flash of unstyled content avoided. Also, it will provide an easier way to target theme with CSS / SCSS / JS.

              • v0.7.1
              • 30.42
              • Published

              bootkit-theme-manager

              A flexible theme and color system (light/dark, RTL, palettes) for web apps using JS, Sass, and Bootstrap

                • v1.1.3
                • 30.23
                • Published

                darken

                Darkmode made easy

                • v1.5.0
                • 29.21
                • Published

                storybook-theme-css-vars

                Theme switcher tool addon that changes the theme using CSS custom properties

                • v0.0.12
                • 28.75
                • Published

                sanctum-ui

                CSS Framework inspired by Elden Ring aesthetics

                  • v1.0.2
                  • 28.18
                  • Published

                  @aotearoan/neon

                  Neon is a lightweight design library of Vue 3 components with minimal dependencies.

                  • v18.2.9
                  • 27.93
                  • Published

                  css-device-frames

                  A collection of single-element, CSS-only application and device frames with support for multiple themes, customization via CSS custom properties, grid-based layouts, iframe elements, and scrolling content.

                  • v1.0.6
                  • 27.91
                  • Published

                  nuxtjs-darkmode-js-module

                  ๐ŸŒ“ Add darkmode / nightmode to your Nuxt.js project in a few seconds

                  • v1.0.3
                  • 27.82
                  • Published

                  after-dark

                  A retro dark theme for Hugo.

                  • v10.3.2
                  • 26.73
                  • Published

                  arnis-ux

                  A lightweight, multi-framework UI component library with React, Vue, and vanilla JavaScript support

                  • v0.1.21
                  • 26.60
                  • Published

                  dark-sky-skeleton

                  barebones dark sky weather api - for client or server-side js

                  • v0.1.46
                  • 26.00
                  • Published

                  dark-sky-api

                  a simple and robust dark sky api service for client-side js

                  • v0.6.32
                  • 26.00
                  • Published

                  plain

                  A simple, minimalistic, an easy-on-the-eyes coding color scheme.

                  • v0.0.0
                  • 25.70
                  • Published

                  svelte-scrim

                  A vanilla JS scrim (backdrop) component made with Svelte.

                  • v0.1.0
                  • 25.42
                  • Published

                  redark-theme

                  A dark theme for Redoc

                  • v1.0.3
                  • 25.21
                  • Published

                  light-dark

                  ๐Ÿ”ฆ Manage light-dark mode with ease

                  • v0.2.0
                  • 25.06
                  • Published

                  moots-capacitor-dark-mode

                  Capacitor 3 plugin for automatic dark mode detection on native platforms such as Android and iOS

                  • v1.0.5
                  • 24.72
                  • Published

                  @omnedia/ngx-dark-veil

                  A simple component library to create a container with a dark veil background animation.

                  • v3.0.0
                  • 24.12
                  • Published

                  use-dark-mode-toggle

                  Use this this simple hook to integrate a custom made dark/light mode toggle into your app

                  • v1.0.9
                  • 23.53
                  • Published

                  claude-theme

                  A warm, professional VS Code theme inspired by Claude's design system

                  • v0.1.5
                  • 23.42
                  • Published

                  vuepress-theme-yuu

                  A VuePress theme that supports a dark theme, multiple color themes, and other useful features.

                  • v3.1.1
                  • 22.85
                  • Published

                  tailwindcss-themers

                  An unopinionated, scalable, tailwindcss theming solution

                  • v0.0.1
                  • 22.62
                  • Published

                  mantra-theme-switcher

                  Simple react component to switch between light and dark mode

                  • v0.1.2
                  • 22.61
                  • Published

                  element-theme-darkplus

                  Element component dark theme base on the latest version 2.15.14.

                  • v2.1.4
                  • 22.47
                  • Published

                  quanta-design-bm-dark

                  An enterprise-class UI design language and Vue-based implementation

                    • v1.0.0
                    • 22.15
                    • Published

                    nightlight

                    Light- and dark-mode favicons, made easy.

                    • v1.0.2
                    • 21.71
                    • Published

                    stage-spotlight

                    A spotlight effect that follows the mouse pointer with light focus and darkened surroundings.

                    • v1.0.1
                    • 21.67
                    • Published

                    hyper-aura-theme

                    A beautiful dark theme for Hyper terminal

                    • v2.0.0
                    • 21.56
                    • Published

                    @bharathsaravanan/darklet

                    This template provides a minimal setup to get React working in Vite with HMR and some ESLint rules.

                      • v0.1.1
                      • 21.48
                      • Published

                      @edenchazard/vue-rise-and-shine

                      A light and dark mode toggle component for Vue 3 with a simple composable. Watch the sun and moon rise as you switch between light and dark modes.

                      • v2.0.2
                      • 21.07
                      • Published

                      is-dark-color-hsp

                      Package to detect if a color is dark or not

                      • v2.0.1
                      • 21.01
                      • Published

                      color-scheme-switcher

                      A library to select color scheme either manually or automatically.

                      • v0.0.3
                      • 20.79
                      • Published

                      day-night-switcher

                      Little script to easily switch a website in night mode or day mode using CSS alternate themes.

                      • v0.9.2
                      • 20.08
                      • Published

                      darkdb

                      DarkDB V3.1 - Lightweight JSON-based database for Node.js with advanced features.

                        • v3.1.0
                        • 19.07
                        • Published

                        hyperocean

                        ๐ŸŒŠ Deep oceanic blue Hyper theme

                        • v1.1.2
                        • 18.76
                        • Published

                        @atatctech/mui-theme

                        The ultimate dynamic theme-switching solution for MUI that adapts to SSR.

                        • v1.2.2
                        • 18.68
                        • Published

                        nodebb-plugin-night-mode

                        Adds a lightbulb icon to your persona theme's header to toggle a dark skin.

                        • v1.0.7
                        • 18.65
                        • Published

                        color-scheme-hook

                        React hook to detect and toggle color scheme.

                        • v3.7.2
                        • 18.50
                        • Published

                        dark-light-toggle-ibra14v1

                        A simple, customizable React component for toggling dark/light mode using Tailwind CSS.

                          • v1.0.2
                          • 18.50
                          • Published

                          toggle-engine

                          Adds a class name of user's choice to the entire document on user defined time frame. Typical use case can be enabling dark mode.

                          • v1.0.3
                          • 18.50
                          • Published

                          imba-color-modes

                          A class and helper functions to make using dark and light color schemes in Imba easier.

                          • v0.4.0
                          • 18.29
                          • Published

                          muddy-water

                          Darkside of sails

                          • v1.2.4
                          • 18.23
                          • Published

                          modern-jsdoc-template

                          Modern JSDoc default template with a Dark/Light theme style that closely resembles the Dark/Light theme found on GitHub

                          • v1.0.0
                          • 18.12
                          • Published

                          @arnis-lv/guru-ui

                          A lightweight, multi-framework UI component library with React, Vue, and vanilla JavaScript support

                          • v0.1.21
                          • 17.82
                          • Published

                          prismjs-darcula-theme

                          PrismJS Darcula syntax highlighting theme based on the JetBrains IDEs

                          • v1.0.3
                          • 17.13
                          • Published

                          postcss-color-scheme

                          postcss plugin for handling prefers-color-scheme more gracefully

                          • v2.1.0
                          • 16.93
                          • Published

                          prismjs-vs

                          Visual Studio themes for Prism js

                          • v1.0.2
                          • 16.77
                          • Published

                          @yzfe/darkmodejs

                          Utility package for managing Dark Mode on the web

                          • v1.2.1
                          • 16.40
                          • Published

                          @dark-engine/core

                          The lightweight and powerful UI rendering engine without dependencies and written in TypeScript (Browser, Node.js, Android, iOS, Windows, Linux, macOS)

                          • v1.5.1
                          • 15.85
                          • Published

                          babel-plugin-tailwind-dark

                          A Babel plugin to add custom dark classes when compiling your code using Babel.

                          • v1.3.2
                          • 15.67
                          • Published

                          godarkmode

                          Manages Dark & Light mode switch in your TailwindCSS, Next.js or vanilla JS website.

                          • v1.1.1
                          • 15.24
                          • Published

                          @darkpay/dark-config

                          JavaScript config files for Darkdot blockchain.

                          • v0.14.1-5.1
                          • 15.24
                          • Published

                          react-guitar-theme-dark

                          A [react-guitar](https://github.com/4lejandrito/react-guitar) dark theme.

                          • v1.1.2
                          • 15.20
                          • Published

                          tw-themes

                          powerful tailwind color themes (dynamically selectable at run-time)

                          • v0.1.1
                          • 14.68
                          • Published

                          @darkpay/dark-api

                          JavaScript API for Darkdot blockchain.

                          • v0.14.1-5.13
                          • 14.43
                          • Published

                          is-dark-theme

                          Detect if the user has requested the system use a light or dark color theme

                          • v1.0.3
                          • 14.33
                          • Published

                          storybook-preview-scheme-toggler

                          Storybook Preview Scheme Toggler enables seamless switching between light, dark, and auto (browser-synced) themes directly from the Storybook toolbar.

                          • v1.0.3
                          • 14.12
                          • Published

                          @mahozad/theme-switch

                          Animated toggle button to switch between light/dark/system theme.

                          • v1.5.2
                          • 14.09
                          • Published

                          react-sf-themes

                          Color theme for the Superflows component system

                          • v1.0.24
                          • 13.88
                          • Published

                          dracula-mantine

                          Dracula theme for mantine component library

                          • v1.1.0
                          • 13.88
                          • Published

                          nord-ui

                          A Dark CSS UI framework, based on nord color palette

                          • v0.10.4
                          • 13.74
                          • Published

                          twin-moon-color

                          Generate dark or light color automatically for MUI

                            • v0.0.6
                            • 12.92
                            • Published

                            react-app-store-link

                            A react component which allows you to place an iOS App Store or Google Play Store Download button, and customise the color!

                            • v1.0.0
                            • 12.64
                            • Published

                            react-pdf-builder

                            Build beautiful PDF documents in React.

                            • v2.0.11
                            • 12.39
                            • Published

                            imba-color-scheme

                            A class to make using dark and light color schemes in Imba easier.

                            • v0.0.9
                            • 12.36
                            • Published

                            darksouls-names

                            Get random Dark Souls I, II and III characters names

                            • v0.0.0
                            • 11.97
                            • Published

                            react-tailwind4-theme

                            ๐ŸŒ’ A React Hook to handle the dark/light mode theme using Tailwind4 CSS and localStorage.

                            • v1.3.1
                            • 11.66
                            • Published

                            real-dark-mode

                            This is an npm package to create the real dark mode experience on your website.

                            • v1.0.3
                            • 11.45
                            • Published

                            hyper-firewatch

                            A dark Hyper theme inspired by Campo Santo's Firewatch video game.

                            • v0.3.0
                            • 11.40
                            • Published

                            gmode

                            Creating dark & light toggling website. Make your own colors in both dark and light theme with high controllable functions.

                            • v1.0.1
                            • 11.33
                            • Published

                            react-theme-detector

                            ๅฟซ้€Ÿ้€‚้…ๆทฑ่‰ฒๆจกๅผ็š„ๅทฅๅ…ท

                            • v1.2.0
                            • 11.22
                            • Published

                            react-darkmode-hook

                            react-darkmode-hook is a custom react state hook intended to make adding darkmode support and management to any react app easy.

                            • v1.0.0
                            • 11.19
                            • Published

                            auto-dark-mode

                            Javascript code to apply dark mode in any design, and its fully customizable for the dev needs.

                              • v1.1.1
                              • 11.08
                              • Published

                              @a11y-ngx/color-scheme

                              An easy way to manage the defaults and custom Color Schemes for your components, libraries and web sites

                              • v1.0.5
                              • 11.03
                              • Published

                              use-change-theme

                              This versatile hook empowers you to effortlessly establish an initial theme for your application and seamlessly transition between various themes, including light and dark modes. With useCustomTheme, you have the freedom to specify background colors, font

                              • v1.0.2
                              • 10.96
                              • Published

                              hentai-downloader

                              Manga Hentai in e-hentai.org and exhentai.org downloader.

                              • v3.0.0
                              • 10.95
                              • Published

                              drac-jr

                              Itty bitty dark mode handler

                              • v0.4.1
                              • 10.87
                              • Published

                              @twohundredcouches/dark-mode

                              ## Table of Contents - [Features](#features) - [Install](#install) - [Usage](#usage) - [Options](#options) - [Methods](#methods) - [Events](#events) - [Thanks](#thanks)

                              • v1.1.1
                              • 10.70
                              • Published

                              @boost/theme-moon-dark

                              Dark Side of the Moon command line theme for Boost powered CLIs.

                              • v2.1.1
                              • 10.38
                              • Published

                              @sonuyadav51/theme

                              add multiple color theme in your website in few seconds

                              • v1.0.2
                              • 10.34
                              • Published

                              hyper-sunset

                              Hyper theme with sunset colors

                              • v1.0.0
                              • 10.31
                              • Published

                              @mevbg/color-scheme-manager

                              A service script that gives the ability to configure and control color scheme behavior.

                              • v0.1.15
                              • 10.16
                              • Published

                              kalia

                              A thoughtful VS Code color theme

                              • v1.16.0
                              • 10.09
                              • Published

                              hyper-pmndrs

                              poimandres dark theme

                              • v0.3.4
                              • 9.74
                              • Published

                              hyperterm-github-dark

                              [Github Dark](https://github.com/primer/github-vscode-theme) for your terminal

                              • v1.0.0
                              • 9.71
                              • Published

                              tlv_night

                              TLV Night - Dark mode overlay Istanbul HTML report.

                                • v1.0.2
                                • 9.67
                                • Published