Angular Material预构建主题失效：mat-list组件样式异常求助

1. mat-list样式异常的原因 #

• 你同时导入了预构建主题deeppurple-amber.css和自定义暗主题，且通过@include angular-material-theme($anms-black-theme)将自定义主题全局应用，直接覆盖了预构建主题的样式。
• 自定义暗主题选用mat-grey 700作为主调色板，搭配暗主题默认的前景色配置时，导致mat-list的文本颜色与暗背景色对比度极低甚至完全一致（均为白色），最终造成组件不可见。
• 你额外给.deeppurple-amber类重复应用自定义主题，属于冗余配置，进一步加剧了样式冲突。

2. 最小配置让预构建主题覆盖所有组件 #

• 清空styles.scss中除预构建主题导入外的所有代码，仅保留：

@import '@angular/material/prebuilt-themes/deeppurple-amber.css';

• 检查项目中其他样式文件（包括组件内联样式），确保没有手动覆盖mat-list或其他Material组件的背景、文本颜色属性。
• 确认angular.json的styles数组中已正确包含styles.scss，保证全局样式文件被项目正确加载。

3. 预构建主题的生效逻辑 #

预构建主题导入后本就应该直接生效，不需要额外配置自定义主题。你当前的问题核心在于：额外添加的自定义暗主题优先级高于预构建主题，覆盖了原有样式，而自定义主题的调色板配置不当，才导致部分组件显示异常。你添加的自定义主题代码完全是冗余的，移除后预构建主题就能正常作用于所有Material组件。

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