1
我正在使用角材料2構建angular2應用程序。我試圖設置我的應用程序的背景「正確的方式」，但我無法弄清楚如何。Angular Material2主題 - 如何設置應用背景？
我發現我可以在我的<body>元素上使用的課程：mat-app-background我可以添加，這給了我一個默認的顏色（取決於我是否使用淺色或深色主題）。
我想定義這種背景顏色來使用我品牌的顏色，但我無法弄清楚如何去做。
在_theming.scss它的定義，像這樣：
// Mixin that renders all of the core styles that depend on the theme.
@mixin mat-core-theme($theme) {
@include mat-ripple-theme($theme);
@include mat-option-theme($theme);
@include mat-pseudo-checkbox-theme($theme);
// Wrapper element that provides the theme background when the
// user's content isn't inside of a `md-sidenav-container`.
.mat-app-background {
$background: map-get($theme, background);
background-color: mat-color($background, background);
}
...
}
所以我認爲這將是有意義的嘗試添加背景顏色爲我的自定義主題，不知怎麼的，但我不明白爲什麼這樣做。
在材料2 theming文檔它僅表示：
「以角材料，一個主題是通過合成多個調色板創建特別地，主題的組成：。
- 初級調色板：顏色最常用於所有屏幕和組件
- 重音調色板：用於浮動動作按鈕和交互元素的顏色
- 警告調色板：用於傳達錯誤狀態的顏色
- 前景調色板：文字和圖標的顏色。
- 背景調色板：用於元素背景的顏色。 「
我怎樣才能增加我的背景主題，或做任何其他方式
感謝您的輸入！你是否建議我爲背景創建一個全局CSS類？我認爲將它添加到主題中會更好，所以我可以通過'color'指令訪問（就像你建議的：'color =「background」'）。有可能這樣做嗎？ – Narxx
以及如果您正在嘗試爲您的網站添加背景，那麼您可能應該只使用身體標記，並且可以使用mixin提取顏色。如果您使用材質或材料編寫自定義組件，則應該將自動顏色的主題顏色合併，假設其他人會使用您編寫的組件（日期選擇器等）。如果使用內置材質組件，則會暴露[color] = primary，不是以正常的角度或HTML開箱即可存在。 – Zuriel
如何爲'
'標籤設置背景？除了在'index.html'內部進行硬編碼之外，例如：''？ '