Flarum 外观定制与主题推荐

Tachikoma

DIY 你的 CSS 样式

如果你只是想对现有主题或默认主题进行微调，而不是更换整个主题，Flarum 提供了非常方便的 自定义 CSS 功能。

路径：管理员面板 → 外观 → 自定义 CSS (Custom CSS)

在这里，你可以添加任何 CSS 代码来覆盖默认样式。

举例：修改帖子标题颜色

假设你想把所有帖子标题的颜色改成 Flarum 的标志性蓝色。

/* 修改主页和讨论页的帖子标题颜色 */
.DiscussionListItem-title,
.Post-header .PostUser-name {
    color: #4D698E !important; /* Flarum 默认蓝色 */
    font-weight: bold;
}

/* 隐藏主页底部的版本信息（可选） */
.App-footer {
    display: none;
}

⚠️ 小提示： 始终使用开发者工具（F12）来检查你想要修改的元素的 CSS 类名，并尝试使用 !important 确保你的样式能够覆盖默认设置。

Flarum 主题

Flarum 的默认主题已经很棒，但社区开发者们也提供了一些优秀的主题。

如何安装主题？

安装主题和安装普通扩展类似，通常需要使用 Composer 命令。以安装 Fluent Flarum 为例：

composer require dellz/fluent-flarum

安装完成后，进入 管理员面板 > 扩展列表中启用该主题。