🌅 介绍 Horizon,我们最新的主题

对于那些担心空间的人,我认为将对话分为两部分很重要。

WCAG 建议非 CJK 文本的行保持在 80 个字符或以下。我们的设计试图考虑到这一点;Horizon 目前约为 76。

所以,这里有两个对话:

  1. 我不同意 WCAG 和可用性专家;我只想让行像我想要的那样长,并且不希望任何人强制执行 80 个字符的限制。

  2. 我同意 WCAG——我只是认为可以使用一种替代的对齐技巧来使事物看起来更好。

对于(2)中的人,您能否分享一两个截图,展示超宽屏幕的更好布局?

对于(1)中的人,我认为这里的方法是“自定义组件”。

9 个赞

有更新吗?

这个主题看起来很棒!
但为什么它在这里的 Meta 上与扩展 AI 摘要不兼容?

1 个赞

这更多的是关于宽屏显示器上有一个巨大的白色区域。我有一些用户也有宽屏显示器,他们的反馈也差不多,认为这弊大于利。我不能说“是的,这是 WCAG 指南”或“买一个‘普通’屏幕”。

我认为 @SubStriderHelp us test Horizon, our newest theme - #70 by SubStrider 中的建议非常有帮助。

或者也许可以将导航居中。

我们还没有处理这个问题,但它在我们待办事项列表里。

实际上,我的同事刚看了一下,确认 Horizon(主题描述)添加的唯一额外字符串已经在 Crowdin 中了。所以在这方面我们应该都准备好了。

1 个赞

我认为主题还有两个描述需要翻译的设置。它们应该保留英文,还是我应该将它们添加到该文件中,还是将它们移至 en.yml 文件以便在 Crowdin 中轻松翻译,或者您现在打算在添加了可主题化站点设置后将它们删除?
https://github.com/discourse/discourse/blob/main/themes/horizon/settings.yml

1 个赞

幸运的是,我耐心等待了更新。我曾一度考虑是否应该直接创建一个拉取请求来移动文本。这显然会浪费时间。

1 个赞

不,我没有。

我在论坛上禁用了 Horizon,因为关于如何开始一个话题的问题太频繁了。移动用户很少使用侧边栏。

但这个问题已经被讨论过,并且为了执行论坛的一个基本功能而需要多点击一次的要求并未被视为一个问题 :person_shrugging:

1 个赞

嗯…

(最近有人在另一个主题中问,用户何时会使用完整引用。这可能是一个例子,因为我会将这两个最新帖子标记为移动到建议主题,然后完整引用将提供一些上下文)

1 个赞

小型更新:

根据我们收到的反馈(旧的和新的),我们决定将“创建主题”按钮重新添加到移动设备上。

您会在老位置找到它。新的侧边栏版本也将保留。

8 个赞

感谢您提供这些信息。我仍然在移动端看不到新的主题按钮,无论是通过应用还是浏览器,都需要先点击汉堡菜单。我使用的是最新版本的 Discourse,并且使用了 horizon 主题。有什么想法吗?

编辑 - 团队帮助我诊断了这个问题。如果您运行的是 Discourse 3.5.0 的稳定分支,那么在移动端将不会显示新的主题按钮,因为该提交要到下一个稳定版本发布后才会添加。如果您需要在下一个稳定版本发布之前在移动端启用新的主题按钮,可以使用以下自定义 CSS 代码:

.navigation-controls .fk-d-button-tooltip {
display: inline-flex !important;
}
2 个赞

您好 @lindsey。我们有一个入门级订阅,我是这个社区-Meta 的新人。但我们刚刚切换到 Horizon,已经得到了很好的反馈。因此,感谢大家为打造 Horizon 所付出的努力。它将对我们的社区产生影响,并帮助我们实现为所有人重新平衡房地产方程式的使命!

7 个赞

帖子已拆分为新主题:如何自定义 Horizon 主题的颜色?

是否有关于侧边栏/标题背景颜色如何从配色方案中选择的文档?我们组织的品牌和风格指南导致背景色非常粉红,Horizon 确定 #ffecea 是一个颜色选择,这既不在我们的品牌手册中,也不在主题中。

当前主题如下:

{
“name”: “DSA Horizon Light”,
“light”: {
“primary”: “231F20”,
“secondary”: “ffffff”,
“tertiary”: “F04C53”,
“quaternary”: “EC1F27”,
“header_background”: “ffffff”,
“header_primary”: “3B3838”,
“selected”: “eae7e8”,
“hover”: “f2f1f1”,
“highlight”: “F5EBD6”,
“danger”: “F7A5A9”,
“success”: “009d63”,
“love”: “EC1F27”
“tertiary-med-or-tertiary”: “39845b”
}
}

背景色源自于三次色,在下面的示例中是 #595bca

--background-color: light-dark(oklch(from #595bca 96% calc(c * 0.125) h), oklch(from #595bca 10% 0.025 h)) !important;

定义在文件 _color_definitions_entrypoint.scss

如果你需要它变成更浅的粉色,你就需要调整这些值;例如,将 96% 改为 98% 将会产生更浅的粉色。

2 个赞