更改<a>元素颜色darkmode.js

Question

我添加了3个来自fontawesome的图标，图标的颜色如下：

​

我想使图标的颜色为黑色，但当我添加darkmode.js并使站点进入深色模式时，图标不会改变颜色，它们仍然是黑色的，并且不会出现。

我该如何修复它？

Answer 1

您可以使用.darkmode--activated选择器在深色模式下更改文本颜色。

因为我们看不到你的超文本标记让我们假设这个图标有social-icons类，你可以创建一个css规则将它们的颜色改为白色：

.darkmode--activated .social-icons {
  color: white;
}