2017-04-27 2 views
0

Ich arbeite an einem Projekt mit dem Framework materialize und frage mich, ob es möglich ist, Farben zu der Farbpalette hinzuzufügen. Ich versuche, benutzerdefinierte Farben zu implementieren, indem ich das Stylesheet materialize variables darauf abziele.Materialize: Hinzufügen von Farbe zu der Farbpalette?

$primary-color: color("materialize-red", "lighten-2") !default; 
$primary-color-light: lighten($primary-color, 15%) !default; 
$primary-color-dark: darken($primary-color, 15%) !default; 
$secondary-color: color("teal", "lighten-1") !default; 
$success-color: color("green", "base") !default; 
$error-color: color("red", "base") !default; 
$link-color: color("light-blue", "darken-1") !default; 

Ich weiß, wie die Farben zu ändern und die, die auf der Materialise Palette verwenden, aber was ist, wenn ich von einem Client-Sonderfarben verwenden muß. Wie ich gefunden habe, ist das Markup sehr empfindlich und Sie können nicht einfach eine Farbe innerhalb hinzufügen.

ich diese Methode unten versucht, aber nicht funktioniert (ich einen Fehler auf der Leitung 59 in meiner _variables.scss Datei geworfen bekommen. Etwas mit „lighten“ zu tun) wäre toll Dank https://github.com/ernestomancebo/materialize-custom-colors/blob/eb6d25f1712078d1348968fa7851e714668ef6c5/README.md

jede Art von Hilfe

Antwort

0

Ein wenig spät, aber Sie haben Import materialisieren Farbvariablen vor:

@import "materialize/components/color-variables"; 
$primary-color: color("materialize-red", "lighten-2") !default; 

Best, Alvaro.