Angular Material 主题没有改变颜色

Question

我正在使用 Angular 1.4.3 和 Angular Material 0.10.0，我正在尝试为我的应用程序使用内置主题 "green"。但是，即使我完成了以下操作，颜色仍然是默认的靛蓝：

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

如果可以编辑此笔 http://codepen.io/anon/pen/pJYJGb 以使主题正常工作，将会很有帮助。然后我可以将相同的应用到我的项目中。

Answer 1

您的代码存在问题，您无法在 .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');

}])

现在全是绿色了。

Angular Material 主题没有改变颜色

Angular Material theme not changing colors

javascript

css

angularjs

angular-material