generator-mico-cli 0.1.18

package/generators/micro-react/templates/apps/layout/src/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/apps/layout/src/styles/themes/dark/custom-var.less

@@ -0,0 +1,244 @@
+// ==================== CSS 自定义变量定义 - 暗黑主题 ====================
+// 所有颜色变量都定义为 CSS 自定义变量，支持运行时动态修改
+// 使用方式：在 Less 中使用 var(--variable-name) 引用
+// 使用属性选择器，只在 data-theme="dark" 时生效
+body[data-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
+}

package/generators/micro-react/templates/apps/layout/src/styles/themes/normal/custom-var.less

@@ -0,0 +1,195 @@
+// ==================== CSS 自定义变量定义 - 正常主题 ====================
+// 所有颜色变量都定义为 CSS 自定义变量，支持运行时动态修改
+// 使用方式：在 Less 中使用 var(--variable-name) 引用
+// 使用属性选择器，只在 data-theme="normal" 或没有 data-theme 时生效
+body:not([data-theme]),
+body[data-theme='normal'] {
+  // ==================== brand color ====================
+  --Brand1-1: 242 235 255; // 浅色/白底悬浮
+  --Brand1-2: 220 198 255; // 文字禁用
+  --Brand1-3: 195 163 255; // 一般禁用
+  --Brand1-4: 169 129 255; // 特殊场景
+  --Brand1-5: 140 94 255; // 悬浮
+  --Brand1-6: 110 60 255; // 点击
+  --Brand1-7: 75 37 210; // 常规
+
+  // ==================== brand2 color ====================
+  --Brand2-1: 232 248 255; // 浅色/白底悬浮
+  --Brand2-2: 190 232 255; // 文字禁用
+  --Brand2-3: 149 214 255; // 一般禁用
+  --Brand2-4: 107 193 255; // 特殊场景
+  --Brand2-5: 66 170 255; // 悬浮
+  --Brand2-6: 24 144 255; // 点击
+  --Brand2-7: 15 109 210; // 常规
+
+  // ==================== neutral color ====================
+  // 边框颜色
+  --color-border-1: rgb(242 243 245); // 浅
+  --color-border-2: rgb(229 230 235); // 一般
+  --color-border-3: rgb(201 205 212); // 深/悬浮
+  --color-border-4: rgb(134 144 156); // 重/按钮描边
+  --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(247 248 250); // 浅/禁用
+  --color-fill-2: rgb(242 243 245); // 一般/常规/白底悬浮
+  --color-fill-3: rgb(229 230 235); // 深/灰底悬浮
+  --color-fill-4: rgb(201 205 212); // 重/特殊场景
+  --color-fill-5: rgb(78 89 105); // 强调/图标/特殊场景
+
+  // 文字颜色
+  --color-text-1: rgb(29 33 41); // 强调/正文标题
+  --color-text-2: rgb(78 89 105); // 次强调/正文标题
+  --color-text-3: rgb(134 144 156); // 次要信息
+  --color-text-4: rgb(201 205 212); // 置灰信息
+  --color-text-5: rgb(255 255 255); // 纯白文字
+
+  // ==================== functional color ====================
+  --Success-1: 232 255 234; // 浅色背景
+  --Success-2: 175 240 181; // 特殊场景
+  --Success-3: 123 225 136; // 禁用
+  --Success-5: 35 195 67; // 悬浮
+  --Success-6: 0 180 42; // 常规
+  --Success-7: 0 154 41; // 点击
+  --Warning-1: 255 247 232; // 浅色背景
+  --Warning-2: 255 228 186; // 特殊场景
+  --Warning-3: 255 207 139; // 禁用
+  --Warning-5: 255 154 46; // 悬浮
+  --Warning-6: 255 125 0; // 常规
+  --Warning-7: 255 154 46; // 点击
+  --Danger-1: 255 236 232; // 浅色背景
+  --Danger-2: 253 205 197; // 特殊场景
+  --Danger-3: 251 172 163; // 禁用
+  --Danger-5: 247 101 96; // 悬浮
+  --Danger-6: 245 63 63; // 常规
+  --Danger-7: 203 38 52; // 点击
+
+  // ==================== other color ====================
+  // 其他系统色 / 辅助色 (System Success / Auxiliary Color)
+  --cyan-1: 232 255 251; // 浅色背景 (Light Background)
+  --cyan-2: 187 248 240; // 特殊场景 (Special Scene)
+  --cyan-3: 145 241 231; // 禁用 (Disabled)
+  --cyan-5: 66 227 222; // 悬浮 (Hover)
+  --cyan-6: 30 220 220; // 常规 (Regular)
+  --cyan-7: 19 179 184; // 点击 (Click)
+
+  // 晚秋红 (Orange Red)
+  --Orange-Red-1: 255 243 232; // 浅色背景 (Light Background)
+  --Orange-Red-2: 253 221 195; // 特殊场景 (Special Scene)
+  --Orange-Red-3: 252 197 159; // 禁用 (Disabled)
+  --Orange-Red-5: 249 144 87; // 悬浮 (Hover)
+  --Orange-Red-6: 247 114 52; // 常规 (Regular)
+  --Orange-Red-7: 204 81 32; // 点击 (Click)
+
+  // 黄昏 (Gold)
+  --Gold-1: 255 252 232; // 浅色背景 (Light Background)
+  --Gold-2: 253 244 191; // 特殊场景 (Special Scene)
+  --Gold-3: 252 233 150; // 禁用 (Disabled)
+  --Gold-5: 249 204 69; // 悬浮 (Hover)
+  --Gold-6: 247 186 30; // 常规 (Regular)
+  --Gold-7: 204 146 19; // 点击 (Click)
+
+  // 海蔚蓝 (Blue)
+  --Blue-1: 232 247 255; // 浅色背景 (Light Background)
+  --Blue-2: 195 231 254; // 特殊场景 (Special Scene)
+  --Blue-3: 158 212 253; // 禁用 (Disabled)
+  --Blue-5: 86 168 251; // 悬浮 (Hover)
+  --Blue-6: 50 145 250; // 常规 (Regular)
+  --Blue-7: 31 107 207; // 点击 (Click)
+
+  // 深蓝 (Dark Blue)
+  --Dark-Blue-1: 232 242 255; // 浅色背景 (Light Background)
+  --Dark-Blue-2: 183 206 242; // 特殊场景 (Special Scene)
+  --Dark-Blue-3: 137 171 229; // 禁用 (Disabled)
+  --Dark-Blue-5: 58 102 203; // 悬浮 (Hover)
+  --Dark-Blue-6: 25 70 190; // 常规 (Regular)
+  --Dark-Blue-7: 16 50 162; // 点击 (Click)
+
+  // 黄色 (Yellow)
+  --Yellow-1: 254 255 232; // 浅色背景 (Light Background)
+  --Yellow-2: 254 254 190; // 特殊场景 (Special Scene)
+  --Yellow-3: 253 250 148; // 禁用 (Disabled)
+  --Yellow-5: 251 232 66; // 悬浮 (Hover)
+  --Yellow-6: 250 220 25; // 常规 (Regular)
+  --Yellow-7: 207 175 15; // 点击 (Click)
+
+  // 新生绿 (Lime)
+  --Lime-1: 252 255 232; // 浅色背景 (Light Background)
+  --Lime-2: 237 248 187; // 特殊场景 (Special Scene)
+  --Lime-3: 220 241 144; // 禁用 (Disabled)
+  --Lime-5: 181 226 65; // 悬浮 (Hover)
+  --Lime-6: 159 219 29; // 常规 (Regular)
+  --Lime-7: 126 183 18; // 点击 (Click)
+
+  // 青春紫 (Pink Purple)
+  --Pink-Purple-1: 255 232 251; // 浅色背景 (Light Background)
+  --Pink-Purple-2: 247 186 239; // 特殊场景 (Special Scene)
+  --Pink-Purple-3: 240 142 230; // 禁用 (Disabled)
+  --Pink-Purple-5: 225 62 219; // 悬浮 (Hover)
+  --Pink-Purple-6: 217 26 217; // 常规 (Regular)
+  --Pink-Purple-7: 176 16 182; // 点击 (Click)
+
+  // 品红 (Magenta)
+  --Magenta-1: 255 232 241; // 浅色背景 (Light Background)
+  --Magenta-2: 253 194 219; // 特殊场景 (Special Scene)
+  --Magenta-3: 251 157 199; // 禁用 (Disabled)
+  --Magenta-5: 247 84 168; // 悬浮 (Hover)
+  --Magenta-6: 245 49 157; // 常规 (Regular)
+  --Magenta-7: 203 30 131; // 点击 (Click)
+
+  // ==================== 品牌色 (Brand Colors) ====================
+  // Dramabite
+  --Dramabite: 40 255 70;
+  --Dramabite-1: 233 255 232;
+  --Dramabite-2: 194 255 194;
+  --Dramabite-7: 25 210 56;
+
+  // Soulstar
+  --Soulstar: 168 81 255;
+  --Soulstar-1: 247 232 255;
+  --Soulstar-2: 236 202 255;
+
+  // Mico
+  --Mico: 110 60 255;
+  --Mico-1: 242 232 255;
+  --Mico-2: 220 198 255;
+
+  // Somatch
+  --Somatch: 59 230 247;
+  --Somatch-1: 232 255 253;
+  --Somatch-2: 197 253 251;
+  --Somatch-7: 37 185 204;
+
+  // Sugo
+  --Sugo: 100 60 255;
+  --Sugo-1: 240 232 255;
+  --Sugo-2: 217 198 255;
+
+  // Top Top
+  --Toptop: 20 220 200;
+  --Toptop-1: 232 255 249;
+  --Toptop-2: 185 248 233;
+
+  // Xena
+  --Xena: 0 110 255;
+  --Xena-1: 232 246 255;
+  --Xena-2: 186 225 255;
+
+  // Yoho
+  --Yoho: 0 200 60;
+  --Yoho-1: 232 255 235;
+  --Yoho-2: 178 244 189;
+
+  // Zili
+  --Zili: 9 110 249;
+  --Zili-1: 232 245 255;
+  --Zili-2: 187 224 254;
+
+  // WhatsApp
+  --Whatsapp: 36 211 102;
+  --Whatsapp-1: 232 255 237;
+  --Whatsapp-2: 188 246 202;
+}

