如何完全自定义角度材料副标题组件？

Question

嗨，我对如何设置角度材料成分（角度1.4）感到非常困惑。

我基本上从材料网站获取源代码并将其放入我的项目中：

https://material.angularjs.org/latest/demo/subheader

我想要一个带有粘性标题的列表，因此这个组件非常完美。但是，我需要颜色不同 - 非常不同。

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

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

Answer 1

如果您下载了整个包，您将在/ 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}}'; }

将其添加到material_custom.css

将这些设置为您喜欢的值，然后在您需要的元素上使用md-THEME_NAME_YOU_CHOOSE。

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