在CSS变量之间并向元素添加新类，这些元素对于实现暗模式的成本最低？]

Question

我正在尝试为我的网站（使用React构建）实现“暗模式”。我应该使用css变量还是应该为“亮”和“暗”模式定义不同的类？

哪种解决方案更好？

尽管目前很小，但该网站有望扩展到巨大的规模。

也欢迎任何替代解决方案。

我正在尝试为我的网站（使用React构建）实现“暗模式”。我应该使用css变量还是应该为“亮”和“暗”模式定义不同的类？哪种解决方案更好...

Answer 1

我使用JavaScript在两个类之间进行切换。效果很好。但这是一个很小的站点，因此我在黑暗和明亮模式下的课程不会过分膨胀。

Answer 2

您可以使用styled-components库来自定义主题切换。这很容易而且很乐观。