如何简化TypeScript中多属性同类型的ThemeColors类型定义？

当然有办法简化，这里给你两种实用方案，可根据需求选择：

方案一：严格约束属性名（推荐） #

如果希望保留原类型的属性名严格校验（不允许额外属性），可以用「字面量联合类型 + 映射类型」来简化：

先定义所有颜色属性名的联合类型，再通过映射将每个属性的类型统一设为string：

// 维护所有颜色属性名的联合列表
type ColorNames = 
  'white' | 'black' | 'grey' | 'ligthGrey' | 
  'headerBackground' | 'headerWhite' | 'redError' | 
  'greenSuccess' | 'yellow' | 'orange' | 'peach' | 
  'pink' | 'purpleLight' | 'purple' | 'violet' | 'blue';

// 映射生成每个属性都是string的ThemeColors
type ThemeColors = { [K in ColorNames]: string };

这种方式的优势：

• 只需要维护一次属性名列表，避免重复编写: string
• 类型仍然严格，仅允许使用定义好的属性名，能避免拼写错误或额外属性

方案二：宽松的属性约束（不推荐用于严格场景） #

如果不需要限制属性名，允许任意string类型的属性，可以直接用Record工具类型：

type ThemeColors = Record<string, string>;

注意：这种方式会丢失原类型的属性名校验，比如拼写错误的lightGray不会被TypeScript检测到，仅适合不需要严格属性约束的场景。

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