chore: add default value for ConnectModal design token

ant-design · Feb 10, 2025 · 78ec32b · 78ec32b
1 parent 2949c90
commit 78ec32b
Show file tree

Hide file tree

Showing 2 changed files with 30 additions and 30 deletions.
diff --git a/packages/web3/src/connect-modal/index.md b/packages/web3/src/connect-modal/index.md
@@ -93,18 +93,18 @@ Besides properties related to controlling pop-ups, it is the same as `ConnectMod
 
 ## Design Token
 
-| Token Name           | Description                                | Type     |
-| -------------------- | ------------------------------------------ | -------- |
-| selectedWalletBg     | Background color of selected wallet        | `string` |
-| selectedWalletColor  | Color of selected wallet                   | `string` |
-| hoverWalletBg        | Background color when hovering over wallet | `string` |
-| panelSplitLineColor  | Color of panel split line                  | `string` |
-| modalTitleStartColor | Start color of modal title                 | `string` |
-| modalTitleEndColor   | End color of modal title                   | `string` |
-| walletGroupTextColor | Text color of wallet group                 | `string` |
-| descriptionColor     | Color of description text                  | `string` |
-| getWalletCardBg      | Background color of get wallet card        | `string` |
-| walletIconSize       | Size of wallet icon                        | `number` |
-| simpleGuideBg        | Background color of simple guide           | `string` |
-| walletListWidth      | Width of wallet list                       | `number` |
-| modalMinHeight       | Minimum height of modal                    | `number` |
+| Token Name | Description | Type | Default |
+| --- | --- | --- | --- |
+| selectedWalletBg | Background color of selected wallet | `string` | `rgb(39, 39, 39)` |
+| selectedWalletColor | Color of selected wallet | `string` | `#141414` |
+| hoverWalletBg | Background color when hovering over wallet | `string` | `rgb(39, 39, 39)` |
+| panelSplitLineColor | Color of panel split line | `string` | `rgba(255, 255, 255, 0.06)` |
+| modalTitleStartColor | Start color of modal title | `string` | `#1668dc` |
+| modalTitleEndColor | End color of modal title | `string` | `rgba(255, 255, 255, 0.85)` |
+| walletGroupTextColor | Text color of wallet group | `string` | `rgba(255, 255, 255, 0.65)` |
+| descriptionColor | Color of description text | `string` | `rgba(255, 255, 255, 0.65)` |
+| getWalletCardBg | Background color of get wallet card | `string` | `rgba(255, 255, 255, 0.03)` |
+| walletIconSize | Size of wallet icon | `number` | `32` |
+| simpleGuideBg | Background color of simple guide | `string` | `rgba(255, 255, 255, 0.06)` |
+| walletListWidth | Width of wallet list | `number` | `328` |
+| modalMinHeight | Minimum height of modal | `number` | `518` |
diff --git a/packages/web3/src/connect-modal/index.zh-CN.md b/packages/web3/src/connect-modal/index.zh-CN.md
@@ -94,18 +94,18 @@ coverDark: https://mdn.alipayobjects.com/huamei_mutawc/afts/img/A*dmHOSI_kdd0AAA
 
 ## 主题变量（Design Token）
 
-| Token 名称           | 描述               | 类型     |
-| -------------------- | ------------------ | -------- |
-| selectedWalletBg     | 选中钱包的背景色   | `string` |
-| selectedWalletColor  | 选中钱包的颜色     | `string` |
-| hoverWalletBg        | 悬停钱包的背景色   | `string` |
-| panelSplitLineColor  | 面板分割线颜色     | `string` |
-| modalTitleStartColor | 弹窗标题起始颜色   | `string` |
-| modalTitleEndColor   | 弹窗标题结束颜色   | `string` |
-| walletGroupTextColor | 钱包分组文字颜色   | `string` |
-| descriptionColor     | 描述文字颜色       | `string` |
-| getWalletCardBg      | 获取钱包卡片背景色 | `string` |
-| walletIconSize       | 钱包图标大小       | `number` |
-| simpleGuideBg        | 简易指引背景色     | `string` |
-| walletListWidth      | 钱包列表宽度       | `number` |
-| modalMinHeight       | 弹窗最小高度       | `number` |
+| Token 名称           | 描述               | 类型     | 默认值                      |
+| -------------------- | ------------------ | -------- | --------------------------- |
+| selectedWalletBg     | 选中钱包的背景色   | `string` | `rgb(39, 39, 39)`           |
+| selectedWalletColor  | 选中钱包的颜色     | `string` | `#141414`                   |
+| hoverWalletBg        | 悬停钱包的背景色   | `string` | `rgb(39, 39, 39)`           |
+| panelSplitLineColor  | 面板分割线颜色     | `string` | `rgba(255, 255, 255, 0.06)` |
+| modalTitleStartColor | 弹窗标题起始颜色   | `string` | `#1668dc`                   |
+| modalTitleEndColor   | 弹窗标题结束颜色   | `string` | `rgba(255, 255, 255, 0.85)` |
+| walletGroupTextColor | 钱包分组文字颜色   | `string` | `rgba(255, 255, 255, 0.65)` |
+| descriptionColor     | 描述文字颜色       | `string` | `rgba(255, 255, 255, 0.65)` |
+| getWalletCardBg      | 获取钱包卡片背景色 | `string` | `rgba(255, 255, 255, 0.03)` |
+| walletIconSize       | 钱包图标大小       | `number` | `32`                        |
+| simpleGuideBg        | 简易指引背景色     | `string` | `rgba(255, 255, 255, 0.06)` |
+| walletListWidth      | 钱包列表宽度       | `number` | `328`                       |
+| modalMinHeight       | 弹窗最小高度       | `number` | `518`                       |