Javascript 如何完全自定义“角度材质”子标题组件？

嗨，我很困惑如何设计角材质组件（angular 1.4）

我基本上是从这里的材料站点获取源代码，并将其放在我的项目中：

我想要一个带有粘性标题的列表，这样这个组件就完美了。然而，我需要不同的颜色-非常不同

例如，我需要背景为透明的深灰色，文本为浅灰色

---

如果可能的话，我想改变滚动条拇指的颜色了。那么，这可能吗？我尝试使用自定义主题，但它似乎只影响标题颜色。

如果您下载了整个包，您将在/modules/closure中找到所有组件的目录列表。在subheader文件夹中，您可以找到subheader-default-theme.css文件

.md-subheader.md-THEME_NAME-theme {
color: '{{ foreground-2-0.23 }}';
background-color: '{{background-color}}'; }
.md-subheader.md-THEME_NAME-theme.md-primary {
 color: '{{primary-color}}'; }
.md-subheader.md-THEME_NAME-theme.md-accent {
 color: '{{accent-color}}'; }
.md-subheader.md-THEME_NAME-theme.md-warn {
 color: '{{warn-color}}'; }

将其添加到您的材质_custom.css中

将这些设置为您喜欢的值，然后在需要的元素上使用您选择的md-THEME名称

---

如果需要进一步的样式设置，请检查元素并在已设置的主题中添加样式。

与其他任何内容一样…在浏览器开发工具元素检查器中检查应用于它的css规则，并根据HI添加新规则。谢谢你的回答，但我还是有问题。我在material framework中看到这个subheader-default-theme.css文件。你给我看这个是因为我应该修改它，还是为了让我知道要覆盖哪些css类？此外，我使用的是gulp和less，但不太了解它们的工作原理。当使用标记在项目中删除新样式表并将颜色放入“.md-subheader.md-default-theme{color:red；}”中时，它仍然不适用于我：/