package/generators/micro-react/templates/apps/layout/src/styles/variables.less

@@ -0,0 +1,5 @@
+// ==================== Layout 应用样式变量 ====================
+// 从共享包导入所有样式变量
+// 其他应用可以直接 @import '<%= packageScope %>/shared-styles/variables';
+
+@import '<%= packageScope %>/shared-styles/variables';

package/generators/micro-react/templates/apps/layout/src/utils/format.ts

@@ -0,0 +1,4 @@
+// 示例方法，没有实际意义
+export function trim(str: string) {
+  return str.trim();
+}

package/generators/micro-react/templates/apps/layout/tailwind.config.js

@@ -0,0 +1,7 @@
+module.exports = {
+  content: [
+    './src/**/*.{js,jsx,ts,tsx,less,css}',
+    './README.md',
+    './docs/**/*.{md,mdx}',
+  ],
+};

package/generators/micro-react/templates/apps/layout/tailwind.css

@@ -0,0 +1,3 @@
+@tailwind base;
+@tailwind components;
+@tailwind utilities;

package/generators/micro-react/templates/apps/layout/tsconfig.json

@@ -0,0 +1,3 @@
+{
+  "extends": "./src/.umi/tsconfig.json"
+}

package/generators/micro-react/templates/apps/layout/typings.d.ts

