Css 如何修改参数'；来自typescript的sass文件中的s值？

我正在尝试更改myComponent.ts中“./myStyle.scss”文件中变量的值。我读到这是不可能实现的，因为sass文件是由sass预处理器编译成css的，并且变量是不显示的。难道没有办法解决这个问题吗

我的变量叫做$theme。 我想改变它的价值

$theme:#5A352A；

---

我希望它成为$theme:#ffffff；当用户单击时，您必须以不同的方式工作

基本上，当您编译angular应用程序时，它将生成一个css文件，在该文件中，无论您在哪里使用变量，它都会用值替换变量

因此，如果您想要实现颜色更改，您必须创建其他变量和其他类，并在类属性中滑动它（这是一种方法，还可以在角度参考中选中ngStyle和ngClass）

例如，白色主题/黑色主题（最常见的情况）。 变量->

$black:#00000$白色：#ffffff

示例类：

.body-dark {
 background-color: $black;
}

.body-white {
 background-color: $white;
}

并滑动html元素中的类

setDark(){
document.getElementById("bodyId").setAttribute("class","body-dark ")
}

---

白色也一样。

请参阅此帖子：可能是重复的谢谢。我已经知道这种方式，但我发现它非常沉重，你想在屏幕上更改的所有内容都必须具有此属性。当你的主题有很多颜色时，它会变得更重。你可以使用ngStyle和ngClass，这有助于找到适合你需要的解决方案