用于 Aurelia 应用程序的自定义动态 CSS

Question

我正在尝试制作一个白标网站，可以根据访问该网站的域名更改标题和CSS主题。 我一直无法找出将自定义主题CSS动态插入整个Aurelia应用程序的最佳方法。 我想允许组织更改主要和次要主题颜色及其图标图像，并根据他们用于访问应用程序的域名将其应用于Aurelia应用程序。 我希望能够将这些值存储在数据库中并动态创建 CSS，以便在更改颜色/徽标值时更改主题。

关于如何处理这个问题的建议将不胜感激。

Answer 1

我正在为这个 https://jonathan-harrell.com/live-theming-with-css-variables/使用 CSS 变量

基本上，在CSS文件中使用CSS变量，然后

document.documentElement.style.setProperty(`--background`, value);