Aurelia應用程序的自定義動態CSS

我試圖製作一個白標網站，根據訪問該網站的域名可以改變標題和CSS主題。我一直無法找出將自定義主題CSS動態插入到整個Aurelia應用程序的最佳方法。我希望允許組織更改主要和次要主題顏色及其圖標圖像，並根據用於訪問應用程序的域名將其應用於Aurelia應用程序。我希望能夠將這些值存儲在數據庫中並動態創建CSS，以便在更改顏色/徽標值時更改主題。Aurelia應用程序的自定義動態CSS

關於如何解決這個問題的建議將不勝感激。

來源

2016-03-12 William

這實際上可能是更容易取決於你如何是處理服務器上交付最初的index.html頁面。您可以改爲創建index.php | aspx | js，並根據域動態地包含正確的樣式表導入。 –

如何使用[Aurelia PAL]（https://github.com/aurelia/pal/blob/master/src/index.js#L273）和 'injectStyles（styles：string，destination ?: Element，prepend？：布爾）'方法？我可以設置一個基於服務器的動態index.html | php | ...，但我希望保持網站靜態，只處理服務器端的REST API。 – William

我使用CSS變量此https://jonathan-harrell.com/live-theming-with-css-variables/

基本上，在你的CSS文件中使用CSS變量，然後

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

來源

2018-02-05 20:31:28 William

Aurelia應用程序的自定義動態CSS

回答

相關問題