Angular Material提供了一组CSS变量来访问不同主题颜色。 以下示例展示了如何使用这些变量：

/* 在CSS中使用Angular Material的CSS变量 */
button {
  background-color: var(--mat-primary);
  color: var(--mat-on-primary);
}

/* 在SCSS中使用Angular Material的CSS变量 */
@import "~@angular/material/theming";
$my-app-theme: mat-light-theme($my-app-primary, $my-app-accent, $my-app-warn);

button {
  background-color: map-get($my-app-theme, primary);
  color: map-get($my-app-theme, foreground);
}

在这个示例中，我们使用了CSS变量--mat-primary和--mat-on-primary。 在SCSS中，我们可以使用Angular Material的主题相关变量来定义我们自己的主题颜色。