Wie ändere ich - primäre Farbvariable in Polymer, wenn man Komponenten durch PolyGit lädt

Question

Ich verwende Polygit, um die Polymerkomponenten zu laden. Gibt es eine Möglichkeit, --primary-color ohne CSS-Hacks zu überschreiben?

Dies ist die Art, wie ich bin Polymer Laden ....

<base href="http://polygit.org/polymer+v1.4/components/"> 
<link href="polymer/polymer.html" rel="import"> 
<link rel="import" href="paper-button/paper-button.html"> 
<link rel="import" href="paper-input/paper-input.html"> 
<link rel="import" href="paper-input/paper-textarea.html"> 

Answer 1

verwenden in Ihrem benutzerdefinierten Element

:host{ 
    --primary-color:blue; 
} 

Oder Sie, wenn Sie es in HTML tun dann custom-style verwenden und Aktualisieren Sie den Wert in :root, um es überall anzuwenden, oder innerhalb Element, um es auf ein bestimmtes Element anzuwenden

Wenden Sie es auf alle Elemente

<style is="custom-style"> 
    :root{ 
    --primary-color:blue; 
    } 

es einzelnes Element Nehmen

<style is="custom-style"> 
    paper-card{ 
    --primary-color:blue; 
    } 

Alternativ, wenn Sie eine Anwendung entwerfen i app-theme.html zu schaffen würde empfehlen, die Ihr zentrales Repository für Ihre Anwendung Thema sein werden und die app-theme mit link Tag importieren .

Bitte lesen Sie Polymer documentation für weitere Details über Styling oder lesen Sie in diesem polycast