Angular：主题切换器

Question

过去我们已经完成了主题切换。在Angular 1.5我们有3个CSS文件。主布局文件和2个颜色的css文件。当用户选择一个主题时，我们将应用适当的颜色CSS文件来改变主题。

现在在Angular 2+我们使用sass，每个组件都有自己的样式。我们不能使用相同的方法为每个主题创建一个'color'css文件。

Angular 2+什么是在每个组件有自己的css文件时切换主题的方法。我假设有一种方法可以告诉每个组件切换到主题颜色选择器？任何指导表示赞赏，谢谢

Answer 1

您可能想根据当前主题做Sass mixins。看看material主题是如何工作的。

在项目的根目录中，您可以拥有一个ming.scss文件，该文件使用mixin根据类设置不同的主题。然后，您可以通过更改课程轻松更改主题。