CSS: background:window 与 color: WindowText

1. 重现代码

---

有一段这样的 css 样式

background: window;
color: WindowText;
border: 1px solid WindowText;

我们一般都是直接写颜色，很少遇见这样的写法。通过查阅资料，明白了它的用法。

2. 使用方法

---

window 代表操作系统的主体色，移动端也有效。

WindowText 代表操作系统的字体颜色，移动端也有效。

3. 应用场景

---

当操作系统主题颜色发生改变的时候，被使用 window 颜色的地方会随之改变。

当操作系统字体颜色发生改变的时候，被使用 WindowText 颜色的地方会随之改变。

我们以微信为例，当手机为浅色模式时，微信界面颜色默认均为白色，字体颜色默认均为黑色。

当手机系统切换为深色模式的时候，微信界面会对应的切换颜色，如下图所示。