# 现代化 Foundation 主题

**URL:** https://meta.discourse.org/t/modernizing-the-foundation-theme/395331
**Category:** Announcements
**Created:** [2026年二月6日 17:52 UTC](https://meta.discourse.org/t/modernizing-the-foundation-theme/395331 "2026-02-06T17:52:14Z")
**Posts on this page:** 20
**Page:** 5

<div class="post-metadata">

### Author: ![sk-or-v1-contents](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/sk-or-v1-contents/32/547175_2.png) [@sk-or-v1-contents](https://meta.discourse.org/u/sk-or-v1-contents)
#### Post date: [2026年六月2日 14:36 UTC](https://meta.discourse.org/t/modernizing-the-foundation-theme/395331/88 "2026-06-02T14:36:45Z")

</div>

这个问题还会修复吗？

> [@Modernizing the Foundation theme](https://meta.discourse.org/t/modernizing-the-foundation-theme/395331/79?u=sk-or-v1-contents):
>
> Theres a small gap under the Related button Becomes more obvious if the font size is increased Stylus .more-topics\_\_container .nav .d-button-label { font-size: 150%; }

我仍然能看到这个问题。

 ![Screenshot](https://global.discourse-cdn.com/meta/original/4X/5/5/f/55f4286be6d67f5d871fc55ff9a6121c044adcc8.jpeg)

---

<div class="post-metadata">

### Author: ![chapoi](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/chapoi/32/537252_2.png) [@chapoi](https://meta.discourse.org/u/chapoi)
#### Post date: [2026年六月2日 14:44 UTC](https://meta.discourse.org/t/modernizing-the-foundation-theme/395331/90 "2026-06-02T14:44:04Z")

</div>

> [@Moin](#):
>
> 真遗憾，无障碍功能对你们来说优先级这么低。

你的推断有些跳跃了。我只是说“继续报告问题”——这句话的哪一部分让你觉得我不在乎无障碍功能？

事实上，在 [其他地方报告的同一个问题](https://meta.discourse.org/t/why-did-our-home-page-topic-links-font-shrink/404203/8) 中，我已经回复道：

> [@chapoi](#):
>
> 目前没有内置的解决方法，但你总是可以通过 CSS 定期自定义它。话虽如此，我正在查看这个特定变更，因为我认为我们可以/应该使用 REM 而不是 EM，这样可以避免这种尺寸问题。

话虽如此，另一位设计师已接手这个项目，因此最终决定权不在我。也许我们只会在 WCAG 主题中修复这个问题。

> [@Moin](#):
>
> 我相信你会理解，在一个无法正常使用界面的网站上浏览是很不愉快的。

在此期间，或许你可以在设置中调大字体大小，以便重新正常查看界面。

虽然我理解我们在 Meta 上进行测试有时可能会让人感到烦扰，但这确实是非常必要的。

---

<div class="post-metadata">

### Author: ![jordan.vidrine](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/jordan.vidrine/32/515563_2.png) [@jordan.vidrine](https://meta.discourse.org/u/jordan.vidrine)
#### Post date: [2026年六月2日 14:51 UTC](https://meta.discourse.org/t/modernizing-the-foundation-theme/395331/95 "2026-06-02T14:51:21Z")

</div>

@Moin 我想为未能及时回应你早期的反馈而道歉。这不算是一个很好的借口，但作为这个项目的“负责人”（因为这是我提出的想法），我确实负有责任。自那以后，作为设计经理，我承担了许多其他项目和任务，导致这个项目被搁置了。

本周我会优先处理这里提到的关于这些变更的反馈，并很快向你提供更新。

---

<div class="post-metadata">

### Author: ![jordan.vidrine](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/jordan.vidrine/32/515563_2.png) [@jordan.vidrine](https://meta.discourse.org/u/jordan.vidrine)
#### Post date: [2026年六月2日 18:24 UTC](https://meta.discourse.org/t/modernizing-the-foundation-theme/395331/98 "2026-06-02T18:24:32Z")

</div>

> <https://github.com/discourse/discourse/pull/40494>

> [@Moin](#):
>
> 似乎某些图标颜色与 WCAG 调色板不兼容。  
> ![image](https://global.discourse-cdn.com/meta/original/4X/8/e/b/8eb2d0b87de9391c14c7a1681793545f4b59e9ba.png)

已修复

> [@Moin](#):
>
> 另一个图标与文字颜色不匹配的例子是我个人资料中的展开按钮

已修复

> [@Moin](#):
>
> 我觉得语言下拉菜单中的图标现在相对于文字来说太大了。  
> 修复前：  
> ![image](https://global.discourse-cdn.com/meta/original/4X/d/f/9/df9b8a31185bf9a93c29cb208fbd6056a9871733.png)
> 
> 修复后：  
> ![image](https://global.discourse-cdn.com/meta/original/4X/7/f/b/7fb11897947ff93c4c54ee2fc4681f9c1a9f46b6.png)

已修复

 ![now](https://global.discourse-cdn.com/meta/original/4X/c/7/a/c7ae223d38e1d0c2e027928fc37af336b3b59371.png)

[/quote]

已修复

> [@Canapin](#):
>
> 搜索输入框和提交按钮被挤在一起了！

已修复

> [@dax](#):
>
> 已分配（按钮边框缺失）：
> 
> ![msedge_uw4nX8jWEV](https://global.discourse-cdn.com/meta/original/4X/9/3/f/93f3442c472d7719e20e5501ecbbd07d0adb81c7.png)

已修复

> [@Canapin](#):
>
> 在移动设备上，通知按钮的透明背景会导致问题：
> 
> ![image](https://global.discourse-cdn.com/meta/original/4X/a/6/9/a69eae936720edb490f7731386ff69eb5cbc93b4.png)

已修复

> [@Moin](#):
>
> 新设计中，即将进行的更改的群组选择看起来也异常大：

已修复

> [@sk-or-v1-contents](#):
>
> 我觉得导航栏文字在移动设备上太小了（比截图看起来更难辨认，因为它位于页面顶部）。

已修复

* * *

> [@Moin](#):
>
> 我觉得你还没提到，不仅表格标题的字体大小，而且回复数、浏览量和活动列中的数字大小似乎也减小了。

是的，确实如此，所有「数据」的大小都略微减小了。从 16px 变为约 14px。我不会更改这一点。

> [@sk-or-v1-contents](#):
>
> 「相关」按钮下方有一个小缝隙

我会尝试修复这些问题，但这实际上是应用程序这部分实现方式的标记问题。需要进行一些调整

---

<div class="post-metadata">

### Author: ![haydenjames](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/haydenjames/32/255678_2.png) [@haydenjames](https://meta.discourse.org/u/haydenjames)
#### Post date: [2026年六月7日 21:25 UTC](https://meta.discourse.org/t/modernizing-the-foundation-theme/395331/99 "2026-06-07T21:25:07Z")

</div>

我本不想为此开一个新帖。但你们最近对论坛的界面做了哪些改动？我今天登录时发现，字体和布局感觉好多了，虽然变化很细微。这是在某个地方公布过吗？还是我产生了错觉？😄

---

<div class="post-metadata">

### Author: ![haydenjames](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/haydenjames/32/255678_2.png) [@haydenjames](https://meta.discourse.org/u/haydenjames)
#### Post date: [2026年六月7日 21:28 UTC](https://meta.discourse.org/t/modernizing-the-foundation-theme/395331/101 "2026-06-07T21:28:04Z")

</div>

谢谢！看起来真美！_少_即是 **多** 。❤

---

<div class="post-metadata">

### Author: ![sniper756](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/sniper756/32/545002_2.png) [@sniper756](https://meta.discourse.org/u/sniper756)
#### Post date: [2026年六月8日 10:49 UTC](https://meta.discourse.org/t/modernizing-the-foundation-theme/395331/102 "2026-06-08T10:49:27Z")

</div>

这个字体小，间距小的问题一直存在，会优化么？

[刚才rebuild更新后，首页字体变的很小 - 贡献 / 用户体验 - Discourse Meta](https://meta.discourse.org/t/rebuild/403614/18)

---

<div class="post-metadata">

### Author: ![Moin](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/moin/32/554653_2.png) [@Moin](https://meta.discourse.org/u/Moin)
#### Post date: [2026年六月10日 21:15 UTC](https://meta.discourse.org/t/modernizing-the-foundation-theme/395331/103 "2026-06-10T21:15:32Z")

</div>

标签周围的边框比标签字段本身更大

 ![image](https://global.discourse-cdn.com/meta/original/4X/8/4/3/84359bdc65715326b484e68f106b4ab249102f9e.png)

  

我认为在审核队列中这些按钮周围没有边框，但“编辑帖子”按钮周围有一个

 ![image](https://global.discourse-cdn.com/meta/original/4X/7/c/a/7cafc5a259a217b76680f53352eaa6916da10b69.png)

  

我注意到分类框的彩色边框现在变小了，提及这一点是因为如果这不是故意的，请知悉，因为第一篇文章提到

> [@jordan.vidrine](#):
>
> - 移除较粗的左侧彩色边框

 ![image](https://global.discourse-cdn.com/meta/original/4X/7/9/4/7941b97dd28a2bb714c4faf1690bd946232748e1.png)  
 ![image](https://global.discourse-cdn.com/meta/original/4X/e/3/2/e32093d50be2a6364a9483c7689b6a5b764bdc1d.png)

  

群组页面下拉菜单中的群组名称现在被缩短了。由于默认的 trust\_level 群组仅在末尾有所不同，这有点不利。没有这个更改的话，可以看到完整名称

 ![image](https://global.discourse-cdn.com/meta/original/4X/1/b/1/1b17f4f036a712fa941b316448298a454680ab49.png)  
 ![image](https://global.discourse-cdn.com/meta/original/4X/f/1/c/f1cd5fb50a0bc2888e25664b84a96ac71ea2cf71.png)

  

数据资源管理器列表上的编辑按钮：

 ![image](https://global.discourse-cdn.com/meta/original/4X/7/f/3/7f340d982f928f391e4f724cbce22a9882bcc805.png)  
 ![image](https://global.discourse-cdn.com/meta/original/4X/b/a/e/bae7f3aac71a81ac8113403ada845c5071389352.png)

  

占位符不再垂直居中

 ![image](https://global.discourse-cdn.com/meta/original/4X/7/a/e/7ae4d912941570a7f9cd62dc4a76afbbe901c8bc.png)

  

同样，机器人私信页面上的图标也不再居中

 ![image](https://global.discourse-cdn.com/meta/original/4X/c/a/8/ca89edaec10e3629e2eced500af9b039a02c917c.png)  
 ![image](https://global.discourse-cdn.com/meta/original/4X/2/8/3/2839d12df8e771fed01ce04ac7c618d236928f68.png)

---

<div class="post-metadata">

### Author: ![sk-or-v1-contents](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/sk-or-v1-contents/32/547175_2.png) [@sk-or-v1-contents](https://meta.discourse.org/u/sk-or-v1-contents)
#### Post date: [2026年六月12日 09:35 UTC](https://meta.discourse.org/t/modernizing-the-foundation-theme/395331/105 "2026-06-12T09:35:41Z")

</div>

> [@现代化 Foundation 主题](https://meta.discourse.org/t/modernizing-the-foundation-theme/395331/77):
>
> 我觉得导航栏文字在移动端的字号太小了。建议/相关内容的字体也太小了。 另请参阅

相关文章的文本间距已修复！谢谢

 ![Screenshot_2026-06-12-17-31-45-617-edit_com.microsoft.emmx](https://global.discourse-cdn.com/meta/original/4X/9/7/d/97dbd80ea648c8bb0fa7ddb43c365a49d10051b5.jpeg)

---

<div class="post-metadata">

### Author: ![jordan.vidrine](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/jordan.vidrine/32/515563_2.png) [@jordan.vidrine](https://meta.discourse.org/u/jordan.vidrine)
#### Post date: [2026年六月12日 21:38 UTC](https://meta.discourse.org/t/modernizing-the-foundation-theme/395331/106 "2026-06-12T21:38:27Z")

</div>

> [@Moin](#):
>
> 我注意到分类框的彩色边框现在变细了，提一下以防这不是故意的，因为首帖中提到：
> 
> > [@jordan.vidrine](#):
> >
> > - 移除较粗的左侧彩色边框
> 
> ![image](https://global.discourse-cdn.com/meta/original/4X/7/9/4/7941b97dd28a2bb714c4faf1690bd946232748e1.png)

这是故意的。完全移除一个长期以来一直是应用核心元素的功能显得过于激进，因此我只是将其变细，而不是完全移除。

> [@Moin](#):
>
> 现在，群组页面上下拉菜单中的群组名称被缩短了。由于默认信任等级群组仅在末尾有所不同，这带来了一些不便。若不进行此更改，完整名称将可见。

我已对此稍作调整，以显示更多字符。

* * *

所有问题都将在此处解决

> <https://github.com/discourse/discourse/pull/40847>
>
> This PR includes multiple fixes for the foundation theme & AI plugin interface.

---

<div class="post-metadata">

### Author: ![Moin](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/moin/32/554653_2.png) [@Moin](https://meta.discourse.org/u/Moin)
#### Post date: [2026年七月1日 15:02 UTC](https://meta.discourse.org/t/modernizing-the-foundation-theme/395331/107 "2026-07-01T15:02:34Z")

</div>

> [@Moin](#):
>
> 我觉得现在语言下拉菜单中的图标相对于文字来说太大了。  
> 之前：  
> ![image](https://global.discourse-cdn.com/meta/original/4X/d/f/9/df9b8a31185bf9a93c29cb208fbd6056a9871733.png)
> 
> 之后：  
> ![image](https://global.discourse-cdn.com/meta/original/4X/7/f/b/7fb11897947ff93c4c54ee2fc4681f9c1a9f46b6.png)

这又是个问题。

---

<div class="post-metadata">

### Author: ![awesomerobot](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/awesomerobot/32/142900_2.png) [@awesomerobot](https://meta.discourse.org/u/awesomerobot)
#### Post date: [2026年七月1日 19:31 UTC](https://meta.discourse.org/t/modernizing-the-foundation-theme/395331/108 "2026-07-01T19:31:42Z")

</div>

我们为语言切换按钮添加了一个缺失的包装器，这改变了一些 CSS 特异性，将通过以下链接修复：

> <https://github.com/discourse/discourse/pull/41348>
>
> This fixes an issue where the icon became too large due to a new wrapper added i…n 6278d763ad73e09f1d1f8ee2b2cb032293bbcf12
> 
> before
> \<img width="250" alt="image" src="https://github.com/user-attachments/assets/b795b018-7bdc-4c04-aac5-fd44fee68927" /\>
> 
> after
> \<img width="250" alt="image" src="https://github.com/user-attachments/assets/e8f6a73c-9267-4c6e-aa2c-a24e516c7019" /\>

---

<div class="post-metadata">

### Author: ![per1234](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/per1234/32/569645_2.png) [@per1234](https://meta.discourse.org/u/per1234)
#### Post date: [2026年七月24日 10:37 UTC](https://meta.discourse.org/t/modernizing-the-foundation-theme/395331/109 "2026-07-24T10:37:43Z")

</div>

在 Discourse 论坛的“ **即将推出的更改** ”中启用“ **现代化 Foundation 主题** ”是否会影响未使用 Foundation 主题的论坛主题？

我的论坛有一个由 Discourse 团队精心打造的精美自定义主题。我们对当前的主题非常满意。我今天在“ **即将推出的更改** ”中启用了“ **现代化 Foundation 主题** ”，因为我正试图养成有意引入即将推出的更改的习惯，而不是让它们后来自动推出。然而，我并没有预期它会产生任何影响。但结果却导致了各种变化，例如按钮灰色背景的移除。

也许我们的自定义主题从 Foundation 继承了一些内容？

---

<div class="post-metadata">

### Author: ![Moin](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/moin/32/554653_2.png) [@Moin](https://meta.discourse.org/u/Moin)
#### Post date: [2026年七月24日 11:15 UTC](https://meta.discourse.org/t/modernizing-the-foundation-theme/395331/110 "2026-07-24T11:15:17Z")

</div>

我认为每个主题都基于 Foundation。这是论坛的默认外观。你的主题无需更改默认情况下已经看起来合适的按钮颜色。现在这些默认设置正在改变，这就是为什么它会影响所有主题——即使是 Horizon 主题也受到影响：  
你可以看到标题栏更细了，聊天图标更暗了，按钮也不再是填充样式。

 ![Screenshot_20260724_130429_Firefox](https://global.discourse-cdn.com/meta/original/4X/7/0/d/70daf984d4efe44621b76652c6975bd0cea153ed.jpeg)

 ![Screenshot_20260724_131311_Firefox](https://global.discourse-cdn.com/meta/original/4X/6/2/6/626f9f21472a7a4774bc2b612864e64db5ce263c.jpeg)

  

你刚刚体验到的正是即将推出的变更系统的优势：你可以查看这些变更对你的论坛产生的影响，并在你的论坛必须采用新默认设置之前，据此采取行动。

---

<div class="post-metadata">

### Author: ![chapoi](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/chapoi/32/537252_2.png) [@chapoi](https://meta.discourse.org/u/chapoi)
#### Post date: [2026年七月24日 11:15 UTC](https://meta.discourse.org/t/modernizing-the-foundation-theme/395331/111 "2026-07-24T11:15:28Z")

</div>

> [@per1234](#):
>
> “ **即将进行的更改** ”会影响未使用 Foundation 主题的论坛的主题吗？

是的，这是一个常见的、完全可以理解的混淆点，但_所有_主题都基于 Foundation。

因此，是的，如果你的按钮没有任何“自有”样式（由你的主题拥有），它们将继承基本样式，并受到此类更改的影响：

> [@per1234](#):
>
> 然而，这确实导致了一些变化，例如移除了按钮的灰色背景。

---

<div class="post-metadata">

### Author: ![per1234](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/per1234/32/569645_2.png) [@per1234](https://meta.discourse.org/u/per1234)
#### Post date: [2026年七月24日 22:10 UTC](https://meta.discourse.org/t/modernizing-the-foundation-theme/395331/113 "2026-07-24T22:10:35Z")

</div>

感谢您的解释！

我是否可以这样理解：虽然目前切换到 Foundation 主题仍需“手动选择”，但最终它将自动应用于我的论坛，且不会提供站点设置来配置使用非现代化的 Foundation 主题？

显然，我之前遇到的主题变更完全是由我自己造成的，因为是我主动启用了该更改。如果避免引入这些更改的控制权始终掌握在我手中，那么我就不需要担心采取任何措施来应对这一“即将发生的更改”进入生产环境全面推广阶段。

反之，如果不会提供用于控制此功能的站点设置（我怀疑情况确实如此），那么我现在就应该开始着手仔细评估此次更改的影响，并确定需要做出哪些调整，以维持我们定制主题当前设计的一致性。

---

<div class="post-metadata">

### Author: ![chapoi](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/chapoi/32/537252_2.png) [@chapoi](https://meta.discourse.org/u/chapoi)
#### Post date: [2026年七月27日 09:04 UTC](https://meta.discourse.org/t/modernizing-the-foundation-theme/395331/114 "2026-07-27T09:04:10Z")

</div>

> [@per1234](#):
>
> 我是否可以这样理解：虽然目前切换到 Foundation 主题仍需“手动选择”，但最终它将在我的论坛中强制启用，且不再提供将网站配置为使用非现代化 Foundation 主题的设置选项？

没错。

> [@per1234](#):
>
> 我应该从现在开始着手仔细评估此次变更的影响，并确定需要做出哪些调整，以保持我们定制主题当前设计的一致性。

是的，我们已经向您发送了一封私信以跟进此事。

---

<div class="post-metadata">

### Author: ![per1234](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/per1234/32/569645_2.png) [@per1234](https://meta.discourse.org/u/per1234)
#### Post date: [2026年七月27日 09:44 UTC](https://meta.discourse.org/t/modernizing-the-foundation-theme/395331/115 "2026-07-27T09:44:33Z")

</div>

谢谢澄清。

> [@chapoi](#):
>
> 我们已向您发送私信以跟进此事。

❤ Discourse 团队一如既往地提供了出色的支持！

> [@per1234](#):
>
> 能够避免引入这些更改

就讨论背景而言，进一步说明一下：我并非不喜欢正在引入的这些更改。只是我对当前的主题风格感到满意，因此没有动力去改变它。

---

<div class="post-metadata">

### Author: ![per1234](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/per1234/32/569645_2.png) [@per1234](https://meta.discourse.org/u/per1234)
#### Post date: [2026年八月4日 22:22 UTC](https://meta.discourse.org/t/modernizing-the-foundation-theme/395331/116 "2026-08-04T22:22:17Z")

</div>

> [@per1234](#):
>
> 相反，我现在应该开始仔细评估此次更改的影响，并确定需要做出哪些调整，以维持我们定制主题当前设计的一致性。

更新：我起初有些担心，因为在启用“ **Modernize Foundation theme** ”（现代化基础主题）后，我注意到论坛主题出现了一些轻微的倒退现象，因此担心这可能意味着会出现更严重的倒退问题。幸运的是，经过仔细评估，结果发现只有少数几个轻微的倒退问题。Discourse 团队能够针对这些问题在我们的定制主题上应用修复补丁。

另一件让我担心的是，社区可能会对有意为之的美学变化产生负面反应。然而，在全面部署此次更改近一周后，我完全没有收到任何负面反馈。考虑到我的社区通常对变化持抵触态度，这相当令人瞩目。

Discourse 设计团队干得漂亮！

---

<div class="post-metadata">

### Author: ![jordan.vidrine](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/jordan.vidrine/32/515563_2.png) [@jordan.vidrine](https://meta.discourse.org/u/jordan.vidrine)
#### Post date: [2026年八月6日 10:26 UTC](https://meta.discourse.org/t/modernizing-the-foundation-theme/395331/117 "2026-08-06T10:26:58Z")

</div>

非常感谢您分享这些反馈 🫶

[上一頁](https://meta.discourse.org/t/modernizing-the-foundation-theme/395331.md?page=4)
