PrimeNG 18/19主题调色板简易设置方法咨询

嘿，我太懂你这种想靠一行简单配置搞定PrimeNG主题调色板的心情了——之前在项目里我也想直接写个palette: "sky"就完事，折腾了会儿才摸准正确姿势，给你唠唠具体怎么弄：

首先看你现有的配置，其实离成功只差一步！PrimeNG 18/19的Aura主题本身就支持直接指定官方预设的调色板，你只需要在theme.options里直接加上palette属性就行，完全不用复杂的额外操作。

给你修改好的完整代码参考：

import { ApplicationConfig, provideAnimationsAsync } from '@angular/platform-browser';
import { provideHttpClient } from '@angular/common/http';
import { providePrimeNG } from 'primeng/api';
import { Aura } from 'primeng/themes/aura';

export const appConfig: ApplicationConfig = {
  providers: [
    provideAnimationsAsync(),
    providePrimeNG({
      theme: {
        preset: Aura,
        options: {
          palette: "sky" // 这里直接填官方支持的调色板名称就OK
        }
      }
    }),
    provideHttpClient()
  ]
};

再给你补两个实用小细节：

• 官方预设的调色板还有emerald、amber、rose、violet这些，你直接替换sky就能切换不同风格
• 要是之后想自定义调色板（比如改某个颜色的深浅），才需要更复杂的配置，但如果只是用官方现成的，上面这种写法完全满足你“简单设置”的需求～

内容来源于stack exchange