2016-12-06 16 views
3

Material Design Liteを初めて使用しています。私はカスタムカラースキーム、特にプライマリカラーのアクセントカラーを使用したいと思います。Material Design Liteでカスタムカラーを使用するには?

私は彼らのtheme builder toolを見ましたが、それはのみいくつかの色を提供しています。

どうすればいいですか? Material Design Liteを使用している自分のサイトにカスタム(プライマリとアクセント)カラー(テーマビルダーツールに含まれていない)を使用するにはどうすればいいですか?

答えて

2

私はこのことを達成するためのすぐれた方法はないと考えます。

私たちは

$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"; 

か、必要なカスタムテーマを生成するために、独自のSASSのルールを構築するように、テーマピッカーで選択した事前定義された色を持っている周り_color_definitions.scssいじくり回すする必要がありますね。

0

これまでのところ、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

関連する問題