@@ -0,0 +1 @@
+import '@umijs/max/typings';

package/generators/micro-react/templates/deployDesc.md

@@ -0,0 +1,60 @@
+## deployDesc.md
+
+---
+
+# 一、服务信息
+
+服务名称：<%= projectName %>
+
+描述信息： xxxxx
+
+git 地址: https://gitlab.example.com/your-org/<%= projectName %>
+
+分支格式:
+
+- 测试环境： dev
+- 测试环境： test
+- 正式环境： main
+
+## 部署节点：（部署到服务器）
+不需要部署
+
+## 访问CDN域名：
+- 开发环境域名：cdn-portal-dev.micoplatform.com
+- 测试环境域名：cdn-portal-test.micoplatform.com
+- 正式环境域名：cdn-portal.micoplatform.com
+
+## 环境信息：（只把此项目相关的服务名称和版本列出即可，不涉及的请忽略掉）
+
+- nvm： 需要安装最新版本，用于切换 node 版本。
+- nodejs: 22.20.0
+- npm： node 自带的 npm 即可，不用额外安装
+- pnpm：这个会在 CICD/start_xx.sh 文件中指定，目前不需要管
+
+---
+
+# 二、构建流程
+
+## **TestEnv**
+
+```
+# 构建命令
+  说明：clone 下代码后进入主目录，即可执行下面命令
+  sh +x CICD/start_test.sh
+  ....
+
+# 构建输出
+  说明： 全量拷贝
+  项目打包完成后，会在主目录下生成 dist 目录，需要将 dist/ 下的所有文件上传到OSS
+  URL路径: xxxx/<%= projectName %>/{version}/{app}
+  - app为主目录/apps里的文件夹名称
+  - version为`package.json`的 version 属性值
+```
+---
+
+
+# 三、CDN路径示例
+
+- 开发环境域名：cdn-portal-dev.micoplatform.com/<%= projectName %>/{version}/{app}
+- 测试环境域名：cdn-portal-test.micoplatform.com/<%= projectName %>/{version}/{app}
+- 正式环境域名：cdn-portal.micoplatform.com/<%= projectName %>/{version}/{app}