Angular 2动态全局CSS

Question

我正在开发一个应用程序，每个用户都可以为其仪表板定义自定义颜色。 像textColor，accentColor和backgroundColor一样；

整个用户界面将使用这些颜色。

我知道如何动态设置css属性，但似乎每个元素都不正确。

我想知道是否可以创建动态CSS并将其注入到应用程序中。 （是否有太多解决方法？）

我设法通过使用服务器端生成的theme.css（类似于/users/1.css ）使其工作。 你能闻到吗？

正确的做法是什么？

Answer 1

我们开发了一个必须为白色标签的应用程序，因此我们为可编辑项目创建了指令，并且该指令侦听了处理来自服务器的布局包的服务，并在需要时覆盖了该属性。 在您的情况下，您可以选择仅具有textColor，accentColor和backgroundColor指令，而不是每个布局组件都具有自己的布局指令。

我当前正在寻找一种从服务器实际接收整个scss的方法，该方法将覆盖Sass中的变量，但是我找不到任何方法。

我还将分享这篇文章，这可能会有所帮助： https : //engineering.thetrainline.com/how-we-implemented-a-single-page-application-using-react-3f22e4d545c4