在Material Design Lite中，您可以将CSS类添加到组件以更改背景颜色或文本颜色：
mdl-color--{color-name}-{shade}
mdl-color-text--{color-name}-{shade}
要将div 的背景颜色设置为橙色，您可以执行以下操作：
<div class="mdl-color--orange">...</div>
当颜色名称有两个词时，有谁知道该怎么做，例如浅蓝色、浅绿色等？我尝试了几乎所有我能想到的破折号和下划线的组合，但没有运气。
你用一个破折号将它们分开。例子：
-
mdl-color--light-blue-100 -
mdl-color--light-green-A100 -
mdl-color-text--deep-orange -
mdl-color-text--blue-grey-700
不要忘记您需要将它们包含在您的主题中。