与md颜色的白色背景

时间:2016-07-21 09:59:46

标签: javascript html angularjs angular-material

使用角度素材中的md-colors,是否可以将背景设置为白色,而无需定义自定义白色托盘?

我以为我可以使用灰色托盘,因为documentation说:

  

背景 - 灰色(请注意白色在此调色板中)

所以我尝试了

<div md-colors="{background: 'grey-50'}">

grey-50仍然只是浅灰色,而不是白色。

我尝试了<div layout-padding md-colors="{background: 'white'}">,但白色托盘似乎并不存在于角质材料中。 我收到错误angular.js:13711 mdColors: couldn't find 'white' in the palettes.,因为没有白色托盘。

有没有办法从灰色托盘中获取白色? (色调,不透明度等)

如果没有,是否有办法使用角度材料从任何其他托盘访问白色?

如果一切都失败了,我可以定义一个完整的白色托盘/主题并使用它,但如果有正确的方法,我宁愿避免这样做。

3 个答案:

答案 0 :(得分:14)

您可以在the theme file中找到源中的所有调色板及其颜色。

它应该是A100,但我没有尝试过。

<div md-colors="{background: 'grey-A100'}">

答案 1 :(得分:2)

您可以尝试在grey-50处提供不透明度。像这样的Somtehing:

<div md-colors="{background: 'grey-50-0.1'}">

(其中0.1是不透明度)

完整文档: https://material.angularjs.org/1.1.2/api/directive/mdColors

答案 2 :(得分:1)

您还可以使用此plunker中的md-colors来查看Sander Elias的颜色和色调。它演示了前景色和背景色的颜色类名称的结果。希望它可能有所帮助。