用途:该技能用于规范 crossbill-web 前端项目中 CSS 规则新增颜色的做法,保证颜色使用的统一性与可维护性。
主要能力与要求:
- 尽可能使用 Material UI 颜色调色板,该调色板来自前端主题文件 frontend/src/theme/theme.ts 中的 MUI 主题。
- 不要在组件代码中使用直接的色值(如十六进制或 RGB 颜色代码),而应引用主题颜色。
- 如果需要新颜色,应将其添加到主题文件的 customColors 部分。
使用方式:在编写或修改涉及颜色的 CSS 规则、组件样式时,按上述顺序处理——先查主题中已有的 MUI 调色板与主题颜色,优先复用;确有新颜色需求时,不在组件内写死色值,而是先在该主题文件的 customColors 中登记,再通过主题引用。
适用场景:crossbill-web 前端项目内的样式开发与颜色扩展。
限制:资料未提供具体主题文件结构、customColors 字段格式、主题引用写法示例,也未说明颜色命名约定、支持的色彩空间或校验方式;这些细节需以项目实际主题文件为准,本文不代为推断。