使用角材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种颜色的主题

回答

相关问题