设计团队正在对基础主题进行微小但有力的更改/调整，使其更贴近现代 Web 标准。要在 Meta 上实时查看这些更改，请加入此群组：
https://meta.discourse.org/g/modernized-foundation
我们将通过 Discourse 中提供的新 Upcoming Changes（即将进行的更改）功能将这些更改上线。这将允许网站所有者为他们指定的任何群组启用这些更改，以便在不担心可能破坏主题或当前自定义的情况下测试更改的推出。
将发生什么变化？
标题高度减小
我们减小了标题的大小，并稍微减小了一些图标和头像的大小，以更好地利用屏幕空间。
默认按钮
我们将默认按钮背景从灰色改为透明/“次要”背景并带有边框。
- 移除灰色背景
- 添加边框
- 图标颜色与文本颜色匹配
- 按钮现在有固定的高度
主题列表页面上的“创建新主题”按钮
与 Horizon 保持一致，并为其赋予 tertiary（三次色）的“CTA”（号召性用语）背景颜色。
移除大量灰色背景
主题列表
- 移除 3 像素厚的顶部边框
- 减小表格标题数据的字体大小
- 表格数据项颜色保持一致
- 颜色值更改以区分已读/未读
- 未读文本的字重略微增加
分类
- 文本左对齐
- 移除厚实的左侧彩色边框
- 徽章略微圆角化
- 框的边框变细
导航栏
- 主题列表页面的导航药丸的高度将与此区域的按钮高度相同
- 选中组件上文本和图标颜色更深
侧边栏
- 图标和文本颜色匹配
- 文本和图标颜色更深
- “活动”背景更浅
- “活动”字体字重更粗
欢迎横幅
- 间距平衡
- 添加了变量，以便通过自定义更容易地进行左/右/中心对齐
- 标题字重减小
- 副标题字体大小减小
日历
- 移除了“按钮”上的灰色背景
- 仅使用灰色来表示“活动”
- 切换到“带边框的透明”按钮样式
下拉菜单
- 为下拉容器添加了内边距
- 高度、内边距、间距现在与侧边栏项目匹配
- 边框继承
--d-border-radius 变量
新变量
此处的一些更改将通过添加到核心中的附加变量来引入。
欢迎横幅对齐
欢迎横幅的对齐方式现在可以通过以下方式更改：
// 默认
--welcome-banner-text-align: center;
--welcome-banner-search-menu-margin-inline: auto;
// 自定义
--welcome-banner-text-align: left;
--welcome-banner-search-menu-margin-inline: 0 auto;
按钮高度
我们现在将通过以下方式设置固定的按钮高度：
// 默认
--button-height: var(--space-8);
字体平滑
我们已经在 Horizon 中进行了此操作，将其引入基础是合理的。
// 新默认值
--webkit-font-smoothing: antialiased;
26 个赞
Lilly
3
gist 按钮下拉菜单有一个滚动条（可能是 fk-d-menu 上的 overflow？），可能不需要与其他类似的 dropdown-menu 类相同的 min-width: 200px。
编辑：算了，已经修复了 
5 个赞
Canapin
(Coin-coin le Canapin)
4
我可以看到现代基础主题，但为什么我仍然是旧的类别布局？
Moin
5
我认为 Meta 在其 桌面分类页面样式 站点设置中不使用“带子分类的框”，而是使用“仅分类”。
1 个赞
Canapin
(Coin-coin le Canapin)
6
哎呀，我以为截图是在 meta 上截取的，但我甚至没有想到去检查一下。
奇怪的小行为。在常规主题中，当我们松开鼠标按钮在 上时，它会立即触发显示或关闭侧边栏的动画。
在新主题中，当我们松开鼠标按钮在 上而侧边栏关闭时，在触发滑动动画之前会有一瞬间的延迟。如果我们点击侧边栏可见时的图标，则不会发生这种情况。
我可以离开群组来比较与旧主题的更改吗？我没有看到离开的选项。
2 个赞
Moin
8
请允许我离开 @modernized-foundation 小组。
编辑：现在，离开小组后，我可以添加新主题按钮的对比截图。
似乎某些图标颜色与 wcag 调色板不太兼容。
例如，左上角群组页面上的群组选择器不支持两行显示。
这是我登出时的样子。
2 个赞
Canapin
(Coin-coin le Canapin)
9
我喜欢大部分的改动。它们很微妙。有些我甚至看不到区别，除非我查看 CSS 值 
（侧边栏图标和文本颜色、主题列表已读和未读颜色）
之前 / 之后
我喜欢强调后的新主题按钮。我实际上很久以前就在我的论坛上这样自定义过它了 :small:（直到我的代码坏了，我懒得修复它）:small:。
之前 / 之后
我也喜欢这个；至少在深色主题下，深蓝色配深灰色是很奇怪的组合。
之前 / 之后
虽然我喜欢新的按钮样式，但我感觉它们在某些区域与背景的对比度不足，尤其是在主题页脚。
它看起来很乱。这些按钮不像前一个版本那样看起来属于特定的部分。它们只是……在那里。我不知道这是否有意义。
3 个赞
Moin
10
这在某些屏幕尺寸的阅读和主题活动中似乎有效
但是一旦我稍微减小宽度，“Replies”和“activity”看起来就太大了（这在 /latest 上也是个问题）
在 /my/activity/bookmarks 上，“updated”和“activity”也有类似的问题
图标和文本颜色不匹配的另一个例子是我个人资料上的展开按钮
当我离开群组时，它看起来是这样的：
我认为您没有提到，不仅表头的字体大小，而且“Replies”、“Views”和“Activity”列中数字的大小似乎也减小了。
5 个赞
非常感谢您提供修改前/修改后的对比图。我以为它在 OP（原帖）中丢失了。
这两个更改看起来都很奇怪：修改后 的对比度明显降低，可能会导致可访问性（A11y）问题，是吗？
我正要去新的小组试用一下！
2 个赞
Moin
12
