如果我参考有关Colors的材料设计指南,他们会定义:
-
小学
-
主要变体
-
中学
-
次要变体
-
背景
-
表面
-
错误
角度材料定义
-
小学
-
中学
-
警告
此外,角度对比色相当于MDC中的On * .
1>在角度材质中,背景和曲面根据主题构建器功能设置为白色或黑色 . 无法访问自定义 .
[编辑](感谢@G.Tranter):这里自定义背景颜色
2>在Angular Material中,我可以定义3种颜色中每种颜色的较浅和较暗的变体,但我无法控制这些变体的使用位置! (除非我手动覆盖每个mat- *类......)
我能够用两种颜色(主要和重音)构建我的主题 . 但是,如果我不能将变体分配给特定的UI元素,我就不会明确定义变体 .
[edit](感谢@G.Tranter):在Angular Material中,变体的使用由组件本身定义 .
如果我参考材料设计示例(上面链接的相同页面)我无法使用主要,主要变体和次要重现主题,例如...
我错过了什么 ?或者有人可以告诉我这两个主要的主要限制?
[编辑](感谢@G.Tranter):在Angular Material中我们可以定义第二个主题(具有主色和强调色),这些主题将应用于特定的CSS类
.item-second-theme {
@include angular-material-theme($second-theme);
}
1 回答
这两者都不是限制(至少完全是限制) .
在将主题应用到应用程序和Angular Material之前,可以通过修改主题来自定义前景和背景 . See this post . 但是,从材料设计的角度来看,使用背景和前景调色板可能不是一个好主意,因为通常没有理由不使用Angular Material中的默认调色板 .
您无法控制Angular Material组件如何使用变体 - 这是组件本身设计的一部分 . 但是,您可以在创建调色板时控制这些变体的内容 . 例如:
要么
当然,您可以在自己的组件中完全控制如何使用阴影 .