SuperAPI AI 工具集

css-colors

前端与建站

查看项目

更新于 10-16 06:52

技能介绍

用途:该技能用于规范 crossbill-web 前端项目中 CSS 规则新增颜色的做法,保证颜色使用的统一性与可维护性。

主要能力与要求:

  1. 尽可能使用 Material UI 颜色调色板,该调色板来自前端主题文件 frontend/src/theme/theme.ts 中的 MUI 主题。
  2. 不要在组件代码中使用直接的色值(如十六进制或 RGB 颜色代码),而应引用主题颜色。
  3. 如果需要新颜色,应将其添加到主题文件的 customColors 部分。

使用方式:在编写或修改涉及颜色的 CSS 规则、组件样式时,按上述顺序处理——先查主题中已有的 MUI 调色板与主题颜色,优先复用;确有新颜色需求时,不在组件内写死色值,而是先在该主题文件的 customColors 中登记,再通过主题引用。

适用场景:crossbill-web 前端项目内的样式开发与颜色扩展。

限制:资料未提供具体主题文件结构、customColors 字段格式、主题引用写法示例,也未说明颜色命名约定、支持的色彩空间或校验方式;这些细节需以项目实际主题文件为准,本文不代为推断。