如何使用Material Design Lite自定義顏色？

Question

我是Material Design Lite的新手。我想使用自定義配色方案，特別是原色和重點顏色。

我看過他們的theme builder tool，但它只提供幾種顏色。

我該怎麼做？我如何在使用Material Design Lite的網站中使用自定義（主要和重音）顏色（未包含在其主題構建工具中）

Answer 1

我認爲沒有現成的方法來實現這一點。

我想我們可能要鼓搗各地_color_definitions.scss作爲主題選擇器選擇，就像

$palette-red: 
"255,235,238" 
"255,205,210" 
"239,154,154" 
"229,115,115" 
"239,83,80" 
"244,67,54" 
"229,57,53" 
"211,47,47" 
"198,40,40" 
"183,28,28" 
"255,138,128" 
"255,82,82" 
"255,23,68" 
"213,0,0"; 

或建立自己的青菜規則來生成所需的自定義主題已預先定義的顏色。

Answer 2

現在有辦法做到這一點，檢查出this question（包括答案​​中的修復）。

簡而言之：（下面的線被截斷並從這個問題固定的，但我沒有測試他們自己）

SCSS：

@import 'colors'; 
@import '../../../node_modules/material-design-lite/src/material-design-lite'; ` 

_colors.scss：

$color-primary: "255, 0, 0"; 
$color-accent: "0, 0, 255"; 

Github reference