| 预览 | Theme Creator | |
| 仓库 | FKB Pro 主题 | |
| 觉得有用? | > ./support --coffee | |
| 安装指南 | 如何安装主题或主题组件 | |
| Discourse 主题新手? | Discourse 主题使用入门指南 |
FKB Pro 是一个经过高度修改、细节丰富且专业的社交风格主题,同时保持了良好的用户友好性。![]()
此主题较为敏感,可能与您使用的其他主题组件或插件兼容性不佳! 请在使用前进行测试。通常需要进行一些 CSS 修改。如果您遇到任何问题,请报告,我会进行修复。
布局
桌面端: 三栏布局。
支持侧边栏
移动端:
圆角
FKB Pro 默认在到处都使用高度圆角,但我知道并非每个人都喜欢这样,所以我添加了一些主题设置,以便更轻松地自定义。
如果您不喜欢圆角……请将此值设置为 0。
主题卡片
主要部分
- 标题 (点击跳转到最后一帖)
- 摘要 (点击跳转到首帖)
- 图片 (点击跳转到最后一帖)
其他部分
- 左上角:作者数据(头像、姓名、用户名)以及主题创建日期。
(点击打开用户卡片) - 右上角:分类徽章
- 底部居中:标签
- 左下角:主题点赞数和浏览量
(点击跳转到首帖,如果可用则总结主题) - 右下角:最后发帖人头像、日期和回复数。
(点击头像打开用户卡片,点击日期跳转到最后一帖,点击回复数打开回复选择)
徽章样式
-
圆点

-
条形

-
方框

分类页面
由于中间区域大小有限,请使用单栏分类页面样式。我对这些样式进行了一些自定义,以更好地适配此主题。
仅分类、分类和最新主题、分类和热门主题
分类方框
或者
您可以使用由 @jordan.vidrine 创建的 Modern Category + Group Boxes 主题组件
FKB 面板
桌面端: 右侧边栏。
对于匿名访客,它会显示一条欢迎消息。此消息与 js.signup_cta.value_prop 相同。标题 Welcome 文本您可以在主题翻译中更改。
或者
对于匿名访客,有一个选项可以启用自定义侧边栏。您可以向侧边栏添加自定义内容,例如图片和描述。
对于已登录用户,它包含用户信息,如个人资料图片、统计数据、徽章,并使用用户卡片图片作为背景。底部还包含一些快捷按钮。
配色方案
该主题包含两种配色方案:FKB Pro - 浅色 和 FKB Pro - 深色。
配色方案
FKB Pro - 浅色
- primary
#242526 - secondary
#ffffff - tertiary
#147efb - quaternary
#147efb - header_background
#ffffff - header_primary
#242526 - highlight
#147efb - danger
#f8745c - success
#42b72a - love
#fa6c8d
FKB Pro - 深色
- primary
#ffffff - secondary
#242526 - tertiary
#147efb - quaternary
#4267b2 - header_background
#242526 - header_primary
#ffffff - highlight
#147efb - danger
#f8745c - success
#42b72a - love
#fa6c8d
还有一些自定义配色方案,您可以在设置中更改。
自定义配色方案
fkb-bg
- light
#f0f2f5 - dark
#18191a
fkb-header-btn
- light
#e1e5eb - dark
#3a3b3e
fkb-header-btn-hover
- light
#d2d8e1 - dark
rgba(var(--primary-rgb),.1)
fkb-btn
- light
#e1e5eb - dark
#383838
fkb-btn-hover
- light
#d2d8e1 - dark
rgba(var(--primary-rgb),.1)
关于最新更新 ![]()
以及这里 ![]()
还有许多其他我没有提到的自定义选项。![]()
致谢
非常感谢 @awesomerobot 创建了 Fakebook 主题,以及 @jordan.vidrine 创建了 Fakebook Modern 主题。





























