现代化 Foundation 主题

在 Foundation 和 Meta 品牌下的显示效果:

image image

数字和箭头容器应保持相同大小。

2 个赞

我在移动设备上没看到这个。我猜这是 desktop 吧?

谢谢,我进一步排查了:这是因为新的 Foundation 主题导致的,该主题也用于 Meta Branded,且在桌面端和移动端都会出现。我不确定是否应该将其移至 Modernizing the Foundation theme

1 个赞

已做出执行决定 :wink:

2 个赞

此问题已修复,并将很快更新

3 个赞

在深色主题下,某些按钮的 active 状态(主要通过键盘导航可见,使用鼠标或触控时仅短暂出现)在深色背景上呈现为深紫色,视觉上过于刺眼:
image

红色的 hover 状态也存在类似问题:
image

但最严重的是“危险”按钮,其背景为红色,文字为深色:
image

或许只需微调红色的色值或亮度,即可解决后两个问题。

2 个赞

这仅限于此 Meta 主题吗?

好的。基于基础样式:

active
image

hover
image

danger
image

对比度优于 Meta 品牌风格。

2 个赞

目前仍然存在这个问题:

是否有计划在使用 WCAG 调色板时调整按钮的边框?目前我发现非常细且极浅的边框难以辨认,因此在某些地方,按钮看起来就像只是漂浮的图标,而非真正的按钮。这与之前使用实心灰色按钮时的情况不同,那时并没有这个问题。

当移除标题下方的阴影以及作曲家顶部彩色线条时,我也有过类似的感受。不过,那些区域在屏幕上位置明确,而按钮分布在不同的地方,这使得它们更难与周围环境区分开来。

例如,设置中的文本框具有较深的边框:

我还注意到,这似乎破坏了类别安全性的样式:

此外,新设计中用于即将到来的更改的组选择看起来也异常大:


2 个赞

我觉得导航栏文字在移动端的字号太小了。建议/相关内容的字体也太小了。

另请参阅

1 个赞

我认为这纯粹是个人喜好问题,因为我对新旧版本的看法恰恰相反。旧版 Foundation 的字体和按钮显得过于厚重,而新版 Foundation 更精致的元素在整体布局中相比之下看起来美观得多。在桌面端或移动端的实际使用方面,我没有任何不满,自从我启用它以来,我的用户也都没有任何抱怨。:woman_shrugging:t2:

你也可以向管理员反馈,或许他们可以创建一个带有旧版修改的主题?通过 CSS 放大你提到的那些字体并不困难。或者,你也可以使用 Stylus 这类浏览器脚本扩展来自定义修改(我在访问所有 Discourse 网站时都会这样做,包括这个网站)。

3 个赞

“Related”按钮下方有一个小间隙


如果增大字体大小,这个问题会更加明显

Stylus

.more-topics__container .nav .d-button-label {
   font-size: 150%;
}


1 个赞

是的,这就是我为什么说“类似”的原因,因为他们的主题可能还有其他设置。我使用的是 Meta,而不是 Rust 论坛。我会帮你看看,毕竟我人不错。但我得等有一些新的未读内容,才能获取完整的页脚和页头。从带有头像的截图来看,我猜这是在移动视图下看到的?

2 个赞

此处可见异常

1 个赞

好的,这是新 Foundation 主题与注入的 AI 相关话题按钮之间的一个 UX 问题。按钮的类名有些不同,而且多出的行高似乎也会导致问题。image

不过,这将能部分修复该问题——可以通过调整一些内边距并移除行高来打补丁:scss.more-topics__container .nav { font-size: larger; li .btn { padding: .5em; line-height: 0; }}桌面端:移动端:

1 个赞