将主题颜色从灰色更改为蓝色

Question

我正在尝试将 md-input-container 中占位符的默认 灰色更改为 Material 蓝色 。我曾尝试更改 documentation 中提到的默认主题，并尝试制作自己的主题来为特定的 view/ui 项目设置主题。但是，下面代码的 none 用于修改 md-input-container 占位符的颜色。我错过了什么？

mainApp.config(function($mdThemingProvider) {
    $mdThemingProvider.theme('alt')
        .backgroundPalette('blue-grey')
        .primaryPalette('orange')
        .accentPalette('green');
});

<md-input-container class="md-block" flex="30" md-theme="alt">
    <input required type="text" placeholder="Week"
           />

    <div ng-messages="$error">
        <div ng-message="required">This is required.</div>
    </div>
</md-input-container>

Answer 1

尚未找到执行此操作的官方方法。

您可以使用选择器（注意主题名称是其中的一部分）：

md-input-container.md-alt-theme label,
md-input-container.md-alt-theme .md-placeholder {
  color: rgb(96, 125, 139);
}

或者你可以修改foregroundPalette，好像输入标签用的是第三个：

$mdThemingProvider.theme('alt').foregroundPalette[3] = 'rgb(96, 125, 139)';

将主题颜色从灰色更改为蓝色

Changing theme color from grey to blue

javascript

css

angularjs

mean-stack

angular-material