Nuxt Nation 大会即将到来。加入我们,时间为 11 月 12 日至 13 日。

color-mode
@nuxtjs/color-mode

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

@nuxtjs/color-mode

Nuxt 颜色模式

npm versionnpm downloadsLicenseNuxtVolta board

🌑 深色和 🌕 浅色模式,使用 Nuxt 简化自动检测。

nuxt-color-mode

在线演示

特性

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

📖  了解更多

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

贡献

您可以在 CodeSandBox 上在线为该模块做出贡献

Edit @nuxtjs/color-mode

或在本地

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

许可证

MIT 许可证

版权所有 (c) Nuxt 团队