diff --git a/.vscode/opendesign.token.code-snippets b/.vscode/opendesign.token.code-snippets
index 9f671d7289a74daba5992848348bb53fa751a78f..d527caa3569b48de17d4421e88308a454863e900 100644
--- a/.vscode/opendesign.token.code-snippets
+++ b/.vscode/opendesign.token.code-snippets
@@ -20,7 +20,7 @@
       "var(--o-blue-1)"
     ],
     "body": "var(--o-blue-1)",
-    "description": "[light: 232, 243, 255, dark: 0, 13, 77]",
+    "description": "[light: 227, 234, 246, dark: 0, 18, 85]",
     "scope": "css,scss,less"
   },
   "--o-blue-2": {
@@ -28,7 +28,7 @@
       "var(--o-blue-2)"
     ],
     "body": "var(--o-blue-2)",
-    "description": "[light: 190, 218, 255, dark: 4, 27, 121]",
+    "description": "[light: 190, 206, 237, dark: 0, 24, 106]",
     "scope": "css,scss,less"
   },
   "--o-blue-3": {
@@ -36,7 +36,7 @@
       "var(--o-blue-3)"
     ],
     "body": "var(--o-blue-3)",
-    "description": "[light: 148, 191, 255, dark: 14, 50, 166]",
+    "description": "[light: 132, 161, 220, dark: 0, 31, 126]",
     "scope": "css,scss,less"
   },
   "--o-blue-4": {
@@ -44,7 +44,7 @@
       "var(--o-blue-4)"
     ],
     "body": "var(--o-blue-4)",
-    "description": "[light: 106, 161, 255, dark: 29, 77, 210]",
+    "description": "[light: 81, 119, 202, dark: 0, 39, 147]",
     "scope": "css,scss,less"
   },
   "--o-blue-5": {
@@ -52,7 +52,7 @@
       "var(--o-blue-5)"
     ],
     "body": "var(--o-blue-5)",
-    "description": "[light: 64, 128, 255, dark: 48, 111, 255]",
+    "description": "[light: 37, 81, 185, dark: 0, 47, 167]",
     "scope": "css,scss,less"
   },
   "--o-blue-6": {
@@ -60,7 +60,7 @@
       "var(--o-blue-6)"
     ],
     "body": "var(--o-blue-6)",
-    "description": "[light: 22, 93, 255, dark: 60, 126, 255]",
+    "description": "[light: 0, 47, 167, dark: 37, 81, 185]",
     "scope": "css,scss,less"
   },
   "--o-blue-7": {
@@ -68,7 +68,7 @@
       "var(--o-blue-7)"
     ],
     "body": "var(--o-blue-7)",
-    "description": "[light: 14, 66, 210, dark: 104, 159, 255]",
+    "description": "[light: 0, 39, 147, dark: 81, 119, 202]",
     "scope": "css,scss,less"
   },
   "--o-blue-8": {
@@ -76,7 +76,7 @@
       "var(--o-blue-8)"
     ],
     "body": "var(--o-blue-8)",
-    "description": "[light: 7, 44, 166, dark: 147, 190, 255]",
+    "description": "[light: 0, 31, 126, dark: 132, 161, 220]",
     "scope": "css,scss,less"
   },
   "--o-blue-9": {
@@ -84,7 +84,7 @@
       "var(--o-blue-9)"
     ],
     "body": "var(--o-blue-9)",
-    "description": "[light: 3, 26, 121, dark: 190, 218, 255]",
+    "description": "[light: 0, 24, 106, dark: 190, 206, 237]",
     "scope": "css,scss,less"
   },
   "--o-blue-10": {
@@ -92,7 +92,7 @@
       "var(--o-blue-10)"
     ],
     "body": "var(--o-blue-10)",
-    "description": "[light: 0, 13, 77, dark: 234, 244, 255]",
+    "description": "[light: 0, 18, 85, dark: 227, 234, 246]",
     "scope": "css,scss,less"
   },
   "--o-yellow-1": {
@@ -100,7 +100,7 @@
       "var(--o-yellow-1)"
     ],
     "body": "var(--o-yellow-1)",
-    "description": "[light: 254, 255, 232, dark: 77, 56, 0]",
+    "description": "[light: 254, 252, 233, dark: 80, 47, 0]",
     "scope": "css,scss,less"
   },
   "--o-yellow-2": {
@@ -108,7 +108,7 @@
       "var(--o-yellow-2)"
     ],
     "body": "var(--o-yellow-2)",
-    "description": "[light: 254, 254, 190, dark: 120, 94, 7]",
+    "description": "[light: 252, 248, 202, dark: 120, 76, 0]",
     "scope": "css,scss,less"
   },
   "--o-yellow-3": {
@@ -116,7 +116,7 @@
       "var(--o-yellow-3)"
     ],
     "body": "var(--o-yellow-3)",
-    "description": "[light: 253, 250, 148, dark: 163, 134, 20]",
+    "description": "[light: 249, 237, 149, dark: 160, 109, 0]",
     "scope": "css,scss,less"
   },
   "--o-yellow-4": {
@@ -124,7 +124,7 @@
       "var(--o-yellow-4)"
     ],
     "body": "var(--o-yellow-4)",
-    "description": "[light: 252, 242, 107, dark: 207, 179, 37]",
+    "description": "[light: 246, 224, 98, dark: 200, 147, 0]",
     "scope": "css,scss,less"
   },
   "--o-yellow-5": {
@@ -132,7 +132,7 @@
       "var(--o-yellow-5)"
     ],
     "body": "var(--o-yellow-5)",
-    "description": "[light: 251, 232, 66, dark: 250, 225, 60]",
+    "description": "[light: 243, 207, 49, dark: 240, 188, 0]",
     "scope": "css,scss,less"
   },
   "--o-yellow-6": {
@@ -140,7 +140,7 @@
       "var(--o-yellow-6)"
     ],
     "body": "var(--o-yellow-6)",
-    "description": "[light: 250, 220, 25, dark: 251, 233, 75]",
+    "description": "[light: 240, 188, 0, dark: 243, 207, 49]",
     "scope": "css,scss,less"
   },
   "--o-yellow-7": {
@@ -148,7 +148,7 @@
       "var(--o-yellow-7)"
     ],
     "body": "var(--o-yellow-7)",
-    "description": "[light: 207, 175, 15, dark: 252, 243, 116]",
+    "description": "[light: 200, 147, 0, dark: 246, 224, 98]",
     "scope": "css,scss,less"
   },
   "--o-yellow-8": {
@@ -156,7 +156,7 @@
       "var(--o-yellow-8)"
     ],
     "body": "var(--o-yellow-8)",
-    "description": "[light: 163, 132, 8, dark: 253, 250, 157]",
+    "description": "[light: 160, 109, 0, dark: 249, 237, 149]",
     "scope": "css,scss,less"
   },
   "--o-yellow-9": {
@@ -164,7 +164,7 @@
       "var(--o-yellow-9)"
     ],
     "body": "var(--o-yellow-9)",
-    "description": "[light: 120, 93, 3, dark: 254, 254, 198]",
+    "description": "[light: 120, 76, 0, dark: 252, 248, 202]",
     "scope": "css,scss,less"
   },
   "--o-yellow-10": {
@@ -172,7 +172,7 @@
       "var(--o-yellow-10)"
     ],
     "body": "var(--o-yellow-10)",
-    "description": "[light: 77, 56, 0, dark: 254, 255, 240]",
+    "description": "[light: 80, 47, 0, dark: 254, 252, 233]",
     "scope": "css,scss,less"
   },
   "--o-green-1": {
@@ -180,7 +180,7 @@
       "var(--o-green-1)"
     ],
     "body": "var(--o-green-1)",
-    "description": "[light: 232, 255, 234, dark: 0, 77, 28]",
+    "description": "[light: 233, 247, 231, dark: 7, 60, 9]",
     "scope": "css,scss,less"
   },
   "--o-green-2": {
@@ -188,7 +188,7 @@
       "var(--o-green-2)"
     ],
     "body": "var(--o-green-2)",
-    "description": "[light: 175, 240, 181, dark: 4, 102, 37]",
+    "description": "[light: 203, 240, 199, dark: 11, 90, 13]",
     "scope": "css,scss,less"
   },
   "--o-green-3": {
@@ -196,7 +196,7 @@
       "var(--o-green-3)"
     ],
     "body": "var(--o-green-3)",
-    "description": "[light: 123, 225, 136, dark: 10, 128, 45]",
+    "description": "[light: 154, 225, 148, dark: 16, 119, 16]",
     "scope": "css,scss,less"
   },
   "--o-green-4": {
@@ -204,7 +204,7 @@
       "var(--o-green-4)"
     ],
     "body": "var(--o-green-4)",
-    "description": "[light: 76, 210, 99, dark: 18, 154, 55]",
+    "description": "[light: 109, 209, 103, dark: 22, 149, 21]",
     "scope": "css,scss,less"
   },
   "--o-green-5": {
@@ -212,7 +212,7 @@
       "var(--o-green-5)"
     ],
     "body": "var(--o-green-5)",
-    "description": "[light: 35, 195, 67, dark: 29, 180, 64]",
+    "description": "[light: 68, 194, 62, dark: 31, 179, 27]",
     "scope": "css,scss,less"
   },
   "--o-green-6": {
@@ -220,7 +220,7 @@
       "var(--o-green-6)"
     ],
     "body": "var(--o-green-6)",
-    "description": "[light: 0, 180, 42, dark: 39, 195, 70]",
+    "description": "[light: 31, 179, 27, dark: 68, 194, 62]",
     "scope": "css,scss,less"
   },
   "--o-green-7": {
@@ -228,7 +228,7 @@
       "var(--o-green-7)"
     ],
     "body": "var(--o-green-7)",
-    "description": "[light: 0, 154, 41, dark: 80, 210, 102]",
+    "description": "[light: 22, 149, 21, dark: 109, 209, 103]",
     "scope": "css,scss,less"
   },
   "--o-green-8": {
@@ -236,7 +236,7 @@
       "var(--o-green-8)"
     ],
     "body": "var(--o-green-8)",
-    "description": "[light: 0, 128, 38, dark: 126, 225, 139]",
+    "description": "[light: 16, 119, 16, dark: 154, 225, 148]",
     "scope": "css,scss,less"
   },
   "--o-green-9": {
@@ -244,7 +244,7 @@
       "var(--o-green-9)"
     ],
     "body": "var(--o-green-9)",
-    "description": "[light: 0, 102, 34, dark: 178, 240, 183]",
+    "description": "[light: 11, 90, 13, dark: 203, 240, 199]",
     "scope": "css,scss,less"
   },
   "--o-green-10": {
@@ -252,7 +252,7 @@
       "var(--o-green-10)"
     ],
     "body": "var(--o-green-10)",
-    "description": "[light: 0, 77, 28, dark: 235, 255, 236]",
+    "description": "[light: 7, 60, 9, dark: 233, 247, 231]",
     "scope": "css,scss,less"
   },
   "--o-orange-1": {
@@ -260,7 +260,7 @@
       "var(--o-orange-1)"
     ],
     "body": "var(--o-orange-1)",
