The Fox is watching you.

matcha主题bug修复第二弹

修复了保护内容输入密码和搜索框夜间字体颜色的bug
明确了自动关灯存在的问题

字体太深看不清

两处问题都是因为夜间模式的适配问题,两处input没有明文color属性,而使用了默认的黑色字体。当更改为夜间模式时,黑色背景下字体就不可见。修复也很简单,统一使用--text-color即可,该颜色随夜间模式变化。

保护内容

如果没有修改过,位置在 pathToMatcha/assets/matcha/matcha.post.css,661行protected段落,添加typepasswordinputcolor属性,参考:

.protected input[type="password"] {
        color: var(--text-color)
}

其中--text-color是在其他地方(默认是黑色,夜间模式修改为白色)定义的css变量。

搜索框

如果没有修改过,位置在pathToMatcha/page-archive.php,13行input标签处,修改标签添加style="color: var(--text-color)",参考:

<input type="text" placeholder="搜索博客文章" name="" id="input_search" value="" style="color: var(--text-color)"/>

自动关灯

这个问题matcha似乎是没有问题,问题出在了浏览器可能默认给出深色模式。如果有需要,可以把适配浏览器的那几行注释掉就好。

夜间模式切换的实现方法是Date()获取用户本地时间,判断时间是否满足切换要求,默认晚6点至早6点是夜间模式。else if 检测用户浏览器是否开启深色模式。

如果没有修改过,位置在 pathToMatcha/assets/matcha/matcha.js,有需求自行调整就好。

我的方法是,更改提示语即可,使适配深色模式和夜间自动关灯,还有设置夜间模式的提示语有所区别。

添加新评论