在運行時改變聚合物自定義樣式變量

Question

我有一個應用程序，我想在運行時改變整個主題。我在自定義樣式標記中定義了原色，如下所示：

<style is="custom-style"> 
    /* Application theme */ 
    :root { 
    --dark-primary-color: #3b280a; 
    --default-primary-color: #FDB815; 
    --light-primary-color: #fdd85f; 
    } 
</style> 

稍後可以爲這些變量應用其他值嗎？ 我試圖通過附加

<link rel="import" href="../styles/other-style.html"> 

在頭部添加新的自定義樣式的文件，但它不工作。我認爲聚合體在開始的時候就解釋了，對嗎？我現在考慮不使用自定義樣式，並將我的整個應用程序包裝在一個可以使用變量設置樣式的元素中，但是這看起來像很多工作，也許有人有更好的想法？

Answer 1

爲此，您可以手動

this.customStyle['--my-toolbar-color'] = 'blue'; 
    this.updateStyles(); 

看到的文檔part