如何在Angular CLI应用程序中动态更改主题颜色

Question

我使用Angular cli创建了一个应用程序，现在想要更改主题，也许基于客户将至少有不同的主题，配色方案。

我找到了一些解决方案，但只能帮助更改src文件夹中的主要style.less文件。在我的应用程序中，我分成小组件，每个组件都有他们的css文件，如果我改变主题，我希望每个组件都受到影响。

一直在考虑将所有css移动到一个文件中，但它听起来很愚蠢，可能会因为:: ng-deep的内容而非常复杂

有人对此有什么想法吗？

Answer 1

为此，我使用sessionStorage和[ngStyle]的组合来设置组件的样式，也将它用于前端和东西。

[ngStyle]="{'font-family': settings.fontFamily, 'font-size': settings.fontSize}"

对于颜色，可能必须在您使用的每个组件上添加此颜色。