fix(comp): modify offline color token (#1789)

IDuxFE · Jan 8, 2024 · 00cd10c · 00cd10c
1 parent 7a8a89f
commit 00cd10c
Show file tree

Hide file tree

Showing 3 changed files with 27 additions and 7 deletions.
diff --git a/packages/components/alert/theme/tokens.ts b/packages/components/alert/theme/tokens.ts
@@ -6,14 +6,33 @@
  */
 
 export interface AlertThemeTokens {
+  /**
+   * @desc 高度
+   */
   height: number
+  /**
+   * @desc 边框圆角
+   */
   borderRadius: number
 
-  // private
-
+  /**
+   * @private internal
+   */
   successBgColor: string
+  /**
+   * @private internal
+   */
   infoBgColor: string
+  /**
+   * @private internal
+   */
   warningBgColor: string
+  /**
+   * @private internal
+   */
   errorBgColor: string
+  /**
+   * @private internal
+   */
   offlineBgColor: string
 }
diff --git a/packages/components/theme/src/themeTokens/shared/derivedTokens/getDerivedColorTokens.ts b/packages/components/theme/src/themeTokens/shared/derivedTokens/getDerivedColorTokens.ts
@@ -117,7 +117,7 @@ export function getDerivedColorTokens(
     colorInfoText: infoColorPalette.base,
     colorInfoTextHover: infoColorPalette.l10,
     colorInfoTextActive: infoColorPalette.d10,
-    colorInfoIcon: infoColorPalette.l10,
+    colorInfoIcon: infoColorPalette.base,
   }
 
   const greyColors = getGreyColors()
@@ -130,8 +130,8 @@ export function getDerivedColorTokens(
     ...riskColors,
     ...fatalColors,
     ...infoColors,
-    colorOffline: greyColors.d10,
-    colorOfflineBg: greyColors.d10,
-    colorOfflineText: greyColors.d10,
+    colorOffline: greyColors.base,
+    colorOfflineBg: greyColors.base,
+    colorOfflineText: greyColors.base,
   } as DerivedColorTokens
 }
diff --git a/packages/components/theme/src/themeTokens/shared/getBasicTokens.ts b/packages/components/theme/src/themeTokens/shared/getBasicTokens.ts
@@ -14,6 +14,7 @@ export function getBasicTokens(
 ): BasicTokens {
   const baseColors = getBaseColors()
   const redColorPalette = getColorPalette(baseColors.red)
+  const blueColorPalette = getColorPalette(baseColors.blue)
   const greyColors = getGreyColors()
 
   return {
@@ -23,7 +24,7 @@ export function getBasicTokens(
     colorWarning: baseColors.brown,
     colorRisk: baseColors.orange,
     colorFatal: redColorPalette.d30,
-    colorInfo: baseColors.blue,
+    colorInfo: blueColorPalette.l10,
     colorLink: baseColors.blue,
 
     colorWhite: baseColors.white,