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

Sass 根据单击按钮更改scss变量值,sass,angular7,Sass,Angular7,我正在创建一个angular 7应用程序,它有一个带有3个按钮的主欢迎屏幕(比如重定向到男性、女性、儿童主页)。我有一个单一的主页组件,每个页面都有相同的布局。但是他们的主题颜色是不同的。如何根据角度逻辑在单个组件上应用3种不同的颜色。我只需要纯粹的SCS或基于角度的答案。谢谢我建议使用 我找到了一些很好的解决方案的例子。但是我在angular 7中使用了SCS。我需要解决这个问题。Thankscss不排除使用css变量,Sass、Less和Stylus只是预处理器。纯CSS代码是有效的SCS。

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

我建议使用
我找到了一些很好的解决方案的例子。但是我在angular 7中使用了SCS。我需要解决这个问题。Thankscss不排除使用css变量,Sass、Less和Stylus只是预处理器。纯CSS代码是有效的SCS。因此不需要任何解决方法。Thansk需要帮助:)