Как использовать пользовательские цвета с помощью 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 (включая исправления в ответе).

Вкратце: (следующие строки были взяты и зафиксированы от этого вопроса, но я не проверял их сам)

СКС:

@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