JSPM

Found 663 results for dark mode

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.99
  • Published

react-light-dark-toggle

A customizable React toggle for changing between light and dark mode

  • v1.1.0
  • 55.76
  • Published

@ysms/ts-darkmode

A tiny library for handling dark mode on browsers.

  • v1.3.0
  • 55.29
  • 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.59
  • 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.64
  • 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.55
  • 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.69
  • 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.21
  • Published

ember-dark-mode

A service to handle dark mode on Ember projects

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

dark-mode-switcher

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

  • v0.0.1
  • 45.76
  • Published

@jeact/mui-dynamic-theme

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

  • v2.0.0
  • 45.55
  • 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.46
  • Published

contrast

Determine if the given color is light or dark

  • v1.0.1
  • 45.30
  • 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.98
  • Published

yiq

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

  • v4.0.0
  • 42.59
  • Published

react-terminal-ui

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

  • v1.4.0
  • 42.56
  • Published

@kazzkiq/darkmode

A tiny library for handling dark mode on browsers.

  • v0.1.0
  • 41.55
  • Published

dracula-prism

A dark theme for Prism.js

  • v2.1.16
  • 40.50
  • Published

shader

Create a darker or lighter shade of a hex color.

  • v1.0.0
  • 40.33
  • Published

bootsdark

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

  • v1.0.16
  • 38.12
  • Published

@andreasrisager/darkmode

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

  • v1.0.4
  • 36.95
  • Published

des-dark-mode

