color-mode
@nuxtjs/color-mode

Nuxt 的深色和浅色模式,支持自动检测

@nuxtjs/color-mode

Nuxt 颜色模式

npm versionnpm downloadsLicenseNuxtVolta board

使用 Nuxt 轻松实现 🌑 深色和 🌕 浅色模式,并支持自动检测。

nuxt-color-mode

在线演示

功能

  • 支持 Nuxt 3 和 Nuxt Bridge
  • <html> 中添加 .${color}-mode 类,以便轻松进行 CSS 主题化
  • 强制页面使用特定颜色模式(非常适合增量开发)
  • 支持客户端渲染和通用渲染
  • 自动检测系统 颜色模式
  • 支持 IE9+ 👴

📖  阅读更多

注意@nuxtjs/color-mode 的 v3 版本兼容 Nuxt 3 和 Nuxt Bridge。如果您正在寻找此模块的旧版本,请查看旧文档,或阅读有关差异的更多信息

贡献

您可以通过 CodeSandBox 在线为该模块贡献代码

Edit @nuxtjs/color-mode

或在本地

  1. 克隆此仓库
  2. 使用 pnpm install 安装依赖
  3. 使用 pnpm dev 启动开发服务器

许可证

麻省理工学院许可证

版权所有 (c) Nuxt 团队