Angular Material - 设置调色板

我正在尝试结合材料设计建立一个 Angular 项目。 我的 package.json 的一部分如下所示：

 "dependencies": {
    "@angular2-material/button": "2.0.0-alpha.3",
    "@angular2-material/card": "2.0.0-alpha.3",
    "@angular2-material/checkbox": "2.0.0-alpha.3",
    "@angular2-material/core": "2.0.0-alpha.3",
    "@angular2-material/input": "2.0.0-alpha.3",
    "@angular2-material/list": "2.0.0-alpha.3",
    "@angular2-material/progress-bar": "2.0.0-alpha.3",
    "@angular2-material/progress-circle": "2.0.0-alpha.3",
    "@angular2-material/radio": "2.0.0-alpha.3",
    "@angular2-material/sidenav": "2.0.0-alpha.3",
    "@angular2-material/toolbar": "2.0.0-alpha.3",
    "angular2": "2.0.0-beta.16",
    "core-js": "^2.2.2",
    "normalize.css": "^4.1.1",
    "rxjs": "5.0.0-beta.2",
    "zone.js": "~0.6.12"
  },

在 AngularJS 1 中，您可以通过 mdThemingProvider 设置应用程序的调色板：

 angular.module('myApp', ['ngMaterial']).config(function($mdThemingProvider) {
  $mdThemingProvider.theme('default')
    .primaryPalette('pink')
    .accentPalette('orange');
});

现在我想对 Angular 做同样的事情，但不知道该怎么做。 我是否需要通过提供程序设置调色板（然后可以使用哪个提供程序以及如何配置它？）。或者我是否需要将角度材质模块中的 scss 文件包含在我的核心 scss 文件中并设置一些属性？

不幸的是，由于 Angular 2 目前仍处于 alpha 阶段，更改调色板的唯一方法是修改_default-theme.scss https://github.com/angular/material2/blob/master/src/core/style/_default-theme.scss直接创建一个新的npm包.

根据 Angular 成员的说法：

@samio80 目前，这些样式是根据主题编写的，但我们 尚未准备好主题部署策略。作为一个 同时解决方法，您可以直接拉取源代码并 通过修改 _default-theme.scss 并创建 npm 来自定义主题 包（通过脚本 stage-release.sh）。

Source: https://github.com/angular/material2/issues/287 https://github.com/angular/material2/issues/287