-    "description": "[light: 255, 247, 232, dark: 77, 27, 0]",
+    "description": "[light: 254, 246, 233, dark: 99, 25, 0]",
     "scope": "css,scss,less"
   },
   "--o-orange-2": {
@@ -268,7 +268,7 @@
       "var(--o-orange-2)"
     ],
     "body": "var(--o-orange-2)",
-    "description": "[light: 255, 228, 186, dark: 121, 48, 4]",
+    "description": "[light: 252, 232, 202, dark: 135, 41, 0]",
     "scope": "css,scss,less"
   },
   "--o-orange-3": {
@@ -276,7 +276,7 @@
       "var(--o-orange-3)"
     ],
     "body": "var(--o-orange-3)",
-    "description": "[light: 255, 207, 139, dark: 166, 75, 10]",
+    "description": "[light: 250, 205, 150, dark: 171, 60, 0]",
     "scope": "css,scss,less"
   },
   "--o-orange-4": {
@@ -284,7 +284,7 @@
       "var(--o-orange-4)"
     ],
     "body": "var(--o-orange-4)",
-    "description": "[light: 255, 182, 93, dark: 210, 105, 19]",
+    "description": "[light: 247, 176, 99, dark: 206, 83, 0]",
     "scope": "css,scss,less"
   },
   "--o-orange-5": {
@@ -292,7 +292,7 @@
       "var(--o-orange-5)"
     ],
     "body": "var(--o-orange-5)",
-    "description": "[light: 255, 154, 46, dark: 255, 141, 31]",
+    "description": "[light: 245, 144, 49, dark: 242, 110, 0]",
     "scope": "css,scss,less"
   },
   "--o-orange-6": {
@@ -300,7 +300,7 @@
       "var(--o-orange-6)"
     ],
     "body": "var(--o-orange-6)",
-    "description": "[light: 255, 125, 0, dark: 255, 150, 38]",
+    "description": "[light: 242, 110, 0, dark: 245, 144, 49]",
     "scope": "css,scss,less"
   },
   "--o-orange-7": {
@@ -308,7 +308,7 @@
       "var(--o-orange-7)"
     ],
     "body": "var(--o-orange-7)",
-    "description": "[light: 210, 95, 0, dark: 255, 179, 87]",
+    "description": "[light: 206, 83, 0, dark: 247, 176, 99]",
     "scope": "css,scss,less"
   },
   "--o-orange-8": {
@@ -316,7 +316,7 @@
       "var(--o-orange-8)"
     ],
     "body": "var(--o-orange-8)",
-    "description": "[light: 166, 69, 0, dark: 255, 205, 135]",
+    "description": "[light: 171, 60, 0, dark: 250, 205, 150]",
     "scope": "css,scss,less"
   },
   "--o-orange-9": {
@@ -324,7 +324,7 @@
       "var(--o-orange-9)"
     ],
     "body": "var(--o-orange-9)",
-    "description": "[light: 121, 46, 0, dark: 255, 227, 184]",
+    "description": "[light: 135, 41, 0, dark: 252, 232, 202]",
     "scope": "css,scss,less"
   },
   "--o-orange-10": {
@@ -332,7 +332,7 @@
       "var(--o-orange-10)"
     ],
     "body": "var(--o-orange-10)",
-    "description": "[light: 77, 27, 0, dark: 255, 247, 232]",
+    "description": "[light: 99, 25, 0, dark: 254, 246, 233]",
     "scope": "css,scss,less"
   },
   "--o-red-1": {
@@ -340,7 +340,7 @@
       "var(--o-red-1)"
     ],
     "body": "var(--o-red-1)",
-    "description": "[light: 255, 236, 232, dark: 77, 0, 10]",
+    "description": "[light: 253, 237, 233, dark: 96, 0, 10]",
     "scope": "css,scss,less"
   },
   "--o-red-2": {
@@ -348,7 +348,7 @@
       "var(--o-red-2)"
     ],
     "body": "var(--o-red-2)",
-    "description": "[light: 253, 205, 197, dark: 119, 6, 17]",
+    "description": "[light: 252, 209, 201, dark: 132, 0, 10]",
     "scope": "css,scss,less"
   },
   "--o-red-3": {
@@ -356,7 +356,7 @@
       "var(--o-red-3)"
     ],
     "body": "var(--o-red-3)",
-    "description": "[light: 251, 172, 163, dark: 161, 22, 31]",
+    "description": "[light: 249, 162, 149, dark: 168, 0, 7]",
     "scope": "css,scss,less"
   },
   "--o-red-4": {
@@ -364,7 +364,7 @@
       "var(--o-red-4)"
     ],
     "body": "var(--o-red-4)",
-    "description": "[light: 249, 137, 129, dark: 203, 46, 52]",
+    "description": "[light: 245, 112, 98, dark: 203, 0, 2]",
     "scope": "css,scss,less"
   },
   "--o-red-5": {
@@ -372,7 +372,7 @@
       "var(--o-red-5)"
     ],
     "body": "var(--o-red-5)",
-    "description": "[light: 247, 101, 96, dark: 245, 78, 78]",
+    "description": "[light: 242, 60, 48, dark: 239, 6, 0]",
     "scope": "css,scss,less"
   },
   "--o-red-6": {
@@ -380,7 +380,7 @@
       "var(--o-red-6)"
     ],
     "body": "var(--o-red-6)",
-    "description": "[light: 245, 63, 63, dark: 247, 105, 101]",
+    "description": "[light: 239, 6, 0, dark: 242, 60, 48]",
     "scope": "css,scss,less"
   },
   "--o-red-7": {
@@ -388,7 +388,7 @@
       "var(--o-red-7)"
     ],
     "body": "var(--o-red-7)",
-    "description": "[light: 203, 39, 45, dark: 249, 141, 134]",
+    "description": "[light: 203, 0, 2, dark: 245, 112, 98]",
     "scope": "css,scss,less"
   },
   "--o-red-8": {
@@ -396,7 +396,7 @@
       "var(--o-red-8)"
     ],
     "body": "var(--o-red-8)",
-    "description": "[light: 161, 21, 30, dark: 251, 176, 167]",
+    "description": "[light: 168, 0, 7, dark: 249, 162, 149]",
     "scope": "css,scss,less"
   },
   "--o-red-9": {
@@ -404,7 +404,7 @@
       "var(--o-red-9)"
     ],
     "body": "var(--o-red-9)",
-    "description": "[light: 119, 8, 19, dark: 253, 209, 202]",
+    "description": "[light: 132, 0, 10, dark: 252, 209, 201]",
     "scope": "css,scss,less"
   },
   "--o-red-10": {
@@ -412,7 +412,7 @@
       "var(--o-red-10)"
     ],
     "body": "var(--o-red-10)",
-    "description": "[light: 77, 0, 10, dark: 255, 240, 236]",
+    "description": "[light: 96, 0, 10, dark: 253, 237, 233]",
     "scope": "css,scss,less"
   },
   "--o-gray-1": {
@@ -500,7 +500,7 @@
       "var(--o-mixedgray-1)"
     ],
     "body": "var(--o-mixedgray-1)",
-    "description": "[light: 247, 248, 250, dark: 23, 23, 26]",
+    "description": "[light: 249, 249, 249, dark: 28, 30, 35]",
     "scope": "css,scss,less"
   },
   "--o-mixedgray-2": {
@@ -508,7 +508,7 @@
       "var(--o-mixedgray-2)"
     ],
     "body": "var(--o-mixedgray-2)",
-    "description": "[light: 242, 243, 245, dark: 46, 46, 48]",
+    "description": "[light: 230, 231, 234, dark: 46, 48, 56]",
     "scope": "css,scss,less"
   },
   "--o-mixedgray-3": {
@@ -516,7 +516,7 @@
       "var(--o-mixedgray-3)"
     ],
     "body": "var(--o-mixedgray-3)",
-    "description": "[light: 229, 230, 235, dark: 72, 72, 73]",
+    "description": "[light: 198, 200, 205, dark: 65, 68, 76]",
     "scope": "css,scss,less"
   },
   "--o-mixedgray-4": {
@@ -524,7 +524,7 @@
       "var(--o-mixedgray-4)"
     ],
     "body": "var(--o-mixedgray-4)",
-    "description": "[light: 201, 205, 212, dark: 95, 95, 96]",
+    "description": "[light: 167, 170, 176, dark: 85, 89, 97]",
     "scope": "css,scss,less"
   },
   "--o-mixedgray-5": {
@@ -532,7 +532,7 @@
       "var(--o-mixedgray-5)"
     ],
     "body": "var(--o-mixedgray-5)",
-    "description": "[light: 169, 174, 184, dark: 120, 120, 122]",
+    "description": "[light: 136, 139, 146, dark: 107, 110, 117]",
     "scope": "css,scss,less"
   },
   "--o-mixedgray-6": {
@@ -540,7 +540,7 @@
       "var(--o-mixedgray-6)"
     ],
     "body": "var(--o-mixedgray-6)",
-    "description": "[light: 134, 144, 156, dark: 146, 146, 147]",
+    "description": "[light: 107, 110, 117, dark: 136, 139, 146]",
     "scope": "css,scss,less"
   },
   "--o-mixedgray-7": {
@@ -548,7 +548,7 @@
       "var(--o-mixedgray-7)"
     ],
     "body": "var(--o-mixedgray-7)",
-    "description": "[light: 107, 119, 133, dark: 171, 171, 172]",
+    "description": "[light: 85, 89, 97, dark: 167, 170, 176]",
     "scope": "css,scss,less"
   },
   "--o-mixedgray-8": {
@@ -556,7 +556,7 @@
       "var(--o-mixedgray-8)"
     ],
     "body": "var(--o-mixedgray-8)",
-    "description": "[light: 78, 89, 105, dark: 197, 197, 197]",
+    "description": "[light: 65, 68, 76, dark: 198, 200, 205]",
     "scope": "css,scss,less"
   },
   "--o-mixedgray-9": {
@@ -564,7 +564,7 @@
       "var(--o-mixedgray-9)"
     ],
     "body": "var(--o-mixedgray-9)",
-    "description": "[light: 39, 46, 59, dark: 223, 223, 223]",
+    "description": "[light: 46, 48, 56, dark: 230, 231, 234]",
     "scope": "css,scss,less"
   },
   "--o-mixedgray-10": {
@@ -572,7 +572,7 @@
       "var(--o-mixedgray-10)"
     ],
     "body": "var(--o-mixedgray-10)",