A dark mode toggler for tailwind css

    • v1.0.0
    • 35.76
    • Published

    react-day-and-night-toggle

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

    • v2.0.7
    • 35.58
    • Published

    des-dark-mode-v2

    A dark mode toggler for tailwind css

      • v2.0.0
      • 34.84
      • Published

      chromatic-luminance

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

      • v1.0.1
      • 34.71
      • 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.19
      • Published

      vue-plugin-darkmode

      allows toggling dark mode based on user preference or browser settings

      • v1.0.3
      • 33.64
      • 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.33
        • 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.33
        • Published

        twodotsp

        A package to handle light and dark themes

          • v1.1.9
          • 32.10
          • Published

          nyc-dark

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

          • v3.0.3
          • 31.37
          • 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.02
          • 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.45
          • 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.19
            • Published

            darken

            Darkmode made easy

            • v1.5.0
            • 29.29
            • Published

            storybook-theme-css-vars

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

            • v0.0.12
            • 28.86
            • Published

            sanctum-ui

            CSS Framework inspired by Elden Ring aesthetics

              • v1.0.2
              • 28.14
              • Published

              @aotearoan/neon

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

              • v18.2.9
              • 27.99
              • 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.94
              • Published

              after-dark

              A retro dark theme for Hugo.

              • v10.3.2
              • 26.80
              • Published

              arnis-ux

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

              • v0.1.21
              • 26.54
              • Published

              dark-sky-skeleton

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

              • v0.1.46
              • 26.07
              • Published

              dark-sky-api

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

              • v0.6.32
              • 25.95
              • Published

              plain

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

              • v0.0.0
              • 25.76
              • Published

              svelte-scrim

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

              • v0.1.0
              • 25.39
              • Published

              redark-theme

              A dark theme for Redoc

              • v1.0.3
              • 25.28
              • Published

              light-dark

              🔦 Manage light-dark mode with ease

              • v0.2.0
              • 25.05
              • 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.71
              • Published

              @omnedia/ngx-dark-veil

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

              • v3.0.0
              • 24.15
              • 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.52
              • Published

              claude-theme

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

              • v0.1.5
              • 23.39
              • Published

              vuepress-theme-yuu

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

              • v3.1.1
              • 22.86
              • Published

              mantra-theme-switcher

              Simple react component to switch between light and dark mode

              • v0.1.2
              • 22.61
              • Published

              tailwindcss-themers

              An unopinionated, scalable, tailwindcss theming solution

              • v0.0.1
              • 22.58
              • Published

              element-theme-darkplus

              Element component dark theme base on the latest version 2.15.14.

              • v2.1.4
              • 22.55
              • Published

              quanta-design-bm-dark

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

                • v1.0.0
                • 22.21
                • Published

                nightlight

                Light- and dark-mode favicons, made easy.

                • v1.0.2
                • 21.66
                • Published

                stage-spotlight

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

                • v1.0.1
                • 21.64
                • Published

                hyper-aura-theme

                A beautiful dark theme for Hyper terminal

                • v2.0.0
                • 21.58
                • 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.54
                  • 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.06
                  • Published

                  color-scheme-switcher

                  A library to select color scheme either manually or automatically.

                  • v0.0.3
                  • 20.84
                  • 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.09
                    • Published

                    hyperocean

                    🌊 Deep oceanic blue Hyper theme

                    • v1.1.2
                    • 18.77
                    • Published

                    @atatctech/mui-theme

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

                    • v1.2.2
                    • 18.75
                    • 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.52
                    • 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.31
                      • Published

                      muddy-water

                      Darkside of sails

                      • v1.2.4
                      • 18.24
                      • 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.14
                      • Published

                      @arnis-lv/guru-ui

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

                      • v0.1.21
                      • 17.84
                      • Published

                      prismjs-darcula-theme

                      PrismJS Darcula syntax highlighting theme based on the JetBrains IDEs

                      • v1.0.3
                      • 17.11
                      • Published

                      postcss-color-scheme

                      postcss plugin for handling prefers-color-scheme more gracefully

                      • v2.1.0
                      • 16.91
                      • Published

                      prismjs-vs

                      Visual Studio themes for Prism js

                      • v1.0.2
                      • 16.81
                      • Published

                      @yzfe/darkmodejs

                      Utility package for managing Dark Mode on the web

                      • v1.2.1
                      • 16.41
                      • 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.82
                      • Published

                      babel-plugin-tailwind-dark

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

                      • v1.3.2
                      • 15.68
                      • Published

                      @darkpay/dark-config

                      JavaScript config files for Darkdot blockchain.

                      • v0.14.1-5.1
                      • 15.28
                      • Published

                      godarkmode

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

                      • v1.1.1
                      • 15.24
                      • Published

                      react-guitar-theme-dark

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

                      • v1.1.2
                      • 15.22
                      • 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.40
                      • Published

                      is-dark-theme

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

                      • v1.0.3
                      • 14.36
                      • Published

                      @mahozad/theme-switch

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

                      • v1.5.2
                      • 14.10
                      • 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.09
                      • Published

                      dracula-mantine

                      Dracula theme for mantine component library

                      • v1.1.0
                      • 13.91
                      • Published

                      react-sf-themes

                      Color theme for the Superflows component system

                      • v1.0.24
                      • 13.89
                      • Published

                      nord-ui

                      A Dark CSS UI framework, based on nord color palette

                      • v0.10.4
                      • 13.78
                      • Published

                      react-pdf-builder

                      Build beautiful PDF documents in React.

                      • v2.0.11
                      • 13.76
                      • Published

                      twin-moon-color

                      Generate dark or light color automatically for MUI

                        • v0.0.6
                        • 12.93
                        • 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.68
                        • Published

                        imba-color-scheme

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

                        • v0.0.9
                        • 12.37
                        • Published

                        darksouls-names

                        Get random Dark Souls I, II and III characters names

                        • v0.0.0
                        • 12.00
                        • 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.43
                        • Published

                        hyper-firewatch

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

                        • v0.3.0
                        • 11.38
                        • 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.34
                        • 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.18
                        • 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.04
                          • Published

                          hentai-downloader

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

                          • v3.0.0
                          • 10.97
                          • 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.95
                          • Published

                          drac-jr

                          Itty bitty dark mode handler

                          • v0.4.1
                          • 10.85
                          • 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.72
                          • Published

                          @boost/theme-moon-dark

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

                          • v2.1.1
                          • 10.41
                          • 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.32
                          • Published

                          @mevbg/color-scheme-manager

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

                          • v0.1.15
                          • 10.14
                          • Published

                          kalia

                          A thoughtful VS Code color theme

                          • v1.16.0
                          • 10.11
                          • Published

                          hyper-pmndrs

                          poimandres dark theme

                          • v0.3.4
                          • 9.77
                          • Published

                          hyperterm-github-dark

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

                          • v1.0.0
                          • 9.74
                          • Published

                          tlv_night

                          TLV Night - Dark mode overlay Istanbul HTML report.

                            • v1.0.2
                            • 9.65
                            • Published

                            bulma-darkify

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

                            • v1.0.2
                            • 9.44
                            • Published

                            hyper-sick

                            Hyper theme with sick colors

                            • v4.0.1
                            • 9.36
                            • Published

                            colin-cypress-dark

                            Dark mode for Cypress test runner from user space

                            • v0.0.0-development
                            • 8.83
                            • Published

                            dbgate-plugin-black-theme

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

                            • v1.0.17
                            • 8.78
                            • Published

                            dark-mode-dropdown

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

                            • v2.0.0
                            • 8.78
                            • 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.74
                            • Published

                            react-dark-modal

                            Simple React modal component as a transparent dark overlay

                            • v0.1.2
                            • 8.66
                            • Published

                            pagedark

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

                            • v0.4.0
                            • 8.66
                            • 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.66
                            • Published

                            value-theme-return

                            returns a value depending on whether your browser has dark mode or light mode activated, it is super useful with Styled-Components for ReactJS, but you can also use it with JS Vanilla

                              • v1.0.1
                              • 8.42
                              • Published

                              darkorlight

                              test whether a color is dark or light

                              • v1.0.4
                              • 8.41
                              • Published

                              aura-theme

                              A beautiful dark theme for Visual Studio Code

                              • v2.1.0
                              • 8.36
                              • Published

                              @dark-engine/data

                              Declarative queries and mutations for Dark

                              • v1.5.1
                              • 8.18
                              • Published

                              coal-ui

                              dark quick css lib

                              • v0.1.3
                              • 8.18
                              • Published

                              vuepress-theme-pdavim-openapi

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

                              • v1.1.9
                              • 8.08
                              • Published

                              darklegacycomics

                              Simple tool for downloading all comics for offline use

                              • v1.0.6
                              • 8.06
                              • 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.02
                                • Published

                                nightly.js

                                A zero dependency javascript library that enables the night mode in your website easily

                                • v2.0.1
                                • 7.66
                                • Published

                                tline

                                Time line for the CSS evolution and history of tooling, libraries, frameworks and so on

                                • v0.1.12
                                • 7.57
                                • Published

                                candy-pine

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

                                • v0.2.5
                                • 7.55
                                • Published

                                hyperterm-gooey

                                Gooey Hyperterm Theme, based on Atom Gooey

                                • v1.0.1
                                • 7.55
                                • Published

                                hyper-lilac-theme

                                A theme for hyper based on the Lilac VS Code theme

                                • v1.6.0
                                • 7.49
                                • Published