暗黑模式实现方式

通过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/