Avid Reader 主题

:warning: 如果您在 2023 年 6 月 7 日之前 安装了该主题,您需要使用 GitHub 上的新仓库链接 重新安装 它。

:discourse2: 摘要 Avid Reader 是一个专注于可读性的主题,其设计灵感来源于 Pocket 的外观。
:hammer_and_wrench: 仓库链接 https://github.com/discourse/avid-reader
:open_book: 初次接触 Discourse 主题? Discourse 主题使用入门指南

安装此主题

功能特性

我们实现了更大的字体尺寸、不同标题之间更大的尺寸对比度、更宽松的行间距以及中性的背景颜色,以提供更好的阅读体验。此外,我们还提供了一些自定义图标。

截图

主题组件

该主题包含以下主题组件:

对于 Versatile Banner,我们仅使用了少数功能,以便在首页仅显示简单的欢迎消息和描述。您可以查看下方的截图以复制我们的设置:

查看 Versatile Banner 的完整设置

以下是我们用于欢迎消息 + 描述的代码:

<h2 class="x-title">
  您的欢迎消息
</h2>
<div class="description">
  <p>
    简要描述您的 Discourse 论坛是关于什么的
  </p>
</div>

我们的建议

如果您希望您的 Discourse 论坛看起来与实时预览完全一致,除了实施上述 Versatile Banner 的设置外,以下是我们为部分管理员设置所做的选择。

分类样式

我们更喜欢将分类样式设置为 bar(条形),而不是默认的 bullet(圆点)。这可以在以下位置更改:

管理员 > 设置 > 基本设置 > 分类样式 > bar

桌面分类页面样式

我们选择使用“框”(boxes)选项作为分类页面。这可以在以下位置更改:

管理员 > 设置 > 基本设置 > 桌面分类页面样式 > 带有子分类的框

分类颜色

我们制作了一个分类颜色调色板,我们认为它与主题的其他部分搭配得很好。

查看 HEX 颜色值
#8ECEA0
#20A9AB
#946F96
#CF9D2B
#366B80
#F69A9B
#9FD8DF
#00917C
#F27072
#C1CEBF
#6B7AA1
#F4D6A2
#F0C928
#C6B4CE
#65516B
#C56183

您可以在以下位置添加这些 HEX 值:

管理员 > 设置 > 基本设置 > 分类颜色

移除用户卡片背景设置

该主题确实有一个可能略显争议的设置,名为“隐藏用户卡片背景”。它的作用是将用户卡片背景变为纯白色。我们认为,即使 Discourse 默认使用了强烈的叠加层,用户卡片背景有时仍显得有些杂乱。

但这确实限制了用户自我表达的一个方面。我们选择将其保留为一个设置,由管理员自行决定。


这是我们的第一个主题,也是我们在编程方面真正完成的第一件事。希望您喜欢它,我们非常乐意听到社区的任何反馈。感谢 Discourse 对这项工作的支持!


:discourse2: 由我们托管? 主题可在我们的标准版、商业版和企业版计划中使用。

26 个赞

不错的主题,看着很舒服。

2 个赞

打开话题时,颜色不会变为其他颜色(例如灰色)。当所有内容都是纯黑色时,很难立即找到未读话题。这是 CSS 的问题吗?

2 个赞

@Jagster 感谢指出这个问题。我们之前以未登录状态在 Safari 和 Chrome 中测试过,功能正常。


但我刚才清理了浏览器历史记录以便测试,发现功能失效了:访问主题后颜色不再变化。我今天晚些时候或明天一早会进一步排查,谢谢!

1 个赞

我们刚刚更新了 CSS,现在应该可以正常工作了。这是一个我们在项目初期编写却忘记处理的旧 CSS 规则,哈哈。

2 个赞

哇,我很喜欢!

我们将在 https://bunqueer.jaquerespeis.org/ 中将其设为默认主题。

目前的 Logo 看起来不太理想,我们稍后会进行修改。

感谢 @zavorio@senioritapolyester <3

1 个赞

有深色模式吗?

1 个赞

@CamilleRoux 我们可能稍后会制作一个,但首先我们想基于当前的配色方案做一个变体,呈现稍暗一点的版本。但这并不完全等同于“深色模式”,更像是 Standard Notes 的 Titanium 主题:

我觉得大多数常见的亮色/深色界面对于我的眼睛来说对比度过强。正如 @P2W 上面所表达的,我们的目标是打造一种对眼睛友好的设计。传统的深色模式可能过于强烈。不过,我们也有可能改变主意 :cowboy_hat_face:

2 个赞

这个配色方案有任何进展吗?它真的很完美!

1 个赞

嘿!还不算,但会在年底前推出。我们最近有点忙😅

2 个赞

我喜欢这个主题,但我的实例刚刚添加了新的侧边栏功能,通知菜单就坏了。有人遇到过这个问题吗,还是只有我?

这是因为这段 CSS:

.widget-component-connector {
    display: none;
}

我不知道这个规则在这个主题中的原始目的是什么。

2 个赞

而且聊天图标丢失了。我之前使用过这个主题,但因为还有其他问题而放弃了——抱歉,我已经不记得是什么了。但我发现这个主题是损坏的。

根据我从 Discourse 代码中看到的情况,我认为原因与我上面发送的消息相同。

2 个赞

@zavorio 你在 Github 上有几个拉取请求(PR)。请批准它们来修复主题。

您是否会考虑将来继续更新此主题,还是希望放弃它?

1 个赞

主题已迁移到我们在 GitHub 上的组织并已修复。

如果您在 2023 年 6 月 7 日之前安装了该主题,则需要使用 GitHub 上的新存储库链接重新安装它。

(OP 已更新)

3 个赞