修复了保护内容输入密码和搜索框夜间字体颜色的bug
明确了自动关灯存在的问题
字体太深看不清
两处问题都是因为夜间模式的适配问题,两处input
没有明文color
属性,而使用了默认的黑色字体。当更改为夜间模式时,黑色背景下字体就不可见。修复也很简单,统一使用--text-color
即可,该颜色随夜间模式变化。
保护内容
如果没有修改过,位置在 pathToMatcha/assets/matcha/matcha.post.css
,661行protected段落,添加type
为password
的input
的color
属性,参考:
.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
,有需求自行调整就好。
我的方法是,更改提示语即可,使适配深色模式和夜间自动关灯,还有设置夜间模式的提示语有所区别。
评论区(暂无评论)