前端主题切换方案 现在我们经常可以看到一些网站会有类似暗黑模式/白天模式的主题切换功能，效果也是十分炫酷，在平时的开发场景中也有越来越多这样的需求，这里大致罗列一些常见的主题切换方案并分析其优劣，大家

一、问题背景在新的需求中，视觉设计师的要求把项目中原有的主题色需要从黄色 替换为 蓝色换肤这个动作在项目打包前是不知道，而是在打包之后根据条件进行切换的。因此需要保留两套样式：黄色主题色皮肤 和 蓝色

背景 很多网站都有一键换肤的功能非常炫酷，多主题切换针对不同的系统也很方便，本文来探讨下基于 vue 的方案 开胃菜--暗黑模式 自从 macOS的暗黑模式 Dark Mode 出现以后就火起来了，具

根据预设的配色方案，在前端实现动态切换系统主题颜色。 大概的思路就是给html根标签设置一个data-theme属性，然后通过js切换data-theme的属性值，Scss根据此属性来判断使用对应主题变量。这里可以选择持久化Vux或接口来保存用户选择的主题。 这里定义了一个ma…