Avocado 主题 - 为 Flarum 打造的精致自定义主题

ram0ng1 · 2026-05-11T11:53:22+00:00

Avocado 是一款精致的 Flarum 自定义主题，旨在为你的社区带来现代而优雅的美学体验。它基于流行的 Asirem 主题（由 @afrux 开发）衍生而来，在此基础上添加了英雄横幅、增强的标签样式和集成的分享功能等新特性。 ✨ 功能特性英雄横幅（Hero Banner） — 在论坛...

Subarist

ram0ng1 能不能把底部也做一下——就是那个很大的空白区域？还有右边栏的边距。

ram0ng1

Subarist 搜索框的呈现方式也非常基础。

现在看起来好多了。😅

ram0ng1

@ernestdefoe @iCore.Space @Subarist 我把搜索框整合到导航栏里了，还做了个漂亮的玻璃效果。你们看看。😅

ernestdefoe

ram0ng1 你有没有弄清楚怎么修改 Custom Footer（或任何扩展）和你的主题之间的间距？

ram0ng1

ernestdefoe 别担心，我现在正在用 CSS 变量实现整个功能。这样会干净得多。

ernestdefoe

ram0ng1 搞定了告诉我就行。谢谢你，老兄。

ram0ng1

ernestdefoe 搞定。😅

ernestdefoe

ram0ng1 这样就行了。哪个版本有这个功能？

ram0ng1

ernestdefoe 现在应该可以了。我给你发了 GitHub 链接。

ram0ng1

@ernestdefoe

/* 你可以用这些 CSS 变量自定义间距 */
:root {
    --avocado-footer-margin-top: 20px;
}

ernestdefoe

ram0ng1 问题是有没有办法给 vs code 主题图标用 FA 图标？

ram0ng1

ernestdefoe 我会在管理面板里加一个自定义选项。

ernestdefoe

ram0ng1 好的，我给 vs code 弄了个自定义 FA 图标。

ram0ng1

Avocado Theme 🌟 更新内容

🆕 新功能

自定义页脚间距：现在可以通过管理面板设置页脚与其他扩展之间的间距。
Font Awesome 图标支持侧边栏链接：现在可以在管理面板中选择 FA 图标作为侧边栏链接的图标。
CSS 变量系统：整个主题现在使用统一的 CSS 变量。

🎨 改进

改进了管理面板布局。
更好地隔离了 CSS 变量作用域。

🐛 修复

修复了暗色模式下的对比度问题。
修复了头像在某些情况下的粘性效果。

⚠️ 重要提示

如果你自定义了 CSS，请检查是否有冲突。
建议使用 composer update ramon/avocado --with-dependencies 升级。

ernestdefoe

ram0ng1 正在安装。也许这能帮助解决我遇到的一些间距问题。

ram0ng1

等一下……有时候我会忘记自定义图标的事。😅

ram0ng1

ernestdefoe 如果你最终决定把各种功能都做成独立的扩展包，我完全理解。但作为主题，目前这样已经很好了。😅

ernestdefoe

@ram0ng1 间距还是有问题的，就像这个帖子里 https://flarum.dev/d/1-arkansas-riders 一样。

ram0ng1

ernestdefoe 稍等一下，我先检查你的帖子。

ram0ng1

@ernestdefoe 试试在管理面板中更新间距设置。