javascript - 编译应用程序后实际上可以编辑 Bootstrap scss 变量吗？

Question

我希望我的问题不是太含糊。问题是，我的项目是用 Angular 创建的，我正在使用 Bootstrap 进行样式设置。目前我正在用我的 custom-variables.scss 文件正确地覆盖 Bootstrap 变量。这样我可以为每个 HTML 元素设置不同的原色：

$theme-colors: ("primary": #C7201F);

我想要实现的是能够使用例如 Angular 服务来更改这种颜色，用变量（主题更改功能）交换颜色本身，但我很难找到解决方案问题。我不是一个熟练的程序员，首先我必须了解这件事是否可能。

能够更改主变量的颜色似乎是创建颜色切换主题的最佳解决方案，而无需手动覆盖.btn和.btn-primary来自 css 的类，我认为这不是最佳解决方案，因为按钮后面有很多属性引导程序中的样式。

颜色交换功能必须在应用程序运行时可见，所以恐怕这是不可能的......无论如何，如果你愿意提供帮助，我愿意接受不同的解决方案，谢谢。

标签： javascripthtmlangulartypescripttwitter-bootstrap