Angular Material -如何使用活动主题的HTML中的所有颜色？

ng add @angular/material

import { NgModule } from '@angular/core';
import { BrowserModule } from '@angular/platform-browser';
import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
import { MatButtonModule } from '@angular/material/button';
import { MatIconModule } from '@angular/material/icon';
// 导入其他需要使用的组件

@NgModule({
  imports: [
    BrowserModule,
    BrowserAnimationsModule,
    MatButtonModule,
    MatIconModule,
    // 导入其他需要使用的组件
  ],
  declarations: [AppComponent],
  bootstrap: [AppComponent]
})
export class AppModule { }

<button mat-button color="primary">Primary Button</button>

@import '~@angular/material/theming';

$my-app-primary: mat-palette($mat-red);
$my-app-accent: mat-palette($mat-blue, A200, A100, A400);
$my-app-warn: mat-palette($mat-orange);

$my-app-theme: mat-light-theme($my-app-primary, $my-app-accent, $my-app-warn);

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