我正在使用角度2材質的主題之一。我可以在材質組件上使用按鈕,工具欄上的主題顏色,使用color =「primary」。但我無法弄清楚如何主題div。我不想在.css文件中對散列進行硬編碼,因爲如果我決定更改主題,它需要在所有地方進行更改。我錯過了什麼嗎?什麼是最好的方法來做到這一點?如何將Div的背景顏色設置爲Angular 2中的主要主題顏色材質
1
A
回答
3
事實上,你不可能每一個HTML元素上使用color="primary"
。
我所做的是一個叫color-primary
@import '[email protected]/material/theming';
@include mat-core();
$primary: mat-palette($mat-deep-purple, 600, 500, 900);
$accent: mat-palette($mat-amber, A400, A300, A600);
.color-primary {
color: mat-color($primary);
}
.color-accent {
color: mat-color($accent);
}
當然類,我在這裏設置的顏色,但你可以創建另一個類,例如:background-color-primary
。
(這裏是我的示例項目的鏈接:Pizza-Sync)。
0
的最佳方式是使用所定義的調色板的背景和前景。如果你想添加屬性。
相關問題
- 1. 將角質材質2主題設置爲黑色主題
- 2. 如何設置與主題顏色不同的gwt材質元素的顏色?
- 3. 背景顏色變化材質設計
- 4. 爲什麼角度材質會設置背景顏色?
- 5. 爲div設置背景顏色
- 6. 如何調整角度材質默認主題中的顏色
- 7. Emacs顏色主題設置
- 8. Qt:如何設置QPushButton的背景顏色爲系統顏色?
- 9. 如何在Flutter中設置主屏幕的背景顏色?
- 10. 將gridview背景顏色設置爲datatable的顏色?
- 11. 爲Panorama標題設置背景顏色
- 12. Silverlight Jetpack主題背景顏色
- 13. 如何爲GridViewColumn設置背景顏色
- 14. 設置主題StatusBar組件的背景顏色
- 15. 設置StackPanel的背景WP7選擇口音(主題)顏色
- 16. 將背景顏色設置爲DotNet.Highcharts
- 17. 將背景顏色設置爲頁面
- 18. 如何將IFRAME的背景顏色設置爲其父文檔的BG顏色?
- 19. 如何設置tableView的背景顏色
- 20. 如何設置UIWebView的背景顏色
- 21. 如何設置UIWebView的背景顏色?
- 22. 用於提取背景顏色的材質設計API
- 23. 哪種顏色應該用作淺色背景上的主要文字顏色?
- 24. Angular4背景顏色設置
- 25. 設置VIM背景顏色
- 26. 設置背景顏色toolbaritems
- 27. 設置背景顏色CMDIFrameWnd
- 28. 設置行背景顏色
- 29. 設置背景顏色
- 30. 如何TextView的文本顏色設置爲特定的主題顏色
看起來我不得不使用SCSS。到現在爲止,我一直在用CSS做所有事情。只有CSS你可能知道任何解決方案? – user2255622
沒有抱歉,我只知道如何用SCSS做到這一點。那麼......其實你可能會靜態定義它,但如果你改變主題,它不會改變它......你應該真的用scss;)另外,你不需要在開始時改變任何東西,你可以使用sccs功能一點點一步,讓你的生活更輕鬆:) – Maxime
我只是爲最初的版本靜態地做了它,但它無視了主題本身的整個目的。那麼現在我已經轉向scss,現在工作正常。謝謝你 – user2255622