javascript - Dynamic Less Variables 重置 scss 样式

Question

我正在尝试动态更改 antd 的主题，以便在我的反应应用程序中切换暗模式。我有一个theme.dark.less文件和一个theme.light.less文件，它们看起来像：

.light{//theme vars}

.dark{//theme vars}

和一个切换样式，如下所示 document.getElementById('root').classList.remove('dark'); document.getElementById('root').classList.add('light');：颜色按预期变化。唯一的问题是所有旧样式都被覆盖回 antd 默认值。

我觉得这不是 antd 的问题，更多的是一个.less问题。我以前没有少用过，所以我不太清楚为什么要这样做。

类名被添加到根 div 并且所有样式都被覆盖。当我在检查器中删除类名时，它会恢复正常。

标签： javascript