Terraglass——一款采用精心设计的浅色/深色配色的磨砂玻璃主题

我刚刚发布了一个我打磨了一段时间的主题,现已以 MIT 许可证开源:这是一个简洁、现代的外观,围绕半透明磨砂玻璃表面(页眉、侧边栏、搜索框)构建,并配备了专为浅色和深色模式设计的配色方案——没有硬编码的颜色,一切都绑定到 Discourse 的 CSS 自定义属性,因此开箱即用,支持自动的浅色/深色切换。

仓库:terraboss/discourse-terraglass

功能

  • 磨砂玻璃表面——页眉、侧边栏/汉堡菜单以及页眉搜索框/下拉菜单均为半透明,并带有背景模糊效果,不透明度和模糊强度均可配置
  • 独立的、专为浅色和深色模式设计的配色方案(不仅仅是单一方案的简单反转),文本和 UI 元素均符合 WCAG AA 对比度标准
  • 类似 X/Twitter 的一键链接预览(onebox),带有细边框和圆角
  • 礼仪风格(Etiquette)的旗帜/箭头形状标签
  • 在所有设备上固定为 16:9 的视频嵌入
  • 带有微妙悬停状态的主题列表斑马纹
  • 按钮、卡片、模态框和输入框的圆角半径可配置
  • 可访问的焦点轮廓,使用配色方案自身的文本颜色,因此在浅色和深色模式下均保持可见
  • 以上所有功能均为主题设置——您可以关闭或调整任何不需要的功能

安装

自定义 → 主题 → 安装 → 从 Git 仓库:

https://github.com/terraboss/discourse-terraglass

这还将为您提供一键“检查更新”的功能。

更新

我最初在下面提到的 backdrop-filter 模糊问题现已修复——感谢 awesomerobot 指出了真正的原因(详情见此)。侧边栏、汉堡菜单和搜索面板现在都能正确应用模糊效果。

欢迎反馈,乐意接受功能请求或 bug 报告。

2 个赞

能发几张截图吗?听起来很棒

1 个赞

也许以后吧。自己试试看!:slight_smile: