关于动态换肤的解决方案

关于动态换肤的解决方案

最近在学习electron，希望在页面切换的时候动态更换背景色，也是参考了一个知名软件的效果，让我手痒起来，也想实现以下，之前在用element开发的时候接触到过换肤的一些思路，但是当时并没有这块的需求，也就搁置了，下面个跟大家探讨以下我的两种思路。
效果图

方式一 动态增加link标签

所谓动态增加link标签就是在需要换肤的时候，把需要更改的颜色进行关键字替换，把新生成的颜色代替掉旧文件的颜色，然后动态挂载到head中，从而实现样式的覆盖。这种方式也是element官方给出的解决方案，具体实现方式这里给出一小块代码体会一下，在GitHub上一个issue里比较详细，这里给出传送门，需要的去看一下。

 if (document.head.lastChild.innerText !== '') {
   //增加一个style标签
          const style = document.createElement('style')
           <