把狗给我! (@dodonono) 在 搞了个 Google Ai studio 体验优化 & 界面美化的小脚本 中发帖
纯css,推荐用stylus加载,完全丝滑无感
Vibe Coding 抠的,功能和效果示例如下图
路过的佬赏个star吧 😭😭😭
1. 对话区分
背景区分:为 User 部分加上醒目但不刺眼的背景色(适配 Dark/Light 模式,推荐 Dark 模式),以明确区分对话角色、所处位置。
2. 侧边栏重构
布局:隐藏无关信息,减少视觉干扰。(我按我自己的使用习惯,把侧边栏一些东西隐藏了,包括API,有佬需要的自己在本地改一下放出来就行)
排序:将常用设置项单独提取出,并置顶。
[Cover]
3. 导航增强
对话目录:在右侧利用滚动条区域生成可视化目录。
快速跳转:点击目录项可直接跳转至对应的 User 提问处。
当前位置:目录会自动高亮显示当前视口所在的对话段落。
[Demo]
4. Markdown 渲染优化
针对原版样式进行以下调整:
排版:调整段落...