暗黑模式实现方式

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

我们将24小时内回复。
2023-12-01 22:48:03
您好,有任何疑问请与我们联系!
您的工单我们已经收到,我们将会尽快跟您联系!
取消

选择聊天工具: