众所周知，夜间模式（nightMode）会把页面背景调成深色，若文本颜色仍为黑色（或是深色），读者会根本看不见、或是很难看清文本。这不，Anki的夜间模式也遇上了这样的问题。
自己动手 - Anki模板适配夜间模式
Night Mode1
You can customize the way templates appear when night mode is enabled in the preferences screen.
If you wanted a lighter grey background, you could use something like:
1 | .card.nightMode { background-color: #555; } |
If you have a ‘myclass’ style, the following would show the text in yellow when night mode is enabled:
1 | .nightMode .myclass { color: yellow; } |
别的收获
现在回头看之前写的CSS，有很多处地方无脑加了color: black;，反倒是没加这一行的地方在夜间模式能正常显示（默认白色）。这种画蛇添足自找麻烦的事情我做了好多。
之前对网页元素使用的class毫无头绪，今天脑子终于转过弯来，直接到浏览器里看网页源码呀。然后就兴冲冲地打开AnkiWeb，检查元素，几个想要的class名一下子就找到了。