我刚发布了一个经过长期打磨的主题,现已以 MIT 协议开源:这是一款简洁现代的主题,围绕半透明磨砂玻璃表面(页眉、侧边栏、菜单、对话框、搜索框)构建,并配备了专为浅色和深色模式定制的色彩方案——没有硬编码颜色,一切都绑定到 Discourse 的 CSS 自定义属性,因此开箱即用,支持自动切换浅色/深色模式。
仓库地址:terraboss/discourse-terraglass
截图
浅色模式,运行在 Meta 上。通知菜单,页面内容隐约可见:
搜索下拉菜单:
对话框——背后的页面被模糊处理而非变暗:
功能特性
- 磨砂玻璃表面——页眉、侧边栏/汉堡菜单以及页眉搜索框/下拉菜单均为半透明并带有背景模糊效果;透明度和模糊强度均可配置
- 玻璃质感的菜单和对话框——下拉菜单(例如通知)和对话框共享磨砂外观,带有细窄的头发丝边缘和顶部微弱的高光;对话框背后的页面会被模糊而非变暗。菜单和对话框的透明度与模糊度可分别调整
- 可选的页眉色调——为页眉添加微妙的颜色,可以跟随当前色彩方案的强调色,也可以是任意自定义颜色,强度可调。在 Safari 中,浏览器工具栏区域也会相应着色。默认关闭
- 独立的、专为浅色和深色模式定制的色彩方案(不仅仅是单一方案的反转),并针对文本和 UI 元素通过了 WCAG AA 对比度检查
- 类似 X/Twitter 的单盒(onebox)链接预览,带有细边框和圆角
- 类似礼仪(Etiquette)主题的旗帜/箭头形状标签
- 在所有设备上固定为 16:9 的视频嵌入
- 斑马纹主题列表,带有微妙的悬停状态
- 按钮、卡片、模态框和输入框的圆角半径可配置
- 可访问的焦点轮廓,使用方案自身的文本颜色,因此在浅色和深色模式下均清晰可见
- 以上所有功能均为主题设置——您可以关闭或调整任何不需要的部分
安装
自定义 → 主题 → 安装 → 从 Git 仓库:
https://github.com/terraboss/discourse-terraglass
这也将为您提供未来的一键“检查更新”功能。
欢迎反馈,乐意接受功能请求或错误报告。
附注:截图在 Meta 上拍摄
主题通过开发者控制台在本地浏览器中应用 ![]()




