根据按钮单击更改 scss 变量值

Change scss variable value based on button click

我正在创建一个 angular 7 应用程序,它有一个带有 3 个按钮的主欢迎屏幕(比如重定向到男士、女士、儿童主页)。我只有一个主页组件,每个页面都有相同的布局。但是他们的主题颜色不同。我如何根据某些 angular 逻辑在单个组件上应用 3 种不同的颜色。我只需要纯 scss 或基于 angular 的答案。谢谢

我建议使用 Css Variables 我为 here

找到了一些示例 code