通过 100+ 个技巧学习 Nuxt!

color-mode
@nuxtjs/color-mode

为 Nuxt 提供深色和浅色模式,并支持自动检测

@nuxtjs/color-mode

Nuxt Color Mode

npm versionnpm downloadsLicenseNuxtVolta board

🌑 深色和 🌕 浅色模式,通过 Nuxt 轻松实现自动检测。

nuxt-color-mode

在线演示

特性

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

📖  阅读更多

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

贡献

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

Edit @nuxtjs/color-mode

或本地

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

许可证

MIT License

版权所有 (c) Nuxt Team