夜间反色

夜间字图扩展让透明背景的单色图片随暗色主题反色。它主要解决生僻字、特殊符号等文字替代图片在深色背景上看不清的问题。

适合用在

照片、彩色插画和本身包含背景色的图片不适合自动反色。

把声明直接写在需要反色的图片上：

.text-image {
  display: inline-block;
  height: 1em;
  vertical-align: middle;
  reeden-dark-mode-invert: true;
}

<p>
  正文中的<img class="text-image" src="../Images/symbol.png" alt="特殊符号" />字图。
</p>

日间主题保持原图，暗色主题对图片反色。该声明不会自动传递给后代元素，应写在实际的 img 上。

值	效果
`true`	在暗色主题中反色
`auto`	当前与 `true` 相同

建议使用 true，含义更直接。false、yes、1 或其他值都不会启用反色。

确认声明直接写在普通 img 实际命中的选择器上，并使用 true 或 auto。

这个效果只适合单色字图。照片和彩色插画应准备本身适合明暗背景的素材。

dark-mode-invert 是 reeden-dark-mode-invert 的兼容写法。