通过 100+ 个技巧学习 Nuxt!

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 主题化
  • 强制页面使用特定的颜色模式(非常适合增量开发)
  • 支持客户端和服务端渲染
  • 自动检测系统 颜色模式
  • 支持 IE9+ 👴

📖  阅读更多

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

贡献

您可以使用 CodeSandBox 在线为此模块做出贡献

Edit @nuxtjs/color-mode

或在本地

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

许可

MIT 许可证

版权所有 (c) Nuxt Team