如何在 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}"

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