在构建时更改Angular Material主题变量

2 回答

• 2

  您可以使用css custom properties动态更改css值 .

  设置e . G . 在 AppModule 的构造函数中：

  let primaryColor: string;
  if (environment.production) {
    primaryColor = 'green';
  } else {
    primaryColor = 'red';
  }
  document.documentElement.style.setProperty('--primary-color', primaryColor);
  

  然后使用css中的值：

  color: var(--primary-color)
  

  对于SASS解决方案，请查看this answer .

  回复于 2024-04-26T06:11:14+08:00
• 2

  请检查这个reported issue，似乎版本6.1将支持文件替换而不仅仅是打字稿文件 .

  如果是，您应该能够根据配置文件替换 my-own-theme.scss . （在angular.json中定义）

  回复于 2024-04-26T06:11:14+08:00