把狗给我! (@dodonono)搞了个 Google Ai studio 体验优化 & 界面美化的小脚本 中发帖

纯css,推荐用stylus加载,完全丝滑无感 
Vibe Coding 抠的,功能和效果示例如下图
路过的佬赏个star吧 😭😭😭


1. 对话区分

背景区分:为 User 部分加上醒目但不刺眼的背景色(适配 Dark/Light 模式,推荐 Dark 模式),以明确区分对话角色、所处位置。

2. 侧边栏重构

布局:隐藏无关信息,减少视觉干扰。(我按我自己的使用习惯,把侧边栏一些东西隐藏了,包括API,有佬需要的自己在本地改一下放出来就行)
排序:将常用设置项单独提取出,并置顶。

[Cover]
3. 导航增强

对话目录:在右侧利用滚动条区域生成可视化目录。
快速跳转:点击目录项可直接跳转至对应的 User 提问处。
当前位置:目录会自动高亮显示当前视口所在的对话段落。

[Demo]
4. Markdown 渲染优化
针对原版样式进行以下调整:

排版:调整段落...