Skip to content

Dark and Light mode with auto detection made easy with Nuxt πŸŒ—

License

Notifications You must be signed in to change notification settings

nuxt-modules/color-mode

Folders and files

NameName
Last commit message
Last commit date

Latest commit

df97711 Β· Mar 29, 2025
Mar 29, 2025
Jun 21, 2023
Mar 29, 2025
Mar 29, 2025
Sep 14, 2024
Sep 13, 2024
Apr 14, 2020
Sep 22, 2022
Jun 21, 2023
Mar 19, 2024
Oct 24, 2024
Feb 16, 2022
Mar 29, 2025
Apr 10, 2024
Apr 10, 2024
Apr 10, 2024
Apr 10, 2024
Apr 10, 2024
Oct 24, 2024
Oct 24, 2024
Aug 21, 2023
Apr 11, 2024
Dec 4, 2023
Apr 10, 2024

Repository files navigation

@nuxtjs/color-mode

Nuxt Color Mode

npm version npm downloads License Nuxt Volta board

πŸŒ‘ Dark and πŸŒ• Light mode with auto detection made easy with Nuxt.

nuxt-color-mode

Live demo

Features

  • Nuxt 3 and Nuxt Bridge support
  • Add .${color}-mode class to <html> for easy CSS theming
  • Force a page to a specific color mode (perfect for incremental development)
  • Works with client-side and universal rendering
  • Auto detect system color-mode
  • Supports IE9+ πŸ‘΄

πŸ“–  Read more

Note: v3 of @nuxtjs/color-mode is compatible with Nuxt 3 and Nuxt Bridge. If you're looking for the previous version of this module, check out the previous docs, or read more about the differences.

Contributing

You can contribute to this module online with CodeSandBox:

Edit @nuxtjs/color-mode

Or locally:

  1. Clone this repository
  2. Install dependencies using pnpm install
  3. Start development server using pnpm dev

License

MIT License

Copyright (c) Nuxt Team