我正在尝试为我的 angular 2 应用程序创建一个自定义主题,该应用程序使用了 angular material 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);
但是,这似乎不起作用。欢迎大家提出意见。