Javascript 如何创建动态favicon（取决于浏览器颜色）？

我在我的网站上添加了一个favicon，但是favicon是黑色的，例如在Mozilla FF黑暗模式下无法看到。如何（使用JS或HTML）检测浏览器颜色？

无法获取浏览器的颜色。唯一的可能是检测浏览器是否处于暗模式

---

这种情况下的解决方案显示在和下，但无法获得浏览器选项卡的颜色

浏览器没有颜色。你的问题表达得很糟糕，但我认为你想要一个透明背景的favicon

ico

和

png

图标可以拥有它。嘿，我指的是浏览器中的标签颜色。例如，我的chrome有灰色和Mozilla黑色。我的favicon是透明的，但徽标是黑色的，因此在Mozilla中看不到它。我创建了一个灰色版本的徽标，我想根据浏览器选项卡的颜色动态调用favicon。例如，如果你查看苹果网站apple，你会注意到apple favicon正在根据浏览器选项卡的颜色改变颜色。如何从浏览器中获取该值？这是不可能的，因为有充分的理由（安全、隐私等）。如果你想让你的图标在黑白两种颜色上看起来都不错，你应该添加一个小边框或一个实际的背景色。M8，这是可能的。我在多个网站上看到过。就像我说的，看看苹果的网站。他们创建了一个动态favicon，它会根据我的浏览器更改其颜色。相关：