Monday, October 19, 2026 21:57

Dark Reader 的 UX 设计是有些奇怪的。扩展面板第一排是两个按钮，第一个是叉和勾图标及当前网站域名，第二个是 On 和 Off 的切换。

我个人认为这个叉和勾并不能准确反映含义，一种解释是是否对此网站应用暗色样式，无论其原配色是暗色还是亮色（这是实际的含义），另外一种解释是是否对此网站启用 Dark Reader（即启用时自动检测主题再考虑是否应用，关闭时不做任何操作）。

误导性在哪里呢？首先前面这个按钮和后面这个按钮在同一排，含义应当是相近的。后面这个控制了是否全局启用 Dark Reader，而前面这个的文字使用的是 Host，我觉得这更容易让人联想到这是对特定网站是否启用 Dark Reader（而真正代表这个含义的按钮在下面）。

我要如何才能区分出到底有没有用的是自带的暗色主题还是 Dark Reader 处理后的呢，要看小字 Dark theme detected。实在太容易被忽视了。

这些问题一度让我以为我的 blog 的 <meta name="color-scheme" content="dark light" /> 没有正确生效。