暗色模式适配剩余的待解决问题
RalXYZ opened this issue · comments
在 #30 中,我们修复了不少与暗色模式适配的问题。这包括右键菜单,插入代码块时的语言选择弹框等等。
然而,事实是,仍存在一些与暗色模式适配相关的问题;它们中的一部分严重影响用户体验,亟待解决。
以下截图展示了右键菜单的两个显著问题:
- 当按钮处于未激活状态时,其背景为亮色。
- 当鼠标指针悬浮在按钮上时,悬停文本框是亮色风格。悬停文本框的问题也在其他组件上存在。
此外,在我的设备上,设置页面的背景为亮色,而它理应是暗色:
除上述问题之外,存在若干其他与暗色适配相关的问题;而我认为,上述问题应当优先解决。
这些问题确实亟待解决……
在Typora的官方文档中,没有地方提到窗口样式的tag selector规范,也没有其他的地方存在说明,唯一的办法还是只能参考它自带的night主题或其他有完整深色模式支持的主题样式……
在Windows上,Typora有点像一个以Chrome为内核的浏览器(就是不能浏览网页),所以有几乎所有的窗口和内容都可以通过一定的CSS来控制(不能写JS差评)。随着Typora自己的更新,主题文件似乎也需要跟上新功能的样式适配,所以出现了这种右键菜单的问题……以及它的设置界面既有自己的CSS选择器标签,也同时共用了诸如H2这样的tag样式选择器,所以出现了这种不伦不类的情况……
而在macOS上,Typora还是比较规范的软件,像设置界面仍然遵守系统的深色模式设置:
同时它也没法在macOS右键菜单上做拓展功能……因此当前主题在macOS上的深色模式支持看上去还是基本没有问题的……而我自己使用的是macOS平台,所以之前没有发现这些不适配的情形……🥲
因此可能需要使用Windows平台的大佬帮忙对这些未适配的样式进行适配……🥺
@Keldos-Li 这边已经定位到问题了。
--select-text-font-color: #161616;
/*--bg-color: hsl(0, 0%, 15%);*/
--mermaid-theme: night;
看起来就是注释掉的这一行导致的。所以当时把这行注释掉,有什么其他原因吗?
解除注释后: