我只是想问如何更改 Angular 2 材质中的这些内置颜色。

它在 ng2-material 文档中指定：color: "primary"|"accent"|"warn"

如何更改这些调色板中的颜色？或者甚至如何改变文本的蓝色？

我已经尝试过这个但行不通。

md-input: {
  color: black;
  border-color: black
}

我在Angular2 材质 github https://github.com/angular/material2 page

角度材料主页 https://material.angular.io/

所以假设你正在使用Angular-CLI

调色板 https://material.google.com/style/color.html#color-color-palette- 选择您想要使用的颜色及其色调，例如棕色 = $md-brown，然后选择 800 等色调。

1.) 首先创建一个./src/forest-theme.scss文件（任意名称）

@import '~@angular/material/core/theming/all-theme';

@include md-core();

$forest-app-primary: md-palette($md-brown, 800);       // Brown  <-- CUSTOM COLOR HERE!
$forest-app-accent:  md-palette($md-green, A400);      // Green  <-- CUSTOM COLOR HERE!

$forest-app-warn:    md-palette($md-deep-orange, 500); // Orange <-- CUSTOM COLOR HERE!

$forest-app-theme: md-light-theme($forest-app-primary, $forest-app-accent, $forest-app-warn);

@include angular-material-theme($forest-app-theme);

2.)下一步：将新条目添加到“样式”列表中angular-cli.json指向主题文件（例如forest-theme.scss）。

角度-cli.json

{
    "project": {
        "version": "blah",
        "name": "my_forest_app"
    },
    "apps": [ 
      {
        "styles": [
            "styles.css",
            "forest-theme.scss"
        ]
      } 
    ],
}

3.)然后在你的组件中你应该能够做这样的事情

import {Component} from '@angular/core';

@Component({
  selector: 'my-app',
  template: `
    <md-toolbar color="primary">
      <span>Forest Application Title</span>
    </md-toolbar>
    <br/>
    <div>
      <h2>Hello {{name}}</h2>
      <button md-raised-button color="primary">Forest PRIMARY</button>
      <button md-raised-button color="accent">Forest ACCENT</button>
      <button md-raised-button color="warn">Forest WARN</button>
      <br>
      <br>
      <md-input color="primary" placeholder="Primary Search"></md-input>
    </div>
  `,
})
export class App {
  name:string;

  constructor() {
    this.name = 'Angular2 Material'
  }

}

应该可以了，此页面应该回答任何问题

Update

角材料 https://material.angular.io/有自己的网站，里面有很多Guides https://material.angular.io/guides