Gemini Singularity(V0.9)
Gemini 聊天页面轻量美化:更舒服的排版 + 发光代码块 & 表格(保持原生布局),主题自适应 + 可访问性增强。
- 适用站点:https://gemini.google.com/*
- 定位:在尽量不破坏 Gemini 原生布局的前提下,增强阅读体验与内容呈现效果(代码块/表格/引用/公式/图片)。
✨ 主要功能
1. 阅读排版优化
- 内容区域居中 + 限制最大宽度(默认
980px):对话区、底部区域、输入区统一更聚焦。
- 全局排版增强:更舒适的行高、字距、抗锯齿与可读性优化。
- 标题层级美化:
h1~h4 加粗、优化间距,并增加渐变下划线装饰。
- 段落留白优化:段落间距更自然,阅读不拥挤。
2. 代码块增强(玻璃质感 + 发光,可开关)
- 保持 Gemini 原生
code-block 结构,仅覆盖样式。
- 代码块样式特性:
- 圆角卡片 + 边框
- 顶部栏玻璃效果(支持
backdrop-filter 时启用)
- 类 macOS 的“三色按钮”装饰
- 悬停时发光/阴影增强(可关闭发光,仅保留阴影层次)
- 内联代码(inline code)也会增强:背景、边框、圆角更清晰,强调更明显。
3. 表格视觉增强 + 移动端横滑(可开关)
- 表格卡片化:圆角、阴影、边框、悬停高亮。
- 表头更突出:加粗、字距、统一风格。
- 移动端可选开启 横向滚动:避免表格在小屏幕上挤爆布局。
4. 引用块(blockquote)与公式显示优化
- 引用块改为柔和渐变背景 + 左侧强调条 + 引号装饰。
- MathJax 展示公式(
mjx-container[display="true"])增加背景、边框、滚动支持,长公式更易读。
5. 图片圆角与阴影(可开关)
- 聊天内容里的图片可选开启圆角与柔和阴影,整体更统一。
6. 动效与可访问性增强(遵循系统偏好)
- 入场动画:段落、标题、列表、表格、代码块等轻微上浮淡入(可开关)。
- 遵循系统设置:
prefers-reduced-motion:自动关闭动画与过渡
prefers-reduced-transparency:自动降低/移除模糊与阴影
forced-colors: active:高对比模式下保证可读性(Canvas/CanvasText)
7. 主题自适应(浅色/深色)
- 优先使用 Gemini 的
--gm-* 变量,并对深色模式做兜底处理。
- 代码块背景/边框/文字等会随主题自动变化。
8. 自定义「拖放上传」提示框(对齐输入区域)
- 监听文件拖拽(仅
Files 类型):
- 隐藏 Gemini 原生的“将文件拖放到此处”覆盖层(通过文本匹配定位并隐藏)
- 显示一个与输入区域宽度对齐的自定义提示框(虚线边框 + 轻透明背景)
- 拖入/拖离自动显示/隐藏
⚙️ 菜单配置(Tampermonkey / Violentmonkey)
脚本提供菜单开关,点击后会保存设置并刷新页面生效:
- 远程字体:开/关
- 发光效果:开/关
- 入场动画:开/关
- 段落两端对齐:开/关
- 图片圆角:开/关
- 移动端表格横滑:开/关
数值项默认值:
maxWidth = 980
fontSize = 17
fontSizeMobile = 16
🔤 字体策略(可关闭)
- 默认可加载 Google Fonts:
- Inter(正文)
- JetBrains Mono(代码)
- 使用
link preconnect + stylesheet 注入,避免 @import 带来的阻塞。
- 关闭远程字体后回退到系统字体栈。
🧩 兼容性与说明
- 仅在顶层页面生效(避免 iframe 干扰)。
- 以“增强样式但不破坏原生结构”为原则,主要做 CSS 覆盖。
- 强化键盘可用性:
focus-visible 提供更清晰的焦点描边与阴影提示。
📦 更新日志
- V0.9
- 初版发布:排版优化、代码块/表格增强、主题自适应、可访问性增强、拖放上传提示框对齐输入区等。