angular material 2のいくつかのコンポーネントを使用しているangular 2アプリ用のカスタムテーマを作成しようとしています.
これをグーグルで検索しようとしましたが、あまり見つかりませんでした。利用可能な唯一のドキュメントは、Angular Material に関するものです:- https://material.angularjs.org/latest/Theming/03_configuring_a_theme
angular 2 に対応するドキュメントを見つけることができませんでした。
これまでのところ、@angular2-material/core/style の下に _default-theme.scss という名前のファイルがあり、以下の内容であることがわかりました:-
@import 'theme-functions';
@import 'palette';
// Person creating a theme writes variables like this:
$md-is-dark-theme: false;
$md-primary: md-palette($md-teal, 500, 100, 700, $md-contrast-palettes);
$md-accent: md-palette($md-purple, 500, 300, 800, $md-contrast-palettes);
$md-warn: md-palette($md-red, 500, 300, 900, $md-contrast-palettes);
$md-foreground: if($md-is-dark-theme, $md-dark-theme-foreground, $md-light-theme-foreground);
$md-background: if($md-is-dark-theme, $md-dark-theme-background, $md-light-theme-background);
私が変更され
$md-primary: md-palette($md-teal, 500, 100, 700, $md-contrast-palettes);
に
$md-primary: md-palette($md-blue, 500, 100, 700, $md-contrast-palettes);
ただし、これは機能していないようです。どんな提案でも大歓迎です。