JSPM

Found 664 results for dark mode

dark-mode-context

A simple context provider for dark mode

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

lightdarky

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

    • v0.0.3
    • 93.14
    • Published

    dark-mode-ts

    React TypeScript dark mode

    • v1.2.6
    • 77.21
    • 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.28
      • Published

      tailwindcss-global-dark

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

      • v1.0.1
      • 74.15
      • Published

      dark-light-mode

      🌒 toggles dark mode... Really? Try it

      • v0.1.10
      • 73.05
      • Published

      watch-size

      Watch the size changes of a DOM element

      • v2.0.0
      • 66.45
      • Published

      tailwindcss-themer

      An unopinionated, scalable, tailwindcss theming solution

      • v4.1.1
      • 62.96
      • Published

      darkmode-js

      🌓 Add darkmode / nightmode to your website in a few seconds

      • v1.5.7
      • 60.81
      • Published

      tw-colors

      Tailwind plugin for switching color theme with just one className

      • v3.3.2
      • 59.78
      • Published

      vue-dark-switch

      多合一的开箱即用 vue3 暗黑模式开关组件 | A versatile vue3 dark mode switch component

      • v1.0.6
      • 57.56
      • Published

      alfred-dark-mode

      Alfred 3 workflow to toggle the system dark mode

      • v2.0.0
      • 57.49
      • Published

      theme-vitesse

      Vitesse theme for VS Code

      • v1.0.0
      • 56.03
      • Published

      dark-mode-cli

      Control the macOS dark mode from the command-line

      • v3.0.1
      • 55.99
      • Published

      react-light-dark-toggle

      A customizable React toggle for changing between light and dark mode

      • v1.1.0
      • 55.60
      • Published

      @ysms/ts-darkmode

      A tiny library for handling dark mode on browsers.

      • v1.3.0
      • 55.20
      • 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.44
      • 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.83
      • 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.54
      • 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.76
      • 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.51
      • Published

      ember-dark-mode

      A service to handle dark mode on Ember projects

      • v1.0.0-beta.3
      • 46.79
      • 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.75
      • Published

      dark-mode-switcher

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

      • v0.0.1
      • 45.64
      • Published

      @jeact/mui-dynamic-theme

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

      • v2.0.0
      • 45.48
      • Published

      contrast

      Determine if the given color is light or dark

      • v1.0.1
      • 45.25
      • 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
      • 43.95
      • Published

      yiq

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

      • v4.0.0
      • 42.82
      • Published

      react-terminal-ui

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

      • v1.4.0
      • 42.52
      • Published

      @kazzkiq/darkmode

      A tiny library for handling dark mode on browsers.

      • v0.1.0
      • 41.42
      • Published

      dracula-prism

      A dark theme for Prism.js

      • v2.1.16
      • 40.74
      • Published

      shader

      Create a darker or lighter shade of a hex color.

      • v1.0.0
      • 40.59
      • Published

      bootsdark

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

      • v1.0.16
      • 38.08
      • Published

      @andreasrisager/darkmode

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

      • v1.0.4
      • 36.85
      • Published

      des-dark-mode

      A dark mode toggler for tailwind css

        • v1.0.0
        • 35.69
        • Published

        react-day-and-night-toggle

        🌞Day & Night🌛 (light/dark) theme switch with pretty cool animation for React.

        • v2.0.7
        • 35.61
        • Published

        des-dark-mode-v2

        A dark mode toggler for tailwind css

          • v2.0.0
          • 34.79
          • Published

          chromatic-luminance

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

          • v1.0.1
          • 34.70
          • 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.10
          • Published

          vue-plugin-darkmode

          allows toggling dark mode based on user preference or browser settings

          • v1.0.3
          • 33.57
          • 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.18
            • Published

            twodotsp

            A package to handle light and dark themes

              • v1.1.9
              • 32.59
              • 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.50
              • Published

              nyc-dark

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

              • v3.0.3
              • 31.41
              • 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.20
              • 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.50
              • Published

              darken

              Darkmode made easy

              • v1.5.0
              • 29.37
              • Published

              storybook-theme-css-vars

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

              • v0.0.12
              • 28.84
              • Published

              sanctum-ui

              CSS Framework inspired by Elden Ring aesthetics

                • v1.0.2
                • 28.31
                • Published

                @aotearoan/neon

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

                • v18.2.9
                • 28.02
                • 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.88
                • Published

                after-dark

                A retro dark theme for Hugo.

                • v10.3.2
                • 26.92
                • Published

                arnis-ux

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

                • v0.1.21
                • 26.71
                • 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
                  • 26.61
                  • Published

                  dark-sky-skeleton

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

                  • v0.1.46
                  • 26.19
                  • Published

                  dark-sky-api

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

                  • v0.6.32
                  • 26.12
                  • Published

                  plain

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

                  • v0.0.0
                  • 25.80
                  • Published

                  darkdb

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

                    • v3.3.0
                    • 25.75
                    • Published

                    redark-theme

                    A dark theme for Redoc

                    • v1.0.3
                    • 25.39
                    • Published

                    svelte-scrim

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

                    • v0.1.0
                    • 25.36
                    • Published

                    light-dark

                    🔦 Manage light-dark mode with ease

                    • v0.2.0
                    • 25.00
                    • 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.67
                    • Published

                    @omnedia/ngx-dark-veil

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

                    • v3.0.0
                    • 24.29
                    • 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.50
                    • Published

                    claude-theme

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

                    • v0.1.5
                    • 23.37
                    • Published

                    vuepress-theme-yuu

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

                    • v3.1.1
                    • 22.99
                    • Published

                    tailwindcss-themers

                    An unopinionated, scalable, tailwindcss theming solution

                    • v0.0.1
                    • 22.71
                    • Published

                    element-theme-darkplus

                    Element component dark theme base on the latest version 2.15.14.

                    • v2.1.4
                    • 22.55
                    • Published

                    mantra-theme-switcher

                    Simple react component to switch between light and dark mode

                    • v0.1.2
                    • 22.53
                    • Published

                    quanta-design-bm-dark

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

                      • v1.0.0
                      • 22.31
                      • Published

                      hyper-aura-theme

                      A beautiful dark theme for Hyper terminal

                      • v2.0.0
                      • 21.71
                      • 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.64
                        • Published

                        stage-spotlight

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

                        • v1.0.1
                        • 21.62
                        • Published

                        nightlight

                        Light- and dark-mode favicons, made easy.

                        • v1.0.2
                        • 21.61
                        • Published

                        color-scheme-switcher

                        A library to select color scheme either manually or automatically.

                        • v0.0.3
                        • 20.89
                        • Published

                        is-dark-color-hsp

                        Package to detect if a color is dark or not

                        • v2.0.1
                        • 20.49
                        • 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.03
                        • Published

                        hyperocean

                        🌊 Deep oceanic blue Hyper theme

                        • v1.1.2
                        • 18.87
                        • Published

                        @atatctech/mui-theme

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

                        • v1.2.2
                        • 18.74
                        • Published

                        nodebb-plugin-night-mode

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

                        • v1.0.7
                        • 18.63
                        • Published

                        color-scheme-hook

                        React hook to detect and toggle color scheme.

                        • v3.7.2
                        • 18.62
                        • 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.48
                        • Published

                        dark-light-toggle-ibra14v1

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

                          • v1.0.2
                          • 18.46
                          • Published

                          imba-color-modes

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

                          • v0.4.0
                          • 18.39
                          • Published

                          muddy-water

                          Darkside of sails

                          • v1.2.4
                          • 18.21
                          • 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.11
                          • Published

                          @arnis-lv/guru-ui

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

                          • v0.1.21
                          • 18.11
                          • Published

                          prismjs-darcula-theme

                          PrismJS Darcula syntax highlighting theme based on the JetBrains IDEs

                          • v1.0.3
                          • 17.09
                          • Published

                          postcss-color-scheme

                          postcss plugin for handling prefers-color-scheme more gracefully

                          • v2.1.0
                          • 16.89
                          • Published

                          prismjs-vs

                          Visual Studio themes for Prism js

                          • v1.0.2
                          • 16.84
                          • Published

                          @yzfe/darkmodejs

                          Utility package for managing Dark Mode on the web

                          • v1.2.1
                          • 16.37
                          • 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.92
                          • Published

                          babel-plugin-tailwind-dark

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

                          • v1.3.2
                          • 15.74
                          • Published

                          @darkpay/dark-config

                          JavaScript config files for Darkdot blockchain.

                          • v0.14.1-5.1
                          • 15.30
                          • Published

                          godarkmode

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

                          • v1.1.1
                          • 15.20
                          • Published

                          react-guitar-theme-dark

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

                          • v1.1.2
                          • 15.19
                          • Published

                          tw-themes

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

                          • v0.1.1
                          • 14.67
                          • Published

                          @darkpay/dark-api

                          JavaScript API for Darkdot blockchain.

                          • v0.14.1-5.13
                          • 14.49
                          • Published

                          is-dark-theme

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

                          • v1.0.3
                          • 14.39
                          • Published

                          @mahozad/theme-switch

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

                          • v1.5.2
                          • 14.16
                          • Published

                          react-sf-themes

                          Color theme for the Superflows component system

                          • v1.0.24
                          • 13.96
                          • Published

                          dracula-mantine

                          Dracula theme for mantine component library

                          • v1.1.0
                          • 13.94
                          • 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
                          • 13.85
                          • Published

                          react-pdf-builder

                          Build beautiful PDF documents in React.

                          • v2.0.11
                          • 13.84
                          • Published

                          nord-ui

                          A Dark CSS UI framework, based on nord color palette

                          • v0.10.4
                          • 13.78
                          • Published

                          twin-moon-color

                          Generate dark or light color automatically for MUI

                            • v0.0.6
                            • 12.98
                            • 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.70
                            • Published

                            darksouls-names

                            Get random Dark Souls I, II and III characters names

                            • v0.0.0
                            • 12.06
                            • 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
                            • 11.64
                            • Published

                            react-tailwind4-theme

                            🌒 A React Hook to handle the dark/light mode theme using Tailwind4 CSS and localStorage.

                            • v1.3.1
                            • 11.62
                            • Published

                            real-dark-mode

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

                            • v1.0.3
                            • 11.38
                            • Published

                            hyper-firewatch

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

                            • v0.3.0
                            • 11.37
                            • 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-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.17
                            • 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.10
                            • 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.06
                              • Published

                              hentai-downloader

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

                              • v3.0.0
                              • 10.94
                              • 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.94
                              • Published

                              drac-jr

                              Itty bitty dark mode handler

                              • v0.4.1
                              • 10.83
                              • 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.73
                              • Published

                              @boost/theme-moon-dark

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

                              • v2.1.1
                              • 10.45
                              • Published

                              @sonuyadav51/theme

                              add multiple color theme in your website in few seconds

                              • v1.0.2
                              • 10.39
                              • Published

                              hyper-sunset

                              Hyper theme with sunset colors

                              • v1.0.0
                              • 10.30
                              • Published

                              @mevbg/color-scheme-manager

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

                              • v0.1.15
                              • 10.20
                              • Published

                              kalia

                              A thoughtful VS Code color theme

                              • v1.16.0
                              • 10.13
                              • Published

                              hyperterm-github-dark

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

                              • v1.0.0
                              • 9.78
                              • Published

                              hyper-pmndrs

                              poimandres dark theme

                              • v0.3.4
                              • 9.78
                              • Published

                              tlv_night

                              TLV Night - Dark mode overlay Istanbul HTML report.

                                • v1.0.2
                                • 9.62
                                • Published

                                bulma-darkify

                                Your Bulma project, now with customizable dark-mode support.

                                • v1.0.2
                                • 9.42
                                • Published

                                hyper-sick

                                Hyper theme with sick colors

                                • v4.0.1
                                • 9.36
                                • Published

                                candy-pine

                                Candý Pine is a soft, harmonious and candy-inspired dark theme, based off of the beautiful Rosé Pine.

                                • v0.2.5
                                • 9.01
                                • Published

                                dbgate-plugin-black-theme

                                Black theme for DbGate ![icon](https://avatars.githubusercontent.com/u/36778572?v=4?v=4)

                                • v1.0.17
                                • 8.83
                                • Published

                                colin-cypress-dark

                                Dark mode for Cypress test runner from user space

                                • v0.0.0-development
                                • 8.82
                                • Published

                                dark-mode-dropdown

                                暗夜/高亮模式切换按钮,同时支持跟随系统变换模式

                                • v2.0.0
                                • 8.78
                                • Published

                                react-dark-modal

                                Simple React modal component as a transparent dark overlay

                                • v0.1.2
                                • 8.72
                                • Published

                                pagedark

                                > 一个基于 vue2 的全局黑夜模式切换组件。

                                • v0.4.0
                                • 8.72
                                • Published

                                tbsui

                                Supremely responsive UI components for React, built from the ground up with SSR and accessibility in mind for the sashaphoto family of websites.

                                • v0.6.2
                                • 8.72
                                • Published

                                jsonresume-theme-pico

                                A minimal theme for JSON Resume using PicoCSS. Built with PDF printing and mobile devices in mind.

                                • v0.0.2
                                • 8.71
                                • Published

                                @candy-pine/nova

                                Candý Pine is a soft, harmonious and candy-inspired dark theme, based off of the beautiful Rosé Pine.

                                  • v0.1.4
                                  • 8.48
                                  • Published

                                  darkorlight

                                  test whether a color is dark or light

                                  • v1.0.4
                                  • 8.41
                                  • Published