暗色模式适配剩余的待解决问题
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;看起来就是注释掉的这一行导致的。所以当时把这行注释掉，有什么其他原因吗？
解除注释后：