-    "description": "[light: 29, 33, 41, dark: 246, 246, 246]",
+    "description": "[light: 28, 30, 35, dark: 249, 249, 249]",
     "scope": "css,scss,less"
   },
   "--o-color-info1": {
diff --git a/packages/opendesign/src/components/card/__demo__/CardBasic.vue b/packages/opendesign/src/components/card/__demo__/CardBasic.vue
index 4d16147ca2994f80ea71919aa6de7bce7dce2f3b..efd39017ab9b3d20840d7a079be444c5ff980e91 100644
--- a/packages/opendesign/src/components/card/__demo__/CardBasic.vue
+++ b/packages/opendesign/src/components/card/__demo__/CardBasic.vue
@@ -3,10 +3,10 @@ import { OCard } from '../index';
 import { IconStar } from '../../icon';
 
 const card = {
-  cover: 'https://www.hiascend.com/p/resource/202303/0a66367d573f4369a6d160909c33fa6e.png',
-  title: '荆棘鸟携手昇腾AI，打造总控室“大屏”变“小屏”的秘密武器',
+  cover: 'https://www.openeuler.org/img/banners/20230418-odd.png',
+  title: '一文了解openEuler Developer Day2023亮点！',
   content:
-    '传统的工厂安全总控室里，都是一整面墙花花绿绿的屏幕，安全员要在屏幕前目不转睛的24小时监督，不但费神费力，还难免疏漏。但现在，这一方小屏就能实现整个工厂的安全监察。',
+    'openEuler Developer Day 2023 （简称 ODD 2023）是开放原子开源基金会旗下 openEuler 社区发起的顶级开发者峰会。ODD 2023 将于4月20日-21日在上海浦东嘉里大酒店举办。整体大会以线下会议及线上直播方式进行。大会看点满满，赶紧来一睹为快',
 };
 </script>
 <template>
diff --git a/packages/opendesign/src/components/figure/__demo__/FigureBasic.vue b/packages/opendesign/src/components/figure/__demo__/FigureBasic.vue
index 2374c297d5292ebd0e158745da655784bb38ced3..e2e598549ebbe366e46373528c6e5f1378d9e820 100644
--- a/packages/opendesign/src/components/figure/__demo__/FigureBasic.vue
+++ b/packages/opendesign/src/components/figure/__demo__/FigureBasic.vue
@@ -1,6 +1,6 @@
 <script setup lang="ts">
 import { OFigure } from '../index';
-const img = 'https://www.hiascend.com/p/resource/202303/0a66367d573f4369a6d160909c33fa6e.png';
+const img = 'https://www.openeuler.org/img/banners/20230418-odd.png';
 </script>
 <template>
   <h4>基本</h4>
@@ -10,7 +10,7 @@ const img = 'https://www.hiascend.com/p/resource/202303/0a66367d573f4369a6d16090
     <OFigure class="img" src="123" :ratio="16 / 9" fit="cover" colorful />
     <OFigure class="img" :src="img" :ratio="16 / 9" fit="cover" background colorful />
     <OFigure class="img" hoverable :src="img" />
-    <OFigure class="img" href="https://hiascend.com" target="__blank" :src="img" />
+    <OFigure class="img" href="openEuler" target="__blank" :src="img" />
   </section>
 </template>
 <style lang="scss">
diff --git a/packages/opendesign/src/components/style/dark.token.css b/packages/opendesign/src/components/style/dark.token.css
index 4925155de9314e519ac050d354b44081290a19c3..bd316f88415e5c0e448ef52f9b58868bc35a7ff6 100644
--- a/packages/opendesign/src/components/style/dark.token.css
+++ b/packages/opendesign/src/components/style/dark.token.css
@@ -20,350 +20,350 @@
    * @group blue
    * @description 
    */
-  --o-blue-1: 0, 13, 77;
+  --o-blue-1: 0, 18, 85;
   /**
    * @name 
    * @type palette
    * @group blue
    * @description 
    */
-  --o-blue-2: 4, 27, 121;
+  --o-blue-2: 0, 24, 106;
   /**
    * @name 
    * @type palette
    * @group blue
    * @description 
    */
-  --o-blue-3: 14, 50, 166;
+  --o-blue-3: 0, 31, 126;
   /**
    * @name 
    * @type palette
    * @group blue
    * @description 
    */
-  --o-blue-4: 29, 77, 210;
+  --o-blue-4: 0, 39, 147;
   /**
    * @name 
    * @type palette
    * @group blue
    * @description 
    */
-  --o-blue-5: 48, 111, 255;
+  --o-blue-5: 0, 47, 167;
   /**
    * @name 
    * @type palette
    * @group blue
    * @description 
    */
-  --o-blue-6: 60, 126, 255;
+  --o-blue-6: 37, 81, 185;
   /**
    * @name 
    * @type palette
    * @group blue
    * @description 
    */
-  --o-blue-7: 104, 159, 255;
+  --o-blue-7: 81, 119, 202;
   /**
    * @name 
    * @type palette
    * @group blue
    * @description 
    */
-  --o-blue-8: 147, 190, 255;
+  --o-blue-8: 132, 161, 220;
   /**
    * @name 
    * @type palette
    * @group blue
    * @description 
    */
-  --o-blue-9: 190, 218, 255;
+  --o-blue-9: 190, 206, 237;
   /**
    * @name 
    * @type palette
    * @group blue
    * @description 
    */
-  --o-blue-10: 234, 244, 255;
+  --o-blue-10: 227, 234, 246;
   /**
    * @name 
    * @type palette
    * @group yellow
    * @description 
    */
-  --o-yellow-1: 77, 56, 0;
+  --o-yellow-1: 80, 47, 0;
   /**
    * @name 
    * @type palette
    * @group yellow
    * @description 
    */
-  --o-yellow-2: 120, 94, 7;
+  --o-yellow-2: 120, 76, 0;
   /**
    * @name 
    * @type palette
    * @group yellow
    * @description 
    */
-  --o-yellow-3: 163, 134, 20;
+  --o-yellow-3: 160, 109, 0;
   /**
    * @name 
    * @type palette
    * @group yellow
    * @description 
    */
-  --o-yellow-4: 207, 179, 37;
+  --o-yellow-4: 200, 147, 0;
   /**
    * @name 
    * @type palette
    * @group yellow
    * @description 
    */
-  --o-yellow-5: 250, 225, 60;
+  --o-yellow-5: 240, 188, 0;
   /**
    * @name 
    * @type palette
    * @group yellow
    * @description 
    */
-  --o-yellow-6: 251, 233, 75;
+  --o-yellow-6: 243, 207, 49;
   /**
    * @name 
    * @type palette
    * @group yellow
    * @description 
    */
-  --o-yellow-7: 252, 243, 116;
+  --o-yellow-7: 246, 224, 98;
   /**
    * @name 
    * @type palette
    * @group yellow
    * @description 
    */
-  --o-yellow-8: 253, 250, 157;
+  --o-yellow-8: 249, 237, 149;
   /**
    * @name 
    * @type palette
    * @group yellow
    * @description 
    */
-  --o-yellow-9: 254, 254, 198;
+  --o-yellow-9: 252, 248, 202;
   /**
    * @name 
    * @type palette
    * @group yellow
    * @description 
    */
-  --o-yellow-10: 254, 255, 240;
+  --o-yellow-10: 254, 252, 233;
   /**
    * @name 
    * @type palette
    * @group green
    * @description 
    */
-  --o-green-1: 0, 77, 28;
+  --o-green-1: 7, 60, 9;
   /**
    * @name 
    * @type palette
    * @group green
    * @description 
    */
-  --o-green-2: 4, 102, 37;
+  --o-green-2: 11, 90, 13;
   /**
    * @name 
    * @type palette
    * @group green
    * @description 
    */
-  --o-green-3: 10, 128, 45;
+  --o-green-3: 16, 119, 16;
   /**
    * @name 
    * @type palette
    * @group green
    * @description 
    */
-  --o-green-4: 18, 154, 55;
+  --o-green-4: 22, 149, 21;
   /**
    * @name 
    * @type palette
    * @group green
    * @description 
    */
-  --o-green-5: 29, 180, 64;
+  --o-green-5: 31, 179, 27;
   /**
    * @name 
    * @type palette
    * @group green
    * @description 
    */
-  --o-green-6: 39, 195, 70;
+  --o-green-6: 68, 194, 62;
   /**
    * @name 
    * @type palette
    * @group green
    * @description 
    */
-  --o-green-7: 80, 210, 102;
+  --o-green-7: 109, 209, 103;
   /**
    * @name 
    * @type palette
    * @group green
    * @description 
    */
-  --o-green-8: 126, 225, 139;
+  --o-green-8: 154, 225, 148;
   /**
    * @name 
    * @type palette
    * @group green
    * @description 
    */
-  --o-green-9: 178, 240, 183;
+  --o-green-9: 203, 240, 199;
   /**
    * @name 
    * @type palette
    * @group green
    * @description 
    */
-  --o-green-10: 235, 255, 236;
+  --o-green-10: 233, 247, 231;
   /**
    * @name 
    * @type palette
    * @group orange
    * @description 
    */
-  --o-orange-1: 77, 27, 0;
+  --o-orange-1: 99, 25, 0;
   /**
    * @name 
    * @type palette
    * @group orange
    * @description 
    */
-  --o-orange-2: 121, 48, 4;
+  --o-orange-2: 135, 41, 0;
   /**
    * @name 
    * @type palette
    * @group orange
    * @description 
    */
-  --o-orange-3: 166, 75, 10;
+  --o-orange-3: 171, 60, 0;
   /**
    * @name 
    * @type palette
    * @group orange
    * @description 
    */
-  --o-orange-4: 210, 105, 19;
+  --o-orange-4: 206, 83, 0;
   /**
    * @name 
    * @type palette
    * @group orange
    * @description 
    */
-  --o-orange-5: 255, 141, 31;
+  --o-orange-5: 242, 110, 0;
   /**
    * @name 
    * @type palette
    * @group orange
    * @description 
    */
-  --o-orange-6: 255, 150, 38;
+  --o-orange-6: 245, 144, 49;
   /**
    * @name 
    * @type palette
    * @group orange
    * @description 
    */
-  --o-orange-7: 255, 179, 87;
+  --o-orange-7: 247, 176, 99;
   /**
    * @name 
    * @type palette
    * @group orange
    * @description 
    */
-  --o-orange-8: 255, 205, 135;
+  --o-orange-8: 250, 205, 150;
   /**
    * @name 
    * @type palette
    * @group orange
    * @description 
    */
-  --o-orange-9: 255, 227, 184;
+  --o-orange-9: 252, 232, 202;
   /**
    * @name 
    * @type palette
    * @group orange
    * @description 
    */
-  --o-orange-10: 255, 247, 232;
+  --o-orange-10: 254, 246, 233;
   /**
    * @name 
    * @type palette
    * @group red
    * @description 
    */
-  --o-red-1: 77, 0, 10;
+  --o-red-1: 96, 0, 10;
   /**
    * @name 
    * @type palette
    * @group red
    * @description 
    */
-  --o-red-2: 119, 6, 17;
+  --o-red-2: 132, 0, 10;
   /**
    * @name 
    * @type palette
    * @group red
    * @description 
    */
-  --o-red-3: 161, 22, 31;
+  --o-red-3: 168, 0, 7;
   /**
    * @name 
    * @type palette
    * @group red
    * @description 
    */
-  --o-red-4: 203, 46, 52;
+  --o-red-4: 203, 0, 2;
   /**
    * @name 
    * @type palette
    * @group red
    * @description 
    */
-  --o-red-5: 245, 78, 78;
+  --o-red-5: 239, 6, 0;
   /**
    * @name 
    * @type palette
    * @group red
    * @description 
    */
-  --o-red-6: 247, 105, 101;
+  --o-red-6: 242, 60, 48;
   /**
    * @name 
    * @type palette
    * @group red
    * @description 
    */
-  --o-red-7: 249, 141, 134;
+  --o-red-7: 245, 112, 98;
   /**
    * @name 
    * @type palette
    * @group red
    * @description 
    */
-  --o-red-8: 251, 176, 167;
+  --o-red-8: 249, 162, 149;
   /**
    * @name 
    * @type palette
    * @group red
    * @description 
    */
-  --o-red-9: 253, 209, 202;
+  --o-red-9: 252, 209, 201;
   /**
    * @name 
    * @type palette
    * @group red
    * @description 
    */
-  --o-red-10: 255, 240, 236;
+  --o-red-10: 253, 237, 233;
   /**
    * @name 
    * @type palette
@@ -440,70 +440,70 @@
    * @group mixedgray
    * @description 
    */
-  --o-mixedgray-1: 23, 23, 26;
+  --o-mixedgray-1: 28, 30, 35;
   /**
    * @name 
    * @type palette
    * @group mixedgray
    * @description 
    */
-  --o-mixedgray-2: 46, 46, 48;
+  --o-mixedgray-2: 46, 48, 56;
   /**
    * @name 
    * @type palette
    * @group mixedgray
    * @description 
    */
-  --o-mixedgray-3: 72, 72, 73;
+  --o-mixedgray-3: 65, 68, 76;
   /**
    * @name 
    * @type palette
    * @group mixedgray
    * @description 
    */
-  --o-mixedgray-4: 95, 95, 96;
+  --o-mixedgray-4: 85, 89, 97;
   /**
    * @name 
    * @type palette
    * @group mixedgray
    * @description 
    */
-  --o-mixedgray-5: 120, 120, 122;
+  --o-mixedgray-5: 107, 110, 117;
   /**
    * @name 
    * @type palette
    * @group mixedgray
    * @description 
    */
-  --o-mixedgray-6: 146, 146, 147;
+  --o-mixedgray-6: 136, 139, 146;
   /**
    * @name 
    * @type palette
    * @group mixedgray
    * @description 
    */
-  --o-mixedgray-7: 171, 171, 172;
+  --o-mixedgray-7: 167, 170, 176;
   /**
    * @name 
    * @type palette
    * @group mixedgray
    * @description 
    */
-  --o-mixedgray-8: 197, 197, 197;
+  --o-mixedgray-8: 198, 200, 205;
   /**
    * @name 
    * @type palette
    * @group mixedgray
    * @description 
    */
-  --o-mixedgray-9: 223, 223, 223;
+  --o-mixedgray-9: 230, 231, 234;
   /**
    * @name 
    * @type palette
    * @group mixedgray
    * @description 
    */
-  --o-mixedgray-10: 246, 246, 246;
+  --o-mixedgray-10: 249, 249, 249;
   /**
    * @name 
    * @type color
diff --git a/packages/opendesign/src/components/style/default-light.token.css b/packages/opendesign/src/components/style/default-light.token.css
index f1462de13a1b34ca72f7c2c04d621631e4d7f1d8..03a32ef4c83e404ca604dc7682f9d7a713f07f6b 100644
--- a/packages/opendesign/src/components/style/default-light.token.css
+++ b/packages/opendesign/src/components/style/default-light.token.css
@@ -21,350 +21,350 @@
    * @group blue
    * @description 
    */
-  --o-blue-1: 232, 243, 255;
+  --o-blue-1: 227, 234, 246;
   /**
    * @name 
    * @type palette
    * @group blue
    * @description 
    */
-  --o-blue-2: 190, 218, 255;
+  --o-blue-2: 190, 206, 237;
   /**
    * @name 
    * @type palette
    * @group blue
    * @description 
    */
-  --o-blue-3: 148, 191, 255;
+  --o-blue-3: 132, 161, 220;
   /**
    * @name 
    * @type palette
    * @group blue
    * @description 
    */
-  --o-blue-4: 106, 161, 255;
+  --o-blue-4: 81, 119, 202;
   /**
    * @name 
    * @type palette
    * @group blue
    * @description 
    */
-  --o-blue-5: 64, 128, 255;
+  --o-blue-5: 37, 81, 185;
   /**
    * @name 
    * @type palette
    * @group blue
    * @description 
    */
-  --o-blue-6: 22, 93, 255;
+  --o-blue-6: 0, 47, 167;
   /**
    * @name 
    * @type palette
    * @group blue
    * @description 
    */
-  --o-blue-7: 14, 66, 210;
+  --o-blue-7: 0, 39, 147;
   /**
    * @name 
    * @type palette
    * @group blue
    * @description 
    */
-  --o-blue-8: 7, 44, 166;
+  --o-blue-8: 0, 31, 126;
   /**
    * @name 
    * @type palette
    * @group blue
    * @description 
    */
-  --o-blue-9: 3, 26, 121;
+  --o-blue-9: 0, 24, 106;
   /**
    * @name 
    * @type palette
    * @group blue
    * @description 
    */
-  --o-blue-10: 0, 13, 77;
+  --o-blue-10: 0, 18, 85;
   /**
    * @name 
    * @type palette
    * @group yellow
    * @description 
    */
-  --o-yellow-1: 254, 255, 232;
+  --o-yellow-1: 254, 252, 233;
   /**
    * @name 
    * @type palette
    * @group yellow
    * @description 
    */
-  --o-yellow-2: 254, 254, 190;
+  --o-yellow-2: 252, 248, 202;
   /**
    * @name 
    * @type palette
    * @group yellow
    * @description 
    */
-  --o-yellow-3: 253, 250, 148;
+  --o-yellow-3: 249, 237, 149;
   /**
    * @name 
    * @type palette
    * @group yellow
    * @description 
    */
-  --o-yellow-4: 252, 242, 107;
+  --o-yellow-4: 246, 224, 98;
   /**
    * @name 
    * @type palette
    * @group yellow
    * @description 
    */
-  --o-yellow-5: 251, 232, 66;
+  --o-yellow-5: 243, 207, 49;
   /**
    * @name 
    * @type palette
    * @group yellow
    * @description 
    */
-  --o-yellow-6: 250, 220, 25;
+  --o-yellow-6: 240, 188, 0;
   /**
    * @name 
    * @type palette
    * @group yellow
    * @description 
    */
-  --o-yellow-7: 207, 175, 15;
+  --o-yellow-7: 200, 147, 0;
   /**
    * @name 
    * @type palette
    * @group yellow
    * @description 
    */
-  --o-yellow-8: 163, 132, 8;
+  --o-yellow-8: 160, 109, 0;
   /**
    * @name 
    * @type palette
    * @group yellow
    * @description 
    */
-  --o-yellow-9: 120, 93, 3;
+  --o-yellow-9: 120, 76, 0;
   /**
    * @name 
    * @type palette
    * @group yellow
    * @description 
    */
-  --o-yellow-10: 77, 56, 0;
+  --o-yellow-10: 80, 47, 0;
   /**
    * @name 
    * @type palette
    * @group green
    * @description 
    */
-  --o-green-1: 232, 255, 234;
+  --o-green-1: 233, 247, 231;
   /**
    * @name 
    * @type palette
    * @group green
    * @description 
    */
-  --o-green-2: 175, 240, 181;
+  --o-green-2: 203, 240, 199;
   /**
    * @name 
    * @type palette
    * @group green
    * @description 
    */
-  --o-green-3: 123, 225, 136;
+  --o-green-3: 154, 225, 148;
   /**
    * @name 
    * @type palette
    * @group green
    * @description 
    */
-  --o-green-4: 76, 210, 99;
+  --o-green-4: 109, 209, 103;
   /**
    * @name 
    * @type palette
    * @group green
    * @description 
    */
-  --o-green-5: 35, 195, 67;
+  --o-green-5: 68, 194, 62;
   /**
    * @name 
    * @type palette
    * @group green
    * @description 
    */
-  --o-green-6: 0, 180, 42;
+  --o-green-6: 31, 179, 27;
   /**
    * @name 
    * @type palette
    * @group green
    * @description 
    */
-  --o-green-7: 0, 154, 41;
+  --o-green-7: 22, 149, 21;
   /**
    * @name 
    * @type palette
    * @group green
    * @description 
    */
-  --o-green-8: 0, 128, 38;
+  --o-green-8: 16, 119, 16;
   /**
    * @name 
    * @type palette
    * @group green
    * @description 
    */
-  --o-green-9: 0, 102, 34;
+  --o-green-9: 11, 90, 13;
   /**
    * @name 
    * @type palette
    * @group green
    * @description 
    */
-  --o-green-10: 0, 77, 28;
+  --o-green-10: 7, 60, 9;
   /**
    * @name 
    * @type palette
    * @group orange
    * @description 
    */
-  --o-orange-1: 255, 247, 232;
+  --o-orange-1: 254, 246, 233;
   /**
    * @name 
    * @type palette
    * @group orange
    * @description 
    */
-  --o-orange-2: 255, 228, 186;
+  --o-orange-2: 252, 232, 202;
   /**
    * @name 
    * @type palette
    * @group orange
    * @description 
    */
-  --o-orange-3: 255, 207, 139;
+  --o-orange-3: 250, 205, 150;
   /**
    * @name 
    * @type palette
    * @group orange
    * @description 
    */
-  --o-orange-4: 255, 182, 93;
+  --o-orange-4: 247, 176, 99;
   /**
    * @name 
    * @type palette
    * @group orange
    * @description 
    */
-  --o-orange-5: 255, 154, 46;
+  --o-orange-5: 245, 144, 49;
   /**
    * @name 
    * @type palette
    * @group orange
    * @description 
    */
-  --o-orange-6: 255, 125, 0;
+  --o-orange-6: 242, 110, 0;
   /**
    * @name 
    * @type palette
    * @group orange
    * @description 
    */
-  --o-orange-7: 210, 95, 0;
+  --o-orange-7: 206, 83, 0;
   /**
    * @name 
    * @type palette
    * @group orange
    * @description 
    */
-  --o-orange-8: 166, 69, 0;
+  --o-orange-8: 171, 60, 0;
   /**
    * @name 
    * @type palette
    * @group orange
    * @description 
    */
-  --o-orange-9: 121, 46, 0;
+  --o-orange-9: 135, 41, 0;
   /**
    * @name 
    * @type palette
    * @group orange
    * @description 
    */
-  --o-orange-10: 77, 27, 0;
+  --o-orange-10: 99, 25, 0;
   /**
    * @name 
    * @type palette
    * @group red
    * @description 
    */
-  --o-red-1: 255, 236, 232;
+  --o-red-1: 253, 237, 233;
   /**
    * @name 
    * @type palette
    * @group red
    * @description 
    */
-  --o-red-2: 253, 205, 197;
+  --o-red-2: 252, 209, 201;
   /**
    * @name 
    * @type palette
    * @group red
    * @description 
    */
-  --o-red-3: 251, 172, 163;
+  --o-red-3: 249, 162, 149;
   /**
    * @name 
    * @type palette
    * @group red
    * @description 
    */
-  --o-red-4: 249, 137, 129;
+  --o-red-4: 245, 112, 98;
   /**
    * @name 
    * @type palette
    * @group red
    * @description 
    */
-  --o-red-5: 247, 101, 96;
+  --o-red-5: 242, 60, 48;
   /**
    * @name 
    * @type palette
    * @group red
    * @description 
    */
-  --o-red-6: 245, 63, 63;
+  --o-red-6: 239, 6, 0;
   /**
    * @name 
    * @type palette
    * @group red
    * @description 
    */
-  --o-red-7: 203, 39, 45;
+  --o-red-7: 203, 0, 2;
   /**
    * @name 
    * @type palette
    * @group red
    * @description 
    */
-  --o-red-8: 161, 21, 30;
+  --o-red-8: 168, 0, 7;
   /**
    * @name 
    * @type palette
    * @group red
    * @description 
    */
-  --o-red-9: 119, 8, 19;
+  --o-red-9: 132, 0, 10;
   /**
    * @name 
    * @type palette
    * @group red
    * @description 
    */
-  --o-red-10: 77, 0, 10;
+  --o-red-10: 96, 0, 10;
   /**
    * @name 
    * @type palette
@@ -441,70 +441,70 @@
    * @group mixedgray
    * @description 
    */
-  --o-mixedgray-1: 247, 248, 250;
+  --o-mixedgray-1: 249, 249, 249;
   /**
    * @name 
    * @type palette
    * @group mixedgray
    * @description 
    */
-  --o-mixedgray-2: 242, 243, 245;
+  --o-mixedgray-2: 230, 231, 234;
   /**
    * @name 
    * @type palette
    * @group mixedgray
    * @description 
    */
-  --o-mixedgray-3: 229, 230, 235;
+  --o-mixedgray-3: 198, 200, 205;
   /**
    * @name 
    * @type palette
    * @group mixedgray
    * @description 
    */
-  --o-mixedgray-4: 201, 205, 212;
+  --o-mixedgray-4: 167, 170, 176;
   /**
    * @name 
    * @type palette
    * @group mixedgray
    * @description 
    */
-  --o-mixedgray-5: 169, 174, 184;
+  --o-mixedgray-5: 136, 139, 146;
   /**
    * @name 
    * @type palette
    * @group mixedgray
    * @description 
    */
-  --o-mixedgray-6: 134, 144, 156;
+  --o-mixedgray-6: 107, 110, 117;
   /**
    * @name 
    * @type palette
    * @group mixedgray
    * @description 
    */
-  --o-mixedgray-7: 107, 119, 133;
+  --o-mixedgray-7: 85, 89, 97;
   /**
    * @name 
    * @type palette
    * @group mixedgray
    * @description 
    */
-  --o-mixedgray-8: 78, 89, 105;
+  --o-mixedgray-8: 65, 68, 76;
   /**
    * @name 
    * @type palette
    * @group mixedgray
    * @description 
    */
-  --o-mixedgray-9: 39, 46, 59;
+  --o-mixedgray-9: 46, 48, 56;
   /**
    * @name 
    * @type palette
    * @group mixedgray
    * @description 
    */
-  --o-mixedgray-10: 29, 33, 41;
+  --o-mixedgray-10: 28, 30, 35;
   /**
    * @name 
    * @type color
diff --git a/packages/opendesign/src/tokens/opendesign2-token.json b/packages/opendesign/src/tokens/opendesign2-token.json
new file mode 100644
index 0000000000000000000000000000000000000000..a607ac0cfedf7ed0aead28600ae9331359b39750
--- /dev/null
+++ b/packages/opendesign/src/tokens/opendesign2-token.json
@@ -0,0 +1,1688 @@
+{
+  "base": {
+    "name": "基础色(不同皮肤色相不变)",
+    "type": "palette",
+    "typeName": "色盘",
+    "value": [
+      {
+        "key": "color-white",
+        "value": {
+          "light": "255, 255, 255",
+          "dark": "255, 255, 255"
+        }
+      },
+      {
+        "key": "color-black",
+        "value": {
+          "light": "0, 0, 0",
+          "dark": "0, 0, 0"
+        }
+      }
+    ]
+  },
+  "blue": {
+    "name": "蓝色",
+    "type": "palette",
+    "typeName": "色盘",
+    "value": [
+      {
+        "key": "blue-1",
+        "value": {
+          "light": "227, 234, 246",
+          "dark": "0, 18, 85"
+        }
+      },
+      {
+        "key": "blue-2",
+        "value": {
+          "light": "190, 206, 237",
+          "dark": "0, 24, 106"
+        }
+      },
+      {
+        "key": "blue-3",
+        "value": {
+          "light": "132, 161, 220",
+          "dark": "0, 31, 126"
+        }
+      },
+      {
+        "key": "blue-4",
+        "value": {
+          "light": "81, 119, 202",
+          "dark": "0, 39, 147"
+        }
+      },
+      {
+        "key": "blue-5",
+        "value": {
+          "light": "37, 81, 185",
+          "dark": "0, 47, 167"
+        }
+      },
+      {
+        "key": "blue-6",
+        "value": {
+          "light": "0, 47, 167",
+          "dark": "37, 81, 185"
+        }
+      },
+      {
+        "key": "blue-7",
+        "value": {
+          "light": "0, 39, 147",
+          "dark": "81, 119, 202"
+        }
+      },
+      {
+        "key": "blue-8",
+        "value": {
+          "light": "0, 31, 126",
+          "dark": "132, 161, 220"
+        }
+      },
+      {
+        "key": "blue-9",
+        "value": {
+          "light": "0, 24, 106",
+          "dark": "190, 206, 237"
+        }
+      },
+      {
+        "key": "blue-10",
+        "value": {
+          "light": "0, 18, 85",
+          "dark": "227, 234, 246"
+        }
+      }
+    ]
+  },
+  "yellow": {
+    "name": "黄色",
+    "type": "palette",
+    "typeName": "色盘",
+    "value": [
+      {
+        "key": "yellow-1",
+        "value": {
+          "light": "254, 252, 233",
+          "dark": "80, 47, 0"
+        }
+      },
+      {
+        "key": "yellow-2",
+        "value": {
+          "light": "252, 248, 202",
+          "dark": "120, 76, 0"
+        }
+      },
+      {
+        "key": "yellow-3",
+        "value": {
+          "light": "249, 237, 149",
+          "dark": "160, 109, 0"
+        }
+      },
+      {
+        "key": "yellow-4",
+        "value": {
+          "light": "246, 224, 98",
+          "dark": "200, 147, 0"
+        }
+      },
+      {
+        "key": "yellow-5",
+        "value": {
+          "light": "243, 207, 49",
+          "dark": "240, 188, 0"
+        }
+      },
+      {
+        "key": "yellow-6",
+        "value": {
+          "light": "240, 188, 0",
+          "dark": "243, 207, 49"
+        }
+      },
+      {
+        "key": "yellow-7",
+        "value": {
+          "light": "200, 147, 0",
+          "dark": "246, 224, 98"
+        }
+      },
+      {
+        "key": "yellow-8",
+        "value": {
+          "light": "160, 109, 0",
+          "dark": "249, 237, 149"
+        }
+      },
+      {
+        "key": "yellow-9",
+        "value": {
+          "light": "120, 76, 0",
+          "dark": "252, 248, 202"
+        }
+      },
+      {
+        "key": "yellow-10",
+        "value": {
+          "light": "80, 47, 0",
+          "dark": "254, 252, 233"
+        }
+      }
+    ]
+  },
+  "green": {
+    "name": "绿色",
+    "type": "palette",
+    "typeName": "色盘",
+    "value": [
+      {
+        "key": "green-1",
+        "value": {
+          "light": "233, 247, 231",
+          "dark": "7, 60, 9"
+        }
+      },
+      {
+        "key": "green-2",
+        "value": {
+          "light": "203, 240, 199",
+          "dark": "11, 90, 13"
+        }
+      },
+      {
+        "key": "green-3",
+        "value": {
+          "light": "154, 225, 148",
+          "dark": "16, 119, 16"
+        }
+      },
+      {
+        "key": "green-4",
+        "value": {
+          "light": "109, 209, 103",
+          "dark": "22, 149, 21"
+        }
+      },
+      {
+        "key": "green-5",
+        "value": {
+          "light": "68, 194, 62",
+          "dark": "31, 179, 27"
+        }
+      },
+      {
+        "key": "green-6",
+        "value": {
+          "light": "31, 179, 27",
+          "dark": "68, 194, 62"
+        }
+      },
+      {
+        "key": "green-7",
+        "value": {
+          "light": "22, 149, 21",
+          "dark": "109, 209, 103"
+        }
+      },
+      {
+        "key": "green-8",
+        "value": {
+          "light": "16, 119, 16",
+          "dark": "154, 225, 148"
+        }
+      },
+      {
+        "key": "green-9",
+        "value": {
+          "light": "11, 90, 13",
+          "dark": "203, 240, 199"
+        }
+      },
+      {
+        "key": "green-10",
+        "value": {
+          "light": "7, 60, 9",
+          "dark": "233, 247, 231"
+        }
+      }
+    ]
+  },
+  "orange": {
+    "name": "橘红色",
+    "type": "palette",
+    "typeName": "色盘",
+    "value": [
+      {
+        "key": "orange-1",
+        "value": {
+          "light": "254, 246, 233",
+          "dark": "99, 25, 0"
+        }
+      },
+      {
+        "key": "orange-2",
+        "value": {
+          "light": "252, 232, 202",
+          "dark": "135, 41, 0"
+        }
+      },
+      {
+        "key": "orange-3",
+        "value": {
+          "light": "250, 205, 150",
+          "dark": "171, 60, 0"
+        }
+      },
+      {
+        "key": "orange-4",
+        "value": {
+          "light": "247, 176, 99",
+          "dark": "206, 83, 0"
+        }
+      },
+      {
+        "key": "orange-5",
+        "value": {
+          "light": "245, 144, 49",
+          "dark": "242, 110, 0"
+        }
+      },
+      {
+        "key": "orange-6",
+        "value": {
+          "light": "242, 110, 0",
+          "dark": "245, 144, 49"
+        }
+      },
+      {
+        "key": "orange-7",
+        "value": {
+          "light": "206, 83, 0",
+          "dark": "247, 176, 99"
+        }
+      },
+      {
+        "key": "orange-8",
+        "value": {
+          "light": "171, 60, 0",
+          "dark": "250, 205, 150"
+        }
+      },
+      {
+        "key": "orange-9",
+        "value": {
+          "light": "135, 41, 0",
+          "dark": "252, 232, 202"
+        }
+      },
+      {
+        "key": "orange-10",
+        "value": {
+          "light": "99, 25, 0",
+          "dark": "254, 246, 233"
+        }
+      }
+    ]
+  },
+  "red": {
+    "name": "红色",
+    "type": "palette",
+    "typeName": "色盘",
+    "value": [
+      {
+        "key": "red-1",
+        "value": {
+          "light": "253, 237, 233",
+          "dark": "96, 0, 10"
+        }
+      },
+      {
+        "key": "red-2",
+        "value": {
+          "light": "252, 209, 201",
+          "dark": "132, 0, 10"
+        }
+      },
+      {
+        "key": "red-3",
+        "value": {
+          "light": "249, 162, 149",
+          "dark": "168, 0, 7"
+        }
+      },
+      {
+        "key": "red-4",
+        "value": {
+          "light": "245, 112, 98",
+          "dark": "203, 0, 2"
+        }
+      },
+      {
+        "key": "red-5",
+        "value": {
+          "light": "242, 60, 48",
+          "dark": "239, 6, 0"
+        }
+      },
+      {
+        "key": "red-6",
+        "value": {
+          "light": "239, 6, 0",
+          "dark": "242, 60, 48"
+        }
+      },
+      {
+        "key": "red-7",
+        "value": {
+          "light": "203, 0, 2",
+          "dark": "245, 112, 98"
+        }
+      },
+      {
+        "key": "red-8",
+        "value": {
+          "light": "168, 0, 7",
+          "dark": "249, 162, 149"
+        }
+      },
+      {
+        "key": "red-9",
+        "value": {
+          "light": "132, 0, 10",
+          "dark": "252, 209, 201"
+        }
+      },
+      {
+        "key": "red-10",
+        "value": {
+          "light": "96, 0, 10",
+          "dark": "253, 237, 233"
+        }
+      }
+    ]
+  },
+  "gray": {
+    "name": "中性灰",
+    "type": "palette",
+    "typeName": "色盘",
+    "value": [
+      {
+        "key": "gray-1",
+        "value": {
+          "light": "255, 255, 255",
+          "dark": "0, 0, 0"
+        }
+      },
+      {
+        "key": "gray-2",
+        "value": {
+          "light": "238, 238, 238",
+          "dark": "36, 36, 36"
+        }
+      },
+      {
+        "key": "gray-3",
+        "value": {
+          "light": "221, 221, 221",
+          "dark": "57, 57, 57"
+        }
+      },
+      {
+        "key": "gray-4",
+        "value": {
+          "light": "198, 198, 198",
+          "dark": "94, 94, 94"
+        }
+      },
+      {
+        "key": "gray-5",
+        "value": {
+          "light": "139, 139, 139",
+          "dark": "119, 119, 122"
+        }
+      },
+      {
+        "key": "gray-6",
+        "value": {
+          "light": "119, 119, 119",
+          "dark": "166, 166, 166"
+        }
+      },
+      {
+        "key": "gray-7",
+        "value": {
+          "light": "94, 94, 94",
+          "dark": "221, 221, 221"
+        }
+      },
+      {
+        "key": "gray-8",
+        "value": {
+          "light": "75, 75, 75",
+          "dark": "238, 238, 238"
+        }
+      },
+      {
+        "key": "gray-9",
+        "value": {
+          "light": "44, 44, 44",
+          "dark": "243, 243, 243"
+        }
+      },
+      {
+        "key": "gray-10",
+        "value": {
+          "light": "0, 0, 0",
+          "dark": "255, 255, 255"
+        }
+      }
+    ]
+  },
+  "mixedgray": {
+    "name": "混合中性色",
+    "type": "palette",
+    "typeName": "色盘",
+    "value": [
+      {
+        "key": "mixedgray-1",
+        "value": {
+          "light": "249, 249, 249",
+          "dark": "28, 30, 35"
+        }
+      },
+      {
+        "key": "mixedgray-2",
+        "value": {
+          "light": "230, 231, 234",
+          "dark": "46, 48, 56"
+        }
+      },
+      {
+        "key": "mixedgray-3",
+        "value": {
+          "light": "198, 200, 205",
+          "dark": "65, 68, 76"
+        }
+      },
+      {
+        "key": "mixedgray-4",
+        "value": {
+          "light": "167, 170, 176",
+          "dark": "85, 89, 97"
+        }
+      },
+      {
+        "key": "mixedgray-5",
+        "value": {
+          "light": "136, 139, 146",
+          "dark": "107, 110, 117"
+        }
+      },
+      {
+        "key": "mixedgray-6",
+        "value": {
+          "light": "107, 110, 117",
+          "dark": "136, 139, 146"
+        }
+      },
+      {
+        "key": "mixedgray-7",
+        "value": {
+          "light": "85, 89, 97",
+          "dark": "167, 170, 176"
+        }
+      },
+      {
+        "key": "mixedgray-8",
+        "value": {
+          "light": "65, 68, 76",
+          "dark": "198, 200, 205"
+        }
+      },
+      {
+        "key": "mixedgray-9",
+        "value": {
+          "light": "46, 48, 56",
+          "dark": "230, 231, 234"
+        }
+      },
+      {
+        "key": "mixedgray-10",
+        "value": {
+          "light": "28, 30, 35",
+          "dark": "249, 249, 249"
+        }
+      }
+    ]
+  },
+  "info": {
+    "name": "信息色",
+    "type": "color",
+    "typeName": "颜色",
+    "value": [
+      {
+        "key": "color-info1",
+        "description": "一级/强调/标题",
+        "value": {
+          "light": "rgb(var(--o-gray-10))",
+          "dark": "rgb(var(--o-gray-10))"
+        }
+      },
+      {
+        "key": "color-info2",
+        "description": "二级/次强调/正文",
+        "value": {
+          "light": "rgb(var(--o-gray-8))",
+          "dark": "rgb(var(--o-gray-8))"
+        }
+      },
+      {
+        "key": "color-info3",
+        "description": "三级/辅助信息",
+        "value": {
+          "light": "rgb(var(--o-gray-6))",
+          "dark": "rgb(var(--o-gray-6))"
+        }
+      },
+      {
+        "key": "color-info4",
+        "description": "置灰/禁用",
+        "value": {
+          "light": "rgb(var(--o-gray-4))",
+          "dark": "rgb(var(--o-gray-4))"
+        }
+      },
+      {
+        "key": "color-info1-inverse",
+        "description": "一级/次强调/正文反色",
+        "value": {
+          "light": "rgb(var(--o-gray-1))",
+          "dark": "rgb(var(--o-gray-1))"
+        }
+      },
+      {
+        "key": "color-info2-inverse",
+        "description": "二级/辅助信息反色",
+        "value": {
+          "light": "rgb(var(--o-gray-3))",
+          "dark": "rgb(var(--o-gray-3))"
+        }
+      },
+      {
+        "key": "color-info3-inverse",
+        "description": "三级/辅助信息反色",
+        "value": {
+          "light": "rgb(var(--o-gray-5))",
+          "dark": "rgb(var(--o-gray-5))"
+        }
+      },
+      {
+        "key": "color-info4-inverse",
+        "description": "置灰/禁用反色",
+        "value": {
+          "light": "rgb(var(--o-gray-7))",
+          "dark": "rgb(var(--o-gray-7))"
+        }
+      }
+    ]
+  },
+  "mask": {
+    "name": "遮罩色",
+    "type": "color",
+    "typeName": "颜色",
+    "value": [
+      {
+        "key": "color-mask1",
+        "description": "全局遮罩",
+        "value": {
+          "light": "rgba(var(--o-gray-10), .2)",
+          "dark": "rgba(var(--o-gray-10), .2)"
+        }
+      },
+      {
+        "key": "color-mask2",
+        "description": "局部遮罩",
+        "value": {
+          "light": "rgba(var(--o-gray-10), .1)",
+          "dark": "rgba(var(--o-gray-10), .1)"
+        }
+      }
+    ]
+  },
+  "fill": {
+    "name": "填充色",
+    "type": "color",
+    "typeName": "颜色",
+    "value": [
+      {
+        "key": "color-fill1",
+        "description": "一级填充/页面背景",
+        "value": {
+          "light": "rgb(var(--o-mixedgray-1))",
+          "dark": "rgb(var(--o-mixedgray-1))"
+        }
+      },
+      {
+        "key": "color-fill2",
+        "description": "二级填充/区块、卡片",
+        "value": {
+          "light": "rgb(var(--o-gray-1))",
+          "dark": "rgb(var(--o-gray-1))"
+        }
+      },
+      {
+        "key": "color-fill3",
+        "description": "三级填充/卡片",
+        "value": {
+          "light": "rgb(var(--o-mixedgray-3))",
+          "dark": "rgb(var(--o-mixedgray-3))"
+        }
+      },
+      {
+        "key": "color-fill4",
+        "description": "四级填充/禁用",
+        "value": {
+          "light": "rgb(var(--o-mixedgray-4))",
+          "dark": "rgb(var(--o-mixedgray-4))"
+        }
+      }
+    ]
+  },
+  "control": {
+    "name": "控件色",
+    "type": "color",
+    "typeName": "颜色",
+    "value": [
+      {
+        "key": "color-control-light",
+        "description": "很浅背景",
+        "value": {
+          "light": "rgb(var(--o-gray-1))",
+          "dark": "rgb(var(--o-gray-1))"
+        }
+      },
+      {
+        "key": "color-control1",
+        "description": "常规，常用于边框",
+        "value": {
+          "light": "rgb(var(--o-mixedgray-3))",
+          "dark": "rgb(var(--o-mixedgray-3))"
+        }
+      },
+      {
+        "key": "color-control2",
+        "description": "悬浮",
+        "value": {
+          "light": "rgb(var(--o-mixedgray-4))",
+          "dark": "rgb(var(--o-mixedgray-4))"
+        }
+      },
+      {
+        "key": "color-control3",
+        "description": "激活",
+        "value": {
+          "light": "rgb(var(--o-mixedgray-6))",
+          "dark": "rgb(var(--o-mixedgray-6))"
+        }
+      },
+      {
+        "key": "color-control4",
+        "description": "禁用",
+        "value": {
+          "light": "rgb(var(--o-mixedgray-5))",
+          "dark": "rgb(var(--o-mixedgray-5))"
+        }
+      },
+      {
+        "key": "color-control1-light",
+        "description": "常规-浅，常用于背景",
+        "value": {
+          "light": "rgb(var(--o-mixedgray-3))",
+          "dark": "rgb(var(--o-mixedgray-3))"
+        }
+      },
+      {
+        "key": "color-control2-light",
+        "description": "悬浮-浅",
+        "value": {
+          "light": "rgb(var(--o-mixedgray-4))",
+          "dark": "rgb(var(--o-mixedgray-4))"
+        }
+      },
+      {
+        "key": "color-control3-light",
+        "description": "激活-浅",
+        "value": {
+          "light": "rgb(var(--o-mixedgray-5))",
+          "dark": "rgb(var(--o-mixedgray-5))"
+        }
+      },
+      {
+        "key": "color-control4-light",
+        "description": "禁用-浅",
+        "value": {
+          "light": "rgb(var(--o-mixedgray-2))",
+          "dark": "rgb(var(--o-mixedgray-2))"
+        }
+      }
+    ]
+  },
+  "primary": {
+    "name": "强调色",
+    "type": "color",
+    "typeName": "颜色",
+    "value": [
+      {
+        "key": "color-primary1",
+        "description": "常规",
+        "value": {
+          "light": "rgb(var(--o-blue-6))",
+          "dark": "rgb(var(--o-blue-6))"
+        }
+      },
+      {
+        "key": "color-primary2",
+        "description": "悬浮",
+        "value": {
+          "light": "rgb(var(--o-blue-5))",
+          "dark": "rgb(var(--o-blue-5))"
+        }
+      },
+      {
+        "key": "color-primary3",
+        "description": "激活",
+        "value": {
+          "light": "rgb(var(--o-blue-7))",
+          "dark": "rgb(var(--o-blue-7))"
+        }
+      },
+      {
+        "key": "color-primary4",
+        "description": "禁用",
+        "value": {
+          "light": "rgb(var(--o-blue-3))",
+          "dark": "rgb(var(--o-blue-3))"
+        }
+      },
+      {
+        "key": "color-primary1-light",
+        "description": "浅/常规",
+        "value": {
+          "light": "rgb(var(--o-blue-2))",
+          "dark": "rgb(var(--o-blue-2))"
+        }
+      },
+      {
+        "key": "color-primary2-light",
+        "description": "浅/悬浮",
+        "value": {
+          "light": "rgb(var(--o-blue-3))",
+          "dark": "rgb(var(--o-blue-3))"
+        }
+      },
+      {
+        "key": "color-primary3-light",
+        "description": "浅/激活",
+        "value": {
+          "light": "rgb(var(--o-blue-4))",
+          "dark": "rgb(var(--o-blue-4))"
+        }
+      },
+      {
+        "key": "color-primary4-light",
+        "description": "浅/禁用",
+        "value": {
+          "light": "rgb(var(--o-blue-1))",
+          "dark": "rgb(var(--o-blue-1))"
+        }
+      }
+    ]
+  },
+  "success": {
+    "name": "成功色",
+    "type": "color",
+    "typeName": "颜色",
+    "value": [
+      {
+        "key": "color-success1",
+        "description": "常规",
+        "value": {
+          "light": "rgb(var(--o-green-6))",
+          "dark": "rgb(var(--o-green-6))"
+        }
+      },
+      {
+        "key": "color-success2",
+        "description": "悬浮",
+        "value": {
+          "light": "rgb(var(--o-green-5))",
+          "dark": "rgb(var(--o-green-5))"
+        }
+      },
+      {
+        "key": "color-success3",
+        "description": "激活",
+        "value": {
+          "light": "rgb(var(--o-green-7))",
+          "dark": "rgb(var(--o-green-7))"
+        }
+      },
+      {
+        "key": "color-success4",
+        "description": "禁用",
+        "value": {
+          "light": "rgb(var(--o-green-3))",
+          "dark": "rgb(var(--o-green-3))"
+        }
+      },
+      {
+        "key": "color-success1-light",
+        "description": "浅/常规",
+        "value": {
+          "light": "rgb(var(--o-green-2))",
+          "dark": "rgb(var(--o-green-2))"
+        }
+      },
+      {
+        "key": "color-success2-light",
+        "description": "浅/悬浮",
+        "value": {
+          "light": "rgb(var(--o-green-3))",
+          "dark": "rgb(var(--o-green-3))"
+        }
+      },
+      {
+        "key": "color-success3-light",
+        "description": "浅/激活",
+        "value": {
+          "light": "rgb(var(--o-green-4))",
+          "dark": "rgb(var(--o-green-4))"
+        }
+      },
+      {
+        "key": "color-success4-light",
+        "description": "浅/禁用",
+        "value": {
+          "light": "rgb(var(--o-green-1))",
+          "dark": "rgb(var(--o-green-1))"
+        }
+      }
+    ]
+  },
+  "warning": {
+    "name": "告警色",
+    "type": "color",
+    "typeName": "颜色",
+    "value": [
+      {
+        "key": "color-warning1",
+        "description": "常规",
+        "value": {
+          "light": "rgb(var(--o-orange-6))",
+          "dark": "rgb(var(--o-orange-6))"
+        }
+      },
+      {
+        "key": "color-warning2",
+        "description": "悬浮",
+        "value": {
+          "light": "rgb(var(--o-orange-5))",
+          "dark": "rgb(var(--o-orange-5))"
+        }
+      },
+      {
+        "key": "color-warning3",
+        "description": "激活",
+        "value": {
+          "light": "rgb(var(--o-orange-7))",
+          "dark": "rgb(var(--o-orange-7))"
+        }
+      },
+      {
+        "key": "color-warning4",
+        "description": "禁用",
+        "value": {
+          "light": "rgb(var(--o-orange-3))",
+          "dark": "rgb(var(--o-orange-3))"
+        }
+      },
+      {
+        "key": "color-warning1-light",
+        "description": "浅/常规",
+        "value": {
+          "light": "rgb(var(--o-orange-2))",
+          "dark": "rgb(var(--o-orange-2))"
+        }
+      },
+      {
+        "key": "color-warning2-light",
+        "description": "浅/悬浮",
+        "value": {
+          "light": "rgb(var(--o-orange-3))",
+          "dark": "rgb(var(--o-orange-3))"
+        }
+      },
+      {
+        "key": "color-warning3-light",
+        "description": "浅/激活",
+        "value": {
+          "light": "rgb(var(--o-orange-4))",
+          "dark": "rgb(var(--o-orange-4))"
+        }
+      },
+      {
+        "key": "color-warning4-light",
+        "description": "浅/禁用",
+        "value": {
+          "light": "rgb(var(--o-orange-1))",
+          "dark": "rgb(var(--o-orange-1))"
+        }
+      }
+    ]
+  },
+  "danger": {
+    "name": "危险色",
+    "type": "color",
+    "typeName": "颜色",
+    "value": [
+      {
+        "key": "color-danger1",
+        "description": "常规",
+        "value": {
+          "light": "rgb(var(--o-red-6))",
+          "dark": "rgb(var(--o-red-6))"
+        }
+      },
+      {
+        "key": "color-danger2",
+        "description": "悬浮",
+        "value": {
+          "light": "rgb(var(--o-red-5))",
+          "dark": "rgb(var(--o-red-5))"
+        }
+      },
+      {
+        "key": "color-danger3",
+        "description": "激活",
+        "value": {
+          "light": "rgb(var(--o-red-7))",
+          "dark": "rgb(var(--o-red-7))"
+        }
+      },
+      {
+        "key": "color-danger4",
+        "description": "禁用",
+        "value": {
+          "light": "rgb(var(--o-red-3))",
+          "dark": "rgb(var(--o-red-3))"
+        }
+      },
+      {
+        "key": "color-danger1-light",
+        "description": "浅/常规",
+        "value": {
+          "light": "rgb(var(--o-red-2))",
+          "dark": "rgb(var(--o-red-2))"
+        }
+      },
+      {
+        "key": "color-danger2-light",
+        "description": "浅/悬浮",
+        "value": {
+          "light": "rgb(var(--o-red-3))",
+          "dark": "rgb(var(--o-red-3))"
+        }
+      },
+      {
+        "key": "color-danger3-light",
+        "description": "浅/激活",
+        "value": {
+          "light": "rgb(var(--o-red-4))",
+          "dark": "rgb(var(--o-red-4))"
+        }
+      },
+      {
+        "key": "color-danger4-light",
+        "description": "浅/禁用",
+        "value": {
+          "light": "rgb(var(--o-red-1))",
+          "dark": "rgb(var(--o-red-1))"
+        }
+      }
+    ]
+  },
+  "shadow": {
+    "name": "阴影",
+    "type": "shadow",
+    "typeName": "阴影",
+    "value": [
+      {
+        "key": "shadow-1",
+        "name": "阴影1",
+        "description": "用于卡片、小弹窗、楼层阴影",
+        "value": {
+          "light": "0 1px 5px rgba(var(--o-gray-10), 0.1)",
+          "dark": "0 1px 7px rgba(var(--o-gray-10), 0.3)"
+        }
+      },
+      {
+        "key": "shadow-2",
+        "name": "阴影2",
+        "description": "用于卡片悬浮阴影",
+        "value": {
+          "light": "0 6px 18px rgba(var(--o-gray-10), 0.14)",
+          "dark": "0 6px 18px rgba(var(--o-gray-10), 0.42)"
+        }
+      },
+      {
+        "key": "shadow-3",
+        "name": "阴影3",
+        "description": "用于提示阴影",
+        "value": {
+          "light": "0 10px 32px rgba(var(--o-gray-10), 0.18)",
+          "dark": "0 10px 32px rgba(var(--o-gray-10), 0.54)"
+        }
+      }
+    ]
+  },
+  "gap": {
+    "name": "间距",
+    "type": "gap",
+    "typeName": "间距",
+    "value": [
+      {
+        "key": "gap-1",
+        "name": "间距1",
+        "description": "用于组件之间的间距1",
+        "value": {
+          "light": "4px",
+          "dark": "4px"
+        }
+      },
+      {
+        "key": "gap-2",
+        "name": "间距2",
+        "description": "用于组件之间的间距2",
+        "value": {
+          "light": "8px",
+          "dark": "8px"
+        }
+      },
+      {
+        "key": "gap-3",
+        "name": "间距3",
+        "description": "用于组件之间的间距3",
+        "value": {
+          "light": "12px",
+          "dark": "12px"
+        }
+      },
+      {
+        "key": "gap-4",
+        "name": "间距4",
+        "description": "用于组件之间的间距4",
+        "value": {
+          "light": "16px",
+          "dark": "16px"
+        }
+      },
+      {
+        "key": "gap-5",
+        "name": "间距5",
+        "description": "用于组件之间的间距5",
+        "value": {
+          "light": "24px",
+          "dark": "24px"
+        }
+      },
+      {
+        "key": "gap-6",
+        "name": "间距6",
+        "description": "用于组件之间的间距6",
+        "value": {
+          "light": "32px",
+          "dark": "32px"
+        }
+      },
+      {
+        "key": "gap-7",
+        "name": "间距7",
+        "description": "用于组件之间的间距7",
+        "value": {
+          "light": "40px",
+          "dark": "40px"
+        }
+      },
+      {
+        "key": "gap-8",
+        "name": "间距8",
+        "description": "用于组件之间的间距8",
+        "value": {
+          "light": "64px",
+          "dark": "64px"
+        }
+      }
+    ]
+  },
+  "size": {
+    "name": "组件尺寸",
+    "type": "size",
+    "typeName": "尺寸",
+    "value": [
+      {
+        "key": "size-xxs",
+        "name": "小尺寸",
+        "description": "小尺寸",
+        "value": {
+          "light": "12px",
+          "dark": "12px"
+        }
+      },
+      {
+        "key": "size-xs",
+        "name": "小尺寸",
+        "description": "小尺寸",
+        "value": {
+          "light": "18px",
+          "dark": "18px"
+        }
+      },
+      {
+        "key": "size-s",
+        "name": "小尺寸",
+        "description": "小尺寸",
+        "value": {
+          "light": "24px",
+          "dark": "24px"
+        }
+      },
+      {
+        "key": "size-m",
+        "name": "中尺寸",
+        "description": "尺寸",
+        "value": {
+          "light": "32px",
+          "dark": "32px"
+        }
+      },
+      {
+        "key": "size-l",
+        "name": "大尺寸",
+        "description": "尺寸",
+        "value": {
+          "light": "40px",
+          "dark": "40px"
+        }
+      },
+      {
+        "key": "size-xl",
+        "name": "大尺寸",
+        "description": "尺寸",
+        "value": {
+          "light": "48px",
+          "dark": "48px"
+        }
+      }
+    ]
+  },
+  "icon_size": {
+    "name": "图标尺寸",
+    "type": "size",
+    "typeName": "尺寸",
+    "value": [
+      {
+        "key": "icon_size-xxs",
+        "name": "超小尺寸图标",
+        "description": "小尺寸",
+        "value": {
+          "light": "12px",
+          "dark": "12px"
+        }
+      },
+      {
+        "key": "icon_size-xs",
+        "name": "超小尺寸图标",
+        "description": "小尺寸",
+        "value": {
+          "light": "16px",
+          "dark": "16px"
+        }
+      },
+      {
+        "key": "icon_size-s",
+        "name": "小尺寸图标",
+        "description": "小尺寸",
+        "value": {
+          "light": "24px",
+          "dark": "24px"
+        }
+      },
+      {
+        "key": "icon_size-m",
+        "name": "中尺寸图标",
+        "description": "尺寸",
+        "value": {
+          "light": "32px",
+          "dark": "32px"
+        }
+      },
+      {
+        "key": "icon_size-l",
+        "name": "大尺寸图标",
+        "description": "尺寸",
+        "value": {
+          "light": "48px",
+          "dark": "48px"
+        }
+      }
+    ]
+  },
+  "font_size": {
+    "name": "字体尺寸",
+    "type": "font",
+    "typeName": "字体",
+    "value": [
+      {
+        "key": "font_size-display1",
+        "name": "一级数据展示",
+        "description": "一级数据展示",
+        "value": {
+          "light": "64px",
+          "dark": "64px"
+        }
+      },
+      {
+        "key": "font_size-display2",
+        "name": "二级数据展示",
+        "description": "二级数据展示",
+        "value": {
+          "light": "54px",
+          "dark": "54px"
+        }
+      },
+      {
+        "key": "font_size-display3",
+        "name": "三级数据展示",
+        "description": "三级数据展示",
+        "value": {
+          "light": "36px",
+          "dark": "36px"
+        }
+      },
+      {
+        "key": "font_size-display4",
+        "name": "四级数据展示",
+        "description": "四级数据展示",
+        "value": {
+          "light": "28px",
+          "dark": "28px"
+        }
+      },
+      {
+        "key": "font_size-h1",
+        "name": "一级标题",
+        "description": "一级标题",
+        "value": {
+          "light": "24px",
+          "dark": "24px"
+        }
+      },
+      {
+        "key": "font_size-h2",
+        "name": "二级标题",
+        "description": "二级标题",
+        "value": {
+          "light": "20px",
+          "dark": "20px"
+        }
+      },
+      {
+        "key": "font_size-h3",
+        "name": "三级标题",
+        "description": "三级标题",
+        "value": {
+          "light": "18px",
+          "dark": "18px"
+        }
+      },
+      {
+        "key": "font_size-text1",
+        "name": "常规正文",
+        "description": "常规正文",
+        "value": {
+          "light": "14px",
+          "dark": "14px"
+        }
+      },
+      {
+        "key": "font_size-text2",
+        "name": "大号正文",
+        "description": "大号正文",
+        "value": {
+          "light": "16px",
+          "dark": "16px"
+        }
+      },
+      {
+        "key": "font_size-tip1",
+        "name": "提示文本1",
+        "description": "提示文本1",
+        "value": {
+          "light": "12px",
+          "dark": "12px"
+        }
+      },
+      {
+        "key": "font_size-tip2",
+        "name": "提示文本2",
+        "description": "提示文本2",
+        "value": {
+          "light": "10px",
+          "dark": "10px"
+        }
+      }
+    ]
+  },
+  "line_height": {
+    "name": "字体行高",
+    "type": "font",
+    "typeName": "字体",
+    "value": [
+      {
+        "key": "line_height-display1",
+        "name": "一级数据展示",
+        "description": "一级数据展示",
+        "value": {
+          "light": "84px",
+          "dark": "84px"
+        }
+      },
+      {
+        "key": "line_height-display2",
+        "name": "二级数据展示",
+        "description": "二级数据展示",
+        "value": {
+          "light": "76px",
+          "dark": "76px"
+        }
+      },
+      {
+        "key": "line_height-display3",
+        "name": "三级数据展示",
+        "description": "三级数据展示",
+        "value": {
+          "light": "48px",
+          "dark": "48px"
+        }
+      },
+      {
+        "key": "line_height-display4",
+        "name": "四级数据展示",
+        "description": "四级数据展示",
+        "value": {
+          "light": "36px",
+          "dark": "36px"
+        }
+      },
+      {
+        "key": "line_height-h1",
+        "name": "一级标题",
+        "description": "一级标题",
+        "value": {
+          "light": "32px",
+          "dark": "32px"
+        }
+      },
+      {
+        "key": "line_height-h2",
+        "name": "二级标题",
+        "description": "二级标题",
+        "value": {
+          "light": "28px",
+          "dark": "28px"
+        }
+      },
+      {
+        "key": "line_height-h3",
+        "name": "三级标题",
+        "description": "三级标题",
+        "value": {
+          "light": "26px",
+          "dark": "26px"
+        }
+      },
+      {
+        "key": "line_height-text1",
+        "name": "常规正文",
+        "description": "常规正文",
+        "value": {
+          "light": "22px",
+          "dark": "22px"
+        }
+      },
+      {
+        "key": "line_height-text2",
+        "name": "大号正文",
+        "description": "大号正文",
+        "value": {
+          "light": "24px",
+          "dark": "24px"
+        }
+      },
+      {
+        "key": "line_height-tip1",
+        "name": "提示文本1",
+        "description": "提示文本1",
+        "value": {
+          "light": "18px",
+          "dark": "18px"
+        }
+      },
+      {
+        "key": "line_height-tip2",
+        "name": "提示文本2",
+        "description": "提示文本2",
+        "value": {
+          "light": "14px",
+          "dark": "14px"
+        }
+      }
+    ]
+  },
+  "radius": {
+    "name": "圆角尺寸",
+    "type": "size",
+    "typeName": "尺寸",
+    "value": [
+      {
+        "key": "radius-s",
+        "name": "小尺寸圆角",
+        "description": "小尺寸圆角",
+        "value": {
+          "light": "2px",
+          "dark": "2px"
+        }
+      },
+      {
+        "key": "radius-m",
+        "name": "中尺寸圆角",
+        "description": "中尺寸圆角",
+        "value": {
+          "light": "4px",
+          "dark": "4px"
+        }
+      },
+      {
+        "key": "radius-l",
+        "name": "大尺寸圆角",
+        "description": "大尺寸圆角",
+        "value": {
+          "light": "8px",
+          "dark": "8px"
+        }
+      },
+      {
+        "key": "radius-control-s",
+        "name": "小尺寸控件圆角",
+        "description": "小尺寸控件圆角",
+        "value": {
+          "light": "var(--o-radius-s)",
+          "dark": "var(--o-radius-s)"
+        }
+      },
+      {
+        "key": "radius-control-m",
+        "name": "中尺寸控件圆角",
+        "description": "中尺寸控件圆角",
+        "value": {
+          "light": "var(--o-radius-m)",
+          "dark": "var(--o-radius-m)"
+        }
+      },
+      {
+        "key": "radius-control-l",
+        "name": "大尺寸控件圆角",
+        "description": "大尺寸控件圆角",
+        "value": {
+          "light": "var(--o-radius-l)",
+          "dark": "var(--o-radius-l)"
+        }
+      }
+    ]
+  },
+  "duration": {
+    "name": "动画持续时间",
+    "type": "animation",
+    "typeName": "动画",
+    "value": [
+      {
+        "key": "duration-s",
+        "name": "持续时间",
+        "description": "用于退出屏幕的动画",
+        "value": {
+          "light": "200ms",
+          "dark": "200ms"
+        }
+      },
+      {
+        "key": "duration-m1",
+        "name": "持续时间",
+        "description": "用于当曲线为standard-in时进入屏幕的动画",
+        "value": {
+          "light": "250ms",
+          "dark": "250ms"
+        }
+      },
+      {
+        "key": "duration-m2",
+        "name": "持续时间",
+        "description": "用于当曲线为standard时开始、结束的动画",
+        "value": {
+          "light": "300ms",
+          "dark": "300ms"
+        }
+      },
+      {
+        "key": "duration-m3",
+        "name": "持续时间",
+        "description": "用于当曲线为emphasized-in时进入屏幕的动画",
+        "value": {
+          "light": "400ms",
+          "dark": "400ms"
+        }
+      },
+      {
+        "key": "duration-l",
+        "name": "持续时间",
+        "description": "用于当曲线为emphasized时开始、结束的动画",
+        "value": {
+          "light": "500ms",
+          "dark": "500ms"
+        }
+      },
+      {
+        "key": "duration-xl",
+        "name": "持续时间",
+        "description": "用于当曲线为emphasized时，轮播切换动画",
+        "value": {
+          "light": "1000ms",
+          "dark": "1000ms"
+        }
+      }
+    ]
+  },
+  "easing": {
+    "name": "动画曲线",
+    "type": "animation",
+    "typeName": "动画",
+    "value": [
+      {
+        "key": "easing-linear",
+        "name": "线性动画曲线",
+        "description": "线性曲线",
+        "value": {
+          "light": "cubic-bezier(0, 0, 1, 1)",
+          "dark": "cubic-bezier(0, 0, 1, 1)"
+        }
+      },
+      {
+        "key": "easing-standard",
+        "name": "动画曲线",
+        "description": "用于组件",
+        "value": {
+          "light": "cubic-bezier(0.2, 0, 0, 1)",
+          "dark": "cubic-bezier(0.2, 0, 0, 1)"
+        }
+      },
+      {
+        "key": "easing-standard-in",
+        "name": "动画曲线",
+        "description": "用于组件",
+        "value": {
+          "light": "cubic-bezier(0, 0, 0, 1)",
+          "dark": "cubic-bezier(0, 0, 0, 1)"
+        }
+      },
+      {
+        "key": "easing-standard-out",
+        "name": "动画曲线",
+        "description": "用于组件",
+        "value": {
+          "light": "cubic-bezier(0.3, 0, 1, 1)",
+          "dark": "cubic-bezier(0.3, 0, 1, 1)"
+        }
+      },
+      {
+        "key": "easing-emphasized",
+        "name": "动画曲线",
+        "description": "用于大卡片、场景切换",
+        "value": {
+          "light": "cubic-bezier(0.2, 0, 0, 1)",
+          "dark": "cubic-bezier(0.2, 0, 0, 1)"
+        }
+      },
+      {
+        "key": "easing-emphasized-in",
+        "name": "动画曲线",
+        "description": "用于大卡片、场景切换",
+        "value": {
+          "light": "cubic-bezier(0.3, 0, 0.8, 0.15)",
+          "dark": "cubic-bezier(0.3, 0, 0.8, 0.15)"
+        }
+      },
+      {
+        "key": "easing-emphasized-out",
+        "name": "动画曲线",
+        "description": "用于大卡片、场景切换",
+        "value": {
+          "light": "cubic-bezier(0.05, 0.7, 0.1, 1)",
+          "dark": "cubic-bezier(0.05, 0.7, 0.1, 1)"
+        }
+      }
+    ]
+  }
+}
diff --git a/packages/opendesign/src/tokens/token.config.ts b/packages/opendesign/src/tokens/token.config.ts
index ad571baa1674dee5bc523c93d5d16df8a18b423e..80857b5d3f939bdb3c5faa62154c12716260b951 100644
--- a/packages/opendesign/src/tokens/token.config.ts
+++ b/packages/opendesign/src/tokens/token.config.ts
@@ -3,6 +3,6 @@ module.exports = {
   output: '../components/style/',
   themes: ['light', 'dark'],
   defaultTheme: 'light',
-  tokenFile: ['./opendesign-token.json'],
+  tokenFile: ['./opendesign2-token.json'],
   codeSnippetsFile: '../../../../.vscode/opendesign.token.code-snippets'
 };
\ No newline at end of file