SuperAPI AI 工具集

theme-factory

前端与建站

查看项目

更新于 10-15 22:14

技能介绍

用途:为 AiderDesk 添加新 UI 主题。主题以 SCSS 文件实现,定义 .theme-<name> 类及一整套 CSS 自定义属性,界面通过 Tailwind 工具类映射到这些变量。

主要能力:定义主题颜色变量、注册主题类型、添加多语言显示名称,并在设置界面中切换验证。

使用方式:主题文件位于 src/renderer/src/themes/theme-<name>.scss;聚合文件为 src/renderer/src/themes/themes.scss;类型注册在 packages/common/src/types/common.ts 的 THEMES 数组;选择器 UI 在 GeneralSettings.tsx;应用逻辑在 App.tsx。显示名称在 packages/common/src/locales/en.json 与 zh.json 的 themeOptions.<name>。建议复制现有主题(如 theme-dark.scss)后调整色值,保持变量名一致。需在 themes.scss 添加 @use 'theme-<name>.scss';,在 THEMES 数组加入 '<name>',并补充 i18n 条目。深色主题还需加入 isCodeEditorDarkTheme 数组。

适用场景:新增或定制 AiderDesk 主题、调整配色层级。

限制:必须定义应用所需的全部变量,否则部分界面会显示异常;未在聚合文件导入则不会进入构建 CSS。具体收费、平台等信息暂未提供。