动态主题色方案

设计侧

设计者需要梳理项目中用到的主题色（随主题变化的颜色），一般包括页面背景色、主题色、字体色等。在后续添加主题的时候，必须按照最开始定义的主题色进行设计。
如：

主题一：

主题二：

开发侧

开发者在还原设计稿前需要对每一个主题色设置全局CSS变量，在用到主题色的地方全部使用主题色变量替代。
如：

设置全局主题色变量：

使用主题色变量

确保遵循以上规范，就可以通过修改主题色配置，来动态更改项目主题了