vant 4即将正式发布,如果是 Vue 技术栈，开发移动端的项目，大多会选用 vant 组件库，目前截止2022-10-24 github star 多达 20.3k。
这次我们来分析 vant4 新增的暗黑主题是如何实现的。文章中的 vant4 的版本是 4.0.0-rc.6。vant 的核心开发者是@chenjiahan，一直在更新vant 。预计不久后就会发布 vant4 正式版。
介绍
Vant 是一个轻量、可靠的移动端组件库，于 2017 年开源。
目前 Vant 官方提供了 Vue 2 版本、Vue 3 版本和微信小程序版本，并由社区团队维护 React 版本和支付宝小程序版本。
特性
🚀 性能极佳，组件平均体积小于 1KB（min+gzip）
🚀 70+ 个高质量组件，覆盖移动端主流场景
🚀 零外部依赖，不依赖三方 npm 包
💪 使用 TypeScript 编写，提供完整的类型定义
💪 单元测试覆盖率超过 90%，提供稳定性保障
📖 提供丰富的中英文文档和组件示例
📖 提供 Sketch 和 Axure 设计资源
🍭 支持 Vue 2、Vue 3 和微信小程序
🍭 支持主题定制，内置 700+ 个主题变量
🍭 支持按需引入和 Tree Shaking
🍭 支持无障碍访问（持续改进中）
🍭 支持深色模式（从 Vant 4 开始支持）
🍭 支持服务器端渲染
🌍 支持国际化，内置 20+ 种语言包
版本提示
你当前浏览的是 Vant 4.x 版本 的文档，适用于 Vue 3 开发。如果你在使用 Vue 2，请浏览 Vant 2 文档。
浏览器支持
Vant 2 支持现代浏览器以及 Android >= 4.0、iOS >= 8.0。
Vant 3/4 支持现代浏览器以及 Chrome >= 51、iOS >= 10.0（与 Vue 3 一致）。
官方文档：https://youzan.github.io/vant/v4/#/zh-CN
