Angular Material是否有CSS令牌/变量？Angular 16设计令牌能否访问全主题色？

• 设计令牌对主题颜色的覆盖范围
  Angular 16引入的设计令牌支持所有Angular Material主题颜色，包括primary（主色）、accent（强调色）、warn（警告色）三大核心主题调色板，以及背景、文本类的中性色调色板下的全层级颜色。

• 运行时引用主题颜色的可行性
  Angular 16及后续版本完全支持通过CSS自定义属性（即var(--mat-xxx)格式）在运行时直接引用主题颜色，你提供的代码示例是有效的：

  p {
     color: var(--mat-primary-default);
     background-color: var(--mat-primary-contrast-default);
  }
  

  这些CSS变量会随主题初始化自动注入全局样式，无论是使用默认主题还是自定义主题，都能直接调用对应的令牌变量。自定义主题中只要正确配置了调色板，对应的--mat-xxx变量也会自动生成，无需额外操作。

内容的提问来源于stack exchange，提问作者Ole