javascript - Angular Material 主题不变色

我正在使用Angular 1.4.3和Angular Material 0.10.0，并且正在尝试为我的应用程序使用内置主题“绿色”。但是，即使执行以下操作，颜色仍然是默认的靛蓝:

 angular.module('myApp','ngMaterial'])
  .config(['$mdThemingProvider', function($mdThemingProvider){
    $mdThemingProvider.theme('green');
    $mdThemingProvider.setDefaultTheme('green');
  }])

如果可以编辑此笔http://codepen.io/anon/pen/pJYJGb以使主题起作用，将很有帮助。然后，我可以将其应用于我的项目。

最佳答案

代码的问题在于，您无法在.theme('default')中指定颜色名称。

这是我用来更改md-toolbar的默认颜色codepen的代码。

我们可以通过以下方式使用themeprovider来更改angular-material的默认颜色:

.config(function($mdThemingProvider) {
  $mdThemingProvider.theme('default')
    .primaryPalette('green')
    .accentPalette('orange');
});

希望能帮助到你。

这是我从您的代码笔中获取并编辑的代码:

.config(['$mdThemingProvider', function($mdThemingProvider){
$mdThemingProvider.theme('default')
.primaryPalette('green');

}])
现在全是绿色。