generator-mico-cli 0.1.18

package/generators/micro-react/templates/docs/commit-message.md

@@ -0,0 +1,98 @@
+# 提交信息规范
+
+项目的 `git commit` 会被 `.husky/commit-msg` 钩子调用 `npx --no-install max verify-commit` 进行校验。为了保证能顺利提交，请遵循以下规则：
+
+## 基本格式
+
+```
+type(scope): subject
+```
+
+### type（必填）
+
+必须是下列关键字之一：
+
+| 类型 | 说明 |
+|------|------|
+| `feat` | 新功能 |
+| `fix` | Bug 修复 |
+| `docs` | 文档更新 |
+| `style` | 代码格式（不影响功能） |
+| `refactor` | 重构（既不是新功能也不是修复） |
+| `perf` | 性能优化 |
+| `test` | 测试相关 |
+| `workflow` | 工作流改进 |
+| `build` | 构建系统或外部依赖 |
+| `ci` | CI 配置 |
+| `chore` | 其他杂项 |
+| `types` | 类型定义 |
+| `wip` | 开发中（Work In Progress） |
+| `release` | 版本发布 |
+| `dep`/`deps` | 依赖更新 |
+| `example`/`examples` | 示例代码 |
+| `merge` | 合并分支 |
+| `revert` | 回滚 |
+
+### scope（可选）
+
+用于标明影响范围（模块、页面、包名等），多个词语建议用短横线连接，例如 `user-center`。
+
+### subject（必填）
+
+简短的变更摘要，长度必须在 1~50 个字符之间，建议使用动词原形、避免句号结尾。
+
+## 特殊前缀
+
+允许以 `Merge`、`Revert`、`Version` 开头的提交信息（例如合并分支时的默认信息）。
+
+## Emoji
+
+默认不允许在开头使用 Emoji，若需启用需在项目配置中设置 `verifyCommit.allowEmoji = true`。
+
+## 注释行
+
+提交信息中的 `#` 注释会被忽略，不会影响校验。
+
+## 示例
+
+### 中文示例（推荐）
+
+```text
+feat(用户管理): 添加用户删除功能
+fix(表格): 修复分页显示问题
+docs(API): 更新接口文档
+style(组件): 调整按钮样式
+refactor(服务): 重构用户服务逻辑
+chore(依赖): 更新项目依赖包
+test(单元测试): 添加用户服务测试用例
+perf(性能): 优化列表渲染性能
+feat(conversation): 添加消息撤回功能
+fix(layout): 修复侧边栏折叠问题
+```
+
+### 英文示例
+
+```text
+feat(table): 支持列宽调整
+fix(core): 处理失去焦点时发生的事件 (close #28)
+chore(release): 更新日志
+```
+
+## 常见错误
+
+```text
+# ❌ 错误：缺少 type
+添加用户功能
+
+# ❌ 错误：type 不在允许列表中
+add(user): 添加用户功能
+
+# ❌ 错误：subject 为空
+feat:
+
+# ❌ 错误：subject 过长（超过50字符）
+feat(user): 这是一个非常非常非常非常非常非常非常非常非常非常长的提交信息
+
+# ✅ 正确
+feat(user): 添加用户注册功能
+```

package/generators/micro-react/templates/package.json

