标签：暗黑模式

分类
一些积累

暗黑模式实现方式

通过sass(scss)结合css变量简易实现暗黑显示模式：

  1. Sass引入为包含css变量的参数, 如
    body{ font-color: $bfc; }

    参数：$bfc: var(—wbBfc, #666)；
  2. 通过js在外层，如body toggle class “wb-dm”, 来控制暗黑与正常模式的切换；
  3. 那么暗黑下的css变量改变数值即：
    .dm{
    –wbBfc: #ccc;
    …
    }

实践例子参考https://eyes.demo.wbolt.com/