javascript - 如何在 JavaScript/CSS 中检测 MAC OS 反转颜色模式？

Question

如果操作系统处于高对比度模式，我想做一些额外的对比度工作。在 Windows 中，我们可以使用像这样的媒体查询

@media screen and (-ms-high-contrast: active) {}

这将通过媒体查询检测到这一点，我们可以从那里扩展功能。如果我们在 Mac OS 中没有这样的媒体查询，也许有一个 JS 替代品？或者它是否以如此低的水平反转了我们根本无法真正观察到的颜色？

Answer 1

您现在可以在 Safari 技术预览版中执行此操作:

@media (inverted-colors) {
    img.cancel-inversion {
        filter: invert(1);
    }
}

你应该使用它:

• 照片
• .icns-ish 图标图像(应用程序图标之类的东西都可以)

你不应该使用它:

• 文本图像(我的意思是，you shouldn't use images of text，但如果您出于某种原因必须...不要在这些图像上使用此技术!)
• 装饰图片
• 单色字形(看起来像字体图标的东西)

当我们讨论这个主题时，减少运动媒体查询现在也在 Safari 技术预览版中。