HoはすべてのMarkup要素に角度テーマを使用しますか？

Question

テキストやヘッダー、リンクなど、テキストやその他のHTML要素にAngular Materialテーマを使用することはできますか？

私は、次のようなものを使用したいと思います：

<h2 color="'primary'">Text to be colored</h2> 

を私が検索し、例えばこの投稿を発見されていますGet Material 2 theme color scheme/palette for other elementsですが、あまりにも多いようですが、cssの代わりにscss個のファイルだけを使用することに同意しません。

これを実現する簡単な方法はありますか？例えば、theme.scssの他の要素のための余分な定義を追加する？

Answer 1

あなたのスタイルに色を設定するには、クラスを使用することができます。

<h2 class="app-primary">Primary</h2> 

このメソッドを使用すると、カスタムテーマを持っていることを前提としています

$app-primary: mat-palette($mat-indigo); 
// ... 

.app-primary { 
    color: mat-color($app-primary); 
} 

または：

.app-primary { 
    /* Insert hard-coded value here */ 
    color: #3F51B5; 
}