组件能力和主题展示效果优化

[yutingzhao1991]

概述

当前 Ant Design Web3 的官网有两个比较重要的位置展示连接相关组件的能力。

一是首页：

存在的问题是：

• 主题色切换的效果不明显，无法体现“Customize the theme as you like”。

第二是快速开始页面的 try it out http://localhost:8000/guide/ant-design-web3#try-it-out

存在的问题是：

• 没有经过设计，看上去比较简陋。
• 提供的主题有点少，和首页一样，无法体现“Customize the theme as you like”。

首先希望针对这两部分内容做下调整。

首页

希望把仅有主色切换改为主题切换，支持如下主题：

• 默认
• 暗黑
• 森林绿（可以先直接使用 antd 官网的知识协作）
• 桃花缘（可以先直接使用 antd 官网的桃花源）
• 紫罗兰（可以复用 ZAN 的 token）

类似下面这样，另外补充一个更多的连接跳转到 https://web3.ant.design/theme-editor ，切换主题的时候可以模仿 antd 那样把背景也换换，整体氛围更匹配（比如可以把现在的渐变色改为对应的渐变色）。

try it out

可以参考 connectKit https://docs.family.co/connectkit/try-it-out

做得相对正式一点即可，支持的调整可以先支持当前我们支持的这几项：

不过设计的时候要考虑未来可能还会加一些其他配置，要便于扩展。