@@ -0,0 +1,35 @@
+{
+  "name": "<%= projectName %>",
+  "version": "0.0.1",
+  "private": true,
+  "packageManager": "pnpm@10.18.2",
+  "pnpm": {
+    "overrides": {
+      "@types/react": "^18.3.26",
+      "@types/react-dom": "^18.3.7"
+    }
+  },
+  "scripts": {
+    "dev": "node scripts/dev.js",
+    "build": "dotenv -e .env -e .env.local -e .env.production -e .env.production.local -- turbo run build && node scripts/collect-dist.js",
+    "build:development": "dotenv -e .env -e .env.local -e .env.development -e .env.development.local -- turbo run build:development && node scripts/collect-dist.js",
+    "build:testing": "dotenv -e .env -e .env.local -e .env.testing -e .env.testing.local -- turbo run build:testing && node scripts/collect-dist.js",
+    "build:production": "dotenv -e .env -e .env.local -e .env.production -e .env.production.local -- turbo run build:production && node scripts/collect-dist.js",
+    "build:local": "dotenv -e .env -e .env.local -- turbo run build:local && node scripts/collect-dist.js",
+    "lint": "eslint . --ext .js,.jsx,.ts,.tsx && turbo run lint",
+    "lint:fix": "eslint . --ext .js,.jsx,.ts,.tsx --fix && turbo run lint:fix",
+    "lint-staged": "pnpm exec lint-staged --quiet",
+    "prepare": "husky install",
+    "test": "dotenv -e .env -e .env.local -- turbo run test",
+    "create:umi-app": "./scripts/create-umi-app.sh"
+  },
+  "devDependencies": {
+    "@commitlint/cli": "^19.5.0",
+    "@commitlint/config-conventional": "^19.5.0",
+    "dotenv-cli": "^7.4.1",
+    "eslint": "^8.57.0",
+    "husky": "^9.1.7",
+    "lint-staged": "^16.1.2",
+    "turbo": "^2.5.8"
+  }
+}

package/generators/micro-react/templates/packages/shared-styles/README.md

@@ -0,0 +1,125 @@
+# <%= packageScope %>/shared-styles
+
+共享样式包 - 主题变量、CSS Variables、Less 变量。
+
+## 功能
+
+- 🎨 **主题系统**：亮色/暗黑主题 CSS 变量
+- 📦 **Less 变量**：封装 CSS 变量的 Less 变量，提供编辑器提示
+- 🔗 **Arco Design 覆盖**：品牌色映射到 Arco Design 变量
+
+## 安装
+
+```bash
+# 在应用的 package.json 中添加依赖
+"dependencies": {
+  "<%= packageScope %>/shared-styles": "workspace:*"
+}
+
+# 然后运行
+pnpm install
+```
+
+## 使用方式
+
+### 方式 1：主应用 - 导入全部
+
+在主应用（layout）的 `global.less` 中导入入口文件：
+
+```less
+@import '<%= packageScope %>/shared-styles';
+```
+
+这将导入：
+- 亮色主题 CSS 变量定义
+- 暗黑主题 CSS 变量定义
+- Arco Design 变量覆盖
+- Less 变量定义
+
+### 方式 2：子应用 - 仅导入 Less 变量（推荐）⭐
+
+**子应用使用此方式避免重复打包 CSS 变量定义：**
+
+```less
+@import '<%= packageScope %>/shared-styles/variables-only';
+```
+
+这将只导入 Less 变量，不包含 CSS 变量定义（约减少 5-10KB）。
+CSS 变量由主应用注入到 `body` 上，子应用自动继承。
+
+### 方式 3：在组件样式中使用变量
+
+```less
+// 子应用组件中
+@import '<%= packageScope %>/shared-styles/variables-only';
+
+.my-component {
+  background-color: @color-fill-1;
+  color: @color-text-2;
+  border: 1px solid @color-border-2;
+}
+```
+
+## 文件结构
+
+```
+packages/shared-styles/
+├── index.less              # 入口文件，导入全部（主应用用）
+├── variables-only.less     # 仅 Less 变量（子应用 global.less 用）⭐
+├── theme-inject.less       # 主题注入（子应用独立运行时用）⭐
+├── variables.less          # Less 变量 + 主题导入
+├── arco-override.less      # Arco Design 变量覆盖
+└── themes/
+    ├── normal/
+    │   └── custom-var.less # 亮色主题 CSS 变量
+    └── dark/
+        └── custom-var.less # 暗黑主题 CSS 变量
+```
+
+## 主要变量
+
+### 品牌色
+| 变量 | 说明 |
+|------|------|
+| `@Brand1-1` ~ `@Brand1-7` | 品牌主色系列 |
+| `@Brand2-1` ~ `@Brand2-7` | 品牌辅助色系列 |
+
+### 中性色
+| 变量 | 说明 |
+|------|------|
+| `@color-text-1` ~ `@color-text-5` | 文字颜色 |
+| `@color-fill-1` ~ `@color-fill-5` | 填充颜色 |
+| `@color-border-1` ~ `@color-border-4` | 边框颜色 |
+
+### 功能色
+| 变量 | 说明 |
+|------|------|
+| `@Success-1` ~ `@Success-7` | 成功状态色 |
+| `@Warning-1` ~ `@Warning-7` | 警告状态色 |
+| `@Danger-1` ~ `@Danger-7` | 危险状态色 |
+
+## 微前端子应用配置
+
+> 详细配置指南请参考 [主题色切换文档 - 子应用适配](../../apps/layout/docs/feature-主题色切换.md#微前端子应用主题适配)
+
+**快速配置：**
+
+```less
+// global.less - 仅导入 Less 变量
+@import '<%= packageScope %>/shared-styles/variables-only';
+```
+
+```typescript
+// app.tsx - 开发环境条件注入（避免生产打包主题）
+if (process.env.NODE_ENV === 'development') {
+  if (typeof window !== 'undefined' && !window.__POWERED_BY_QIANKUN__) {
+    import('./styles/theme.less');
+  }
+}
+```
+
+## 相关文档
+
+- [主题色切换](../../apps/layout/docs/feature-主题色切换.md) - 主题系统详解与子应用适配
+- [微前端模式](../../apps/layout/docs/feature-微前端模式.md) - qiankun 架构说明
+

package/generators/micro-react/templates/packages/shared-styles/arco-override.less

@@ -0,0 +1,78 @@
+// ==================== Arco Design 变量覆盖 ====================
+// 将 custom-var.less 中定义的 brand1-x 变量覆盖到 Arco Design 的 primary 和 link 变量
+// 参考文档：https://arco.design/react/docs/token
+//
+// 注意：使用属性选择器提高优先级（特异性 0,1,1 > Arco 的 0,0,1）
+// 确保覆盖 arco.css 中的默认蓝色主题变量
+// body:not([arco-theme]) 匹配亮色主题，body[arco-theme='dark'] 匹配暗色主题
+
+body:not([arco-theme]),
+body[arco-theme='dark'] {
+  // ==================== Primary 颜色覆盖 ====================
+  // 将 Brand1-x 映射到 primary-x，使用 CSS 变量引用（RGB 三分量格式）
+  --primary-1: var(--Brand1-1, 242 235 255);
+  --primary-2: var(--Brand1-2, 220 198 255);
+  --primary-3: var(--Brand1-3, 195 163 255);
+  --primary-4: var(--Brand1-4, 169 129 255);
+  --primary-5: var(--Brand1-5, 140 94 255);
+  --primary-6: var(--Brand1-6, 110 60 255);
+  --primary-7: var(--Brand1-7, 75 37 210);
+
+  // ==================== Link 颜色覆盖 ====================
+  // 将 Brand1-x 映射到 link-x，使用 CSS 变量引用（RGB 三分量格式）
+  --link-1: var(--Brand1-1, 242 235 255);
+  --link-2: var(--Brand1-2, 220 198 255);
+  --link-3: var(--Brand1-3, 195 163 255);
+  --link-4: var(--Brand1-4, 169 129 255);
+  --link-5: var(--Brand1-5, 140 94 255);
+  --link-6: var(--Brand1-6, 110 60 255);
+  --link-7: var(--Brand1-7, 75 37 210);
+
+  // ==================== Success 颜色覆盖 ====================
+  // 将 Success-x 映射到 success-x，使用 CSS 变量引用（RGB 三分量格式）
+  --success-1: var(--Success-1, 232 255 234);
+  --success-2: var(--Success-2, 175 240 181);
+  --success-3: var(--Success-3, 123 225 136);
+  --success-5: var(--Success-5, 35 195 67);
+  --success-6: var(--Success-6, 0 180 42);
+  --success-7: var(--Success-7, 0 154 41);
+
+  // ==================== Warning 颜色覆盖 ====================
+  // 将 Warning-x 映射到 warning-x，使用 CSS 变量引用（RGB 三分量格式）
+  --warning-1: var(--Warning-1, 255 247 232);
+  --warning-2: var(--Warning-2, 255 228 186);
+  --warning-3: var(--Warning-3, 255 207 139);
+  --warning-5: var(--Warning-5, 255 154 46);
+  --warning-6: var(--Warning-6, 255 125 0);
+  --warning-7: var(--Warning-7, 255 154 46);
+
+  // ==================== Danger 颜色覆盖 ====================
+  // 将 Danger-x 映射到 danger-x，使用 CSS 变量引用（RGB 三分量格式）
+  --danger-1: var(--Danger-1, 255 236 232);
+  --danger-2: var(--Danger-2, 253 205 197);
+  --danger-3: var(--Danger-3, 251 172 163);
+  --danger-5: var(--Danger-5, 247 101 96);
+  --danger-6: var(--Danger-6, 245 63 63);
+  --danger-7: var(--Danger-7, 203 38 52);
+
+  // ==================== Border radius ====================
+  // 全部圆角都设置为8px
+  --border-radius-small: 8px;
+  --border-radius-medium: 8px;
+  --border-radius-large: 8px;
+  --color-bg-1: var(--color-text-5);
+  --color-bg-2: var(--color-text-5);
+  --color-bg-3: var(--color-text-5);
+  --color-bg-4: var(--color-text-5);
+  --color-bg-5: var(--color-text-5);
+  --color-neutral-1: var(--color-fill-1);
+  --color-neutral-2: var(--color-fill-2);
+  --color-neutral-3: var(--color-fill-3);
+  --color-neutral-4: var(--color-fill-4);
+  --color-neutral-5: var(--color-fill-5);
+}
+
+.arco-drawer .arco-drawer-close-icon,
+.arco-modal .arco-modal-close-icon {
+  font-size: 16px;
+}

package/generators/micro-react/templates/packages/shared-styles/index.less

@@ -0,0 +1,14 @@
+// ==================== 共享样式入口 ====================
+// 此文件作为 <%= packageScope %>/shared-styles 包的入口
+// 导入此文件即可获取所有主题变量和 Less 变量
+
+// 导入主题 CSS 变量（亮色 + 暗黑）
+@import './themes/normal/custom-var.less';
+@import './themes/dark/custom-var.less';
+
+// 导入 Arco Design 变量覆盖
+@import './arco-override.less';
+
+// 导入 Less 变量定义
+@import './variables.less';
+

package/generators/micro-react/templates/packages/shared-styles/package.json

@@ -0,0 +1,27 @@
+{
+  "name": "<%= packageScope %>/shared-styles",
+  "version": "0.0.1",
+  "private": true,
+  "description": "共享样式 - 主题变量、CSS Variables、Less 变量",
+  "main": "index.less",
+  "exports": {
+    ".": "./index.less",
+    "./variables": "./variables.less",
+    "./variables-only": "./variables-only.less",
+    "./theme-inject": "./theme-inject.less",
+    "./themes/normal": "./themes/normal/custom-var.less",
+    "./themes/dark": "./themes/dark/custom-var.less"
+  },
+  "files": [
+    "themes/",
+    "*.less"
+  ],
+  "keywords": [
+    "theme",
+    "styles",
+    "less",
+    "css-variables"
+  ],
+  "author": "<%= author %>"
+}
+

package/generators/micro-react/templates/packages/shared-styles/theme-inject.less

@@ -0,0 +1,10 @@
+// ==================== 主题注入文件 ====================
+// 仅用于子应用独立运行时注入主题 CSS 变量
+// 作为微前端子应用运行时，不需要导入此文件（主应用已注入）
+//
+// 使用场景：子应用独立 dev 预览
+
+@import './themes/normal/custom-var.less';
+@import './themes/dark/custom-var.less';
+@import './arco-override.less';
+

package/generators/micro-react/templates/packages/shared-styles/themes/dark/custom-var.less

@@ -0,0 +1,246 @@
+// ==================== CSS 自定义变量定义 - 暗黑主题 ====================
+// 所有颜色变量都定义为 CSS 自定义变量，支持运行时动态修改
+// 使用方式：在 Less 中使用 var(--variable-name) 引用
+// 使用双属性选择器提高优先级，确保覆盖 Arco Design 的暗黑主题变量
+// 特异性 0,2,1 > Arco 的 0,1,1
+body[data-theme='dark'],
+body[data-theme='dark'][arco-theme='dark'] {
+  // ==================== brand color ====================
+  --Brand1-1: 36 20 88; // 浅色/白底悬浮 #241458
+  --Brand1-2: 49 8 121; // 文字禁用 #310879
+  --Brand1-3: 67 24 166; // 一般禁用 #4318A6
+  --Brand1-4: 83 47 210; // 特殊场景 #532FD2
+  --Brand1-5: 140 94 255; // 悬浮 #8C5EFF
+  --Brand1-6: 110 60 255; // 常规 #6E3CFF
+  --Brand1-7: 75 37 210; // 点击 #4B25D2
+
+  // ==================== brand2 color ====================
+  --Brand2-1: 232 248 255; // 浅色/白底悬浮 #E8F8FF
+  --Brand2-2: 5 53 121; // 文字禁用 #053579
+  --Brand2-3: 16 83 166; // 一般禁用 #1053A6
+  --Brand2-4: 30 117 210; // 特殊场景 #1E75D2
+  --Brand2-5: 49 156 255; // 悬浮 #319CFF
+  --Brand2-6: 24 144 255; // 常规 #1890ff
+  --Brand2-7: 106 192 255; // 点击 #6AC0FF
+
+  // ==================== neutral color ====================
+  // 边框颜色
+  --color-border-1: rgb(49 52 63); // 浅 #31343F
+  --color-border-2: rgb(66 69 82); // 一般 #424552
+  --color-border-3: rgb(207 211 220); // 深/悬浮 #CFD3DC
+  --color-border-4: rgb(235 242 255); // 重/按钮描边 #EBF2FF
+  --line-1: var(--color-border-1);
+  --line-2: var(--color-border-2);
+  --line-3: var(--color-border-3);
+  --line-4: var(--color-border-4);
+
+  // 填充颜色
+  --color-fill-1: rgb(33 38 51); // 浅/禁用 #212633
+  --color-fill-2: rgb(39 45 54); // 一般/常规/白底悬浮 #272D36
+  --color-fill-3: rgb(163 169 175); // 深/灰底悬浮 #A3A9AF
+  --color-fill-4: rgb(202 208 215); // 重/特殊场景 #CAD0D7
+  --color-fill-5: rgb(242 249 255); // 强调/图标/特殊场景 #F2F9FF
+
+  // 文字颜色
+  --color-text-1: rgb(255 255 255); // 强调/正文标题 #FFFFFF
+  --color-text-2: rgb(191 196 212); // 次强调/正文标题 #BFC4D4
+  --color-text-3: rgb(149 152 169); // 次要信息 #9598A9
+  --color-text-4: rgb(108 110 125); // 置灰信息 #6C6E7D
+  --color-text-5: rgb(26 27 39); // 纯白文字 #1AB27
+
+  // ==================== functional color ====================
+  // 成功色 (Success/Green)
+  --Success-1: 0 77 28; // 浅色背景 #004D1C
+  --Success-2: 4 102 37; // 特殊场景 #046625
+  --Success-3: 10 128 45; // 禁用 #0A802D
+  --Success-5: 29 180 64; // 悬浮 #1DB440
+  --Success-6: 39 195 70; // 常规 #27C346
+  --Success-7: 80 210 102; // 点击 #50D266
+
+  // 警告色 (Warning/Orange)
+  --Warning-1: 77 27 0; // 浅色背景 #4D1B00
+  --Warning-2: 121 48 4; // 特殊场景 #793004
+  --Warning-3: 166 75 10; // 禁用 #A64B0A
+  --Warning-5: 255 141 31; // 悬浮 #FF8D1F
+  --Warning-6: 255 150 38; // 常规 #FF9626
+  --Warning-7: 255 150 38; // 点击 #FF9626
+
+  // 危险色 (Danger/Red)
+  --Danger-1: 77 0 10; // 浅色背景 #4D000A
+  --Danger-2: 119 6 17; // 特殊场景 #770611
+  --Danger-3: 161 22 31; // 禁用 #A1161F
+  --Danger-5: 245 78 78; // 悬浮 #F54E4E
+  --Danger-6: 247 105 101; // 常规 #F76965
+  --Danger-7: 249 141 134; // 点击 #F98D86
+
+  // ==================== other color ====================
+  // 其他系统色 / 辅助色 (System Success / Auxiliary Color)
+  // 青色 (Cyan)
+  --cyan-1: 0 66 77; // 浅色背景 #00424D
+  --cyan-2: 6 102 112; // 特殊场景 #066670
+  --cyan-3: 19 140 148; // 禁用 #138C94
+  --cyan-5: 59 220 220; // 悬浮 #3BDCDC
+  --cyan-6: 76 227 222; // 常规 #4CE3DE
+  --cyan-7: 114 234 226; // 点击 #72EAE2
+
+  // 晚秋红 (Orange Red)
+  --Orange-Red-1: 77 14 0; // 浅色背景 #4D0E00
+  --Orange-Red-2: 119 30 5; // 特殊场景 #771E05
+  --Orange-Red-3: 162 55 20; // 禁用 #A23714
+  --Orange-Red-5: 247 126 69; // 悬浮 #F77E45
+  --Orange-Red-6: 249 146 90; // 常规 #F9925A
+  --Orange-Red-7: 250 173 125; // 点击 #FAAD7D
+
+  // 黄昏 (Gold)
+  --Gold-1: 77 45 0; // 浅色背景 #4D2D00
+  --Gold-2: 119 75 4; // 特殊场景 #774B04
+  --Gold-3: 162 111 15; // 禁用 #A26F0F
+  --Gold-5: 247 192 52; // 悬浮 #F7C034
+  --Gold-6: 249 204 68; // 常规 #F9CC44
+  --Gold-7: 250 220 108; // 点击 #FADC6C
+
+  // 海蔚蓝 (Blue)
+  --Blue-1: 0 26 77; // 浅色背景 #001A4D
+  --Blue-2: 5 47 120; // 特殊场景 #052F78
+  --Blue-3: 19 76 163; // 禁用 #134CA3
+  --Blue-5: 70 154 250; // 悬浮 #469AFA
+  --Blue-6: 90 170 251; // 常规 #5AAAFB
+  --Blue-7: 125 193 252; // 点击 #7DC1FC
+
+  // 深蓝 (Dark Blue)
+  --Dark-Blue-1: 0 10 77; // 浅色背景 #000A4D
+  --Dark-Blue-2: 4 21 105; // 特殊场景 #041569
+  --Dark-Blue-3: 14 38 133; // 禁用 #0E2685
+  --Dark-Blue-5: 42 82 190; // 悬浮 #2A52BE
+  --Dark-Blue-6: 57 101 203; // 常规 #3965CB
+  --Dark-Blue-7: 95 136 216; // 点击 #5F88D8
+
+  // 黄色 (Yellow)
+  --Yellow-1: 77 56 0; // 浅色背景 #4D3800
+  --Yellow-2: 120 94 7; // 特殊场景 #785E07
+  --Yellow-3: 163 134 20; // 禁用 #A38614
+  --Yellow-5: 250 225 60; // 悬浮 #FAE13C
+  --Yellow-6: 251 233 75; // 常规 #FBE94B
+  --Yellow-7: 252 243 116; // 点击 #FCF374
+
+  // 新生绿 (Lime)
+  --Lime-1: 44 77 0; // 浅色背景 #2A4D00
+  --Lime-2: 68 112 6; // 特殊场景 #447006
+  --Lime-3: 98 148 18; // 禁用 #629412
+  --Lime-5: 181 226 65; // 悬浮 #B5E241
+  --Lime-6: 159 219 29; // 常规 #9FDB1D
+  --Lime-7: 126 183 18; // 点击 #7EB712
+
+  // 青春紫 (Pink Purple)
+  --Pink-Purple-1: 66 0 77; // 浅色背景 #42004D
+  --Pink-Purple-2: 101 3 112; // 特殊场景 #650370
+  --Pink-Purple-3: 138 13 147; // 禁用 #8A0D93
+  --Pink-Purple-5: 217 46 217; // 悬浮 #D92ED9
+  --Pink-Purple-6: 225 61 219; // 常规 #E13DDB
+  --Pink-Purple-7: 232 102 223; // 点击 #E866DF
+
+  // 品红 (Magenta)
+  --Magenta-1: 77 0 52; // 浅色背景 #4D0034
+  --Magenta-2: 119 8 80; // 特殊场景 #770850
+  --Magenta-3: 161 23 108; // 禁用 #A1176C
+  --Magenta-5: 245 69 166; // 悬浮 #F545A6
+  --Magenta-6: 247 86 169; // 常规 #F756A9
+  --Magenta-7: 249 122 184; // 点击 #F97AB8
+
+  // ==================== 品牌色 (Brand Colors) ====================
+  // Dramabite
+  --Dramabite: 66 215 82; // 常规 #42D952
+  --Dramabite-1: 0 77 20; // 浅色背景 #004D14
+  --Dramabite-2: 3 109 28; // 文字禁用 #036D1C
+  --Dramabite-3: 14 142 39; // 一般禁用 #0E8E27
+  --Dramabite-4: 29 174 53; // 特殊场景 #1DAE35
+  --Dramabite-5: 49 207 71; // 悬浮 #31CF47
+  --Dramabite-6: 66 215 82; // 常规 #42D952
+  --Dramabite-7: 105 226 113; // 点击 #69E271
+
+  // Soulstar
+  --Soulstar: 192 119 255; // 常规 #C077FF
+  --Soulstar-1: 28 0 77; // 浅色背景 #1C004D
+  --Soulstar-2: 53 8 121; // 文字禁用 #350879
+  --Soulstar-3: 88 28 166; // 一般禁用 #581CA6
+  --Soulstar-4: 128 56 210; // 特殊场景 #8038D2
+  --Soulstar-5: 174 94 255; // 悬浮 #AE5EFF
+  --Soulstar-6: 192 119 255; // 常规 #C077FF
+  --Soulstar-7: 210 150 255; // 点击 #D296FF
+
+  // Mico
+  --Mico: 143 98 255; // 常规 #8F62FF
+  --Mico-1: 9 0 77; // 浅色背景 #09004D
+  --Mico-2: 25 8 121; // 文字禁用 #190879
+  --Mico-3: 49 24 166; // 一般禁用 #3118A6
+  --Mico-4: 83 47 210; // 特殊场景 #532FD2
+  --Mico-5: 123 78 255; // 悬浮 #7B4EFF
+  --Mico-6: 143 98 255; // 常规 #8F62FF
+  --Mico-7: 172 134 255; // 点击 #AC86FF
+
+  // Somatch
+  --Somatch: 68 235 246; // 常规 #44EBF6
+  --Somatch-1: 0 59 77; // 浅色背景 #003B4D
+  --Somatch-2: 4 95 118; // 文字禁用 #045F76
+  --Somatch-3: 16 137 160; // 一般禁用 #1089A0
+  --Somatch-4: 32 180 202; // 特殊场景 #20B4CA
+  --Somatch-5: 53 226 244; // 悬浮 #35E2F4
+  --Somatch-6: 68 235 246; // 常规 #44EBF6
+  --Somatch-7: 109 244 248; // 点击 #6DF4F8
+
+  // Sugo
+  --Sugo: 135 98 255; // 常规 #8762FF
+  --Sugo-1: 5 0 77; // 浅色背景 #05004D
+  --Sugo-2: 20 8 121; // 文字禁用 #140879
+  --Sugo-3: 43 24 166; // 一般禁用 #2B18A6
+  --Sugo-4: 75 47 210; // 特殊场景 #4B2FD2
+  --Sugo-5: 114 78 255; // 悬浮 #724EFF
+  --Sugo-6: 135 98 255; // 常规 #8762FF
+  --Sugo-7: 166 134 255; // 点击 #A686FF
+
+  // Top Top
+  --Toptop: 66 227 205; // 常规 #42E3CD
+  --Toptop-1: 0 74 77; // 浅色背景 #004A4D
+  --Toptop-2: 6 112 112; // 文字禁用 #067070
+  --Toptop-3: 16 148 144; // 一般禁用 #109490
+  --Toptop-4: 31 184 174; // 特殊场景 #1FB8AE
+  --Toptop-5: 51 220 203; // 悬浮 #33DCCB
+  --Toptop-6: 66 227 205; // 常规 #42E3CD
+  --Toptop-7: 106 234 212; // 点击 #6AEAD4
+
+  // Xena
+  --Xena: 38 140 255; // 常规 #268CFF
+  --Xena-1: 0 23 77; // 浅色背景 #00174D
+  --Xena-2: 4 42 121; // 文字禁用 #042A79
+  --Xena-3: 10 67 166; // 一般禁用 #0A43A6
+  --Xena-4: 19 95 210; // 特殊场景 #135FD2
+  --Xena-5: 31 127 255; // 悬浮 #1F7FFF
+  --Xena-6: 38 140 255; // 常规 #268CFF
+  --Xena-7: 87 171 255; // 点击 #57ABFF
+
+  // Yoho
+  --Yoho: 42 211 87; // 常规 #2AD357
+  --Yoho-1: 0 77 33; // 浅色背景 #004D21
+  --Yoho-2: 4 107 46; // 文字禁用 #046B2E
+  --Yoho-3: 11 138 58; // 一般禁用 #0B8A3A
+  --Yoho-4: 20 169 70; // 特殊场景 #14A946
+  --Yoho-5: 32 200 82; // 悬浮 #20C852
+  --Yoho-6: 42 211 87; // 常规 #2AD357
+  --Yoho-7: 84 222 117; // 点击 #54DE75
+
+  // Zili
+  --Zili: 47 138 250; // 常规 #2F8AFA
+  --Zili-1: 0 22 77; // 浅色背景 #00164D
+  --Zili-2: 3 40 120; // 文字禁用 #032878
+  --Zili-3: 11 64 163; // 一般禁用 #0B40A3
+  --Zili-4: 22 92 206; // 特殊场景 #165CCE
+  --Zili-5: 36 126 249; // 悬浮 #247EF9
+  --Zili-6: 47 138 250; // 常规 #2F8AFA
+  --Zili-7: 94 171 251; // 点击 #5EABFB
+
+  // WhatsApp
+  --Whatsapp: 82 220 130; // 常规 #52DC82
+  --Whatsapp-1: 0 77 40; // 浅色背景 #004D28
+  --Whatsapp-2: 6 110 56; // 文字禁用 #066E38
+  --Whatsapp-6: 82 220 130; // 常规 #52DC82
+}