端开发中，主题色管理是构建现代化、个性化应用的关键需求。theme-colors 库通过简洁的API和强大的功能，帮助开发者轻松实现 动态主题色切换、颜色派生和主题持久化 等功能。

npm install theme-colors

• initTheme 接收主题配置和选项参数
• cssVars : true会自动生成--primary等CSS变量
• storageKey 实现主题状态持久化

基础使用

动态切换主题色

生成颜色梯度

• generateColors 自动生成颜色梯度数组
• 适用于创建统一的设计系统色板

高级功能

暗黑模式切换

• 结合CSS类名和颜色计算实现模式切换
• 可自定义暗色生成算法

响应式主题更新

• 观察者模式实现主题变化监听
• 适用于需要动态响应的复杂组件

框架集成示例

Vue指令

React组件