使用角材2創建超過3種顏色的主題

當您創建theme for angular material2時，聲明可以設置以下顏色：主要，重音，警告前景色和背景色。使用角材2創建超過3種顏色的主題

但你創建一個主題的方式只支持3種顏色/調色板：

$candy-app-theme: mat-light-theme($candy-app-primary, $candy-app-accent, $candy-app-warn); 
@include angular-material-theme($candy-app-theme)

所以我的第一個問題是我怎麼可以定義爲一個主題和background顏色？

也可以定義更多的顏色嗎？例如我可以用custom components作爲示例

來源

2017-04-04 Jeanluca Scaljeri

前景色和background色都應用在調色板中。背景顏色是50,100,200等，而顏色則相反。檢查：

$md-my-fancy-pink: (
    50 : #fbe4ec, 
    100 : #f6bccf, 
    200 : #f08fb0, 
    300 : #ea6290, 
    400 : #e64078, 
    500 : #e11e60, 
    600 : #dd1a58, 
    700 : #d9164e, 
    800 : #d51244, 
    900 : #cd0a33, 
    A100 : #fff7f9, 
    A200 : #ffc4ce, 
    A400 : #ff91a4, 
    A700 : #ff788f, 
    contrast: (
     50 : #000000, 
     100 : #000000, 
     200 : #000000, 
     300 : #000000, 
     400 : #ffffff, 
     500 : #ffffff, 
     600 : #ffffff, 
     700 : #ffffff, 
     800 : #ffffff, 
     900 : #ffffff, 
     A100 : #000000, 
     A200 : #000000, 
     A400 : #000000, 
     A700 : #000000, 
    ) 
);

例如，當你創建一個材料按鈕<button md-raised-button>Click Me</button>，背景將是#e11e60和前景將是#ffffff。

一般背景和foregorund顏色可以通過css（styles.css）設置。這只是在CSS中的一行，它不需要讓它處理角材料。只要這樣做：

html, 
body { 
    background: #f2f2f2; 
    color: #333333; 
}

來源

2017-05-30 15:14:52

使用角材2創建超過3種顏色的主題

回答

相關問題