xxhk.org

学习骇客

Anki 模板之夜间模式的修改方法|学习骇客

2025 / 2 / 12

  1. 进入模板的设置界面

  1. 先切换“正面”“背面”看看有没有自定义样式,找到与颜色有关的设置。

  1. 修改 color: 后面的颜色为其他颜色,例如“white”,对比上图可以发现,在深色模式下就更清晰了。

  1. 切换到“样式”,修改卡片全局的夜间模式,找到下图的“.card”,修改为“.card.nightMode”(注意,与后面的花括号之间有一个空格),然后修改其下的颜色 color 后面的颜色设置。

如下图所示,把 color 文字颜色改成了“white”,这样在深色背景上对比更明显,因此显示更清晰。另外,把 background-color 一条删除了,因为夜间模式已经指定了背景色为深色。

以上就是两类修改方法,此外还有一些单独设计的样式,如果在夜间模式下不显眼,可以继续往下看。

  1. 搜索“color”便能找到所有与颜色、背景色相关的设置,在如图所示的前面添加“.nightMode ”(含一个空格),然后修改其下“color: ”后面的颜色,可以用常见颜色的英文单词表示,例如“color: red;”“color:yellow;”等等,只要在深色背景上显眼即可。

如果某些样式下没有“color: ”,而是使用了默认的颜色,那可以手动添加并设置颜色。

总结起来就是,除了开头的“.card”在其后添加“.nightMode”外,其他都是在之前添加“.nightMode ”(含空格),具体可以参考 Anki 手册 里的例子(注意观察空格的有无和空格的位置):

补充说明:

  1. color 就是文字颜色,background-color 就是背景色,其后可以是 yellow 这样的表示颜色的单词,也可以像“#f5f5f5”这样的色值,或者颜色的其他表达形式。但对于小白来说,就用单词就可以了。

  2. 夜间模式(深色模式)和常规模式(浅色模式)的主要区别在于底色变成了深色,导致原本在浅色模式上能显示的深色到了深色背景上就无法清晰地显示了,因此调整夜间模式就是调整其他颜色与之搭配的效果。