FKB Pro is a highly modified, detailed, professional social theme, but still user-friendly.
FKB Pro
This theme is quite sensitive and maybe not well compatible with other theme components or plugins you use! Please test it before use. These usually need some css modification. If you have any issue please report and will fix it.
Below you can see theme components and plugins fixes to work with this theme. This is a WIKI topic so I will add these patches to this post. These fixes we handle as a theme component so you can simple install it.
Layout
On desktop: Three column layout.
On mobile: This theme has got two layout on mobile. The default is boxed with the default padding on sides so the rounded corners is appear everywhere.
The other is full width, without padding. This can add some space on smaller screen mobile devices. On some pages we don’t use this, for example: private messages, badges etc… You can enable it with Theme Settings. I did not tested it on every page. If you have see any issue please report.
User page
Rounded corners
FKB Pro has highly rounded corners everywhere by default, but I know not everyone likes it so I added some Theme Settings to make it easier to customize it.
If you don’t like rounded corners… set these value to 0
.
Topic Card
Main sections
- Title (click goes to the last post)
- Excerpt (click goes to the OP)
- Image (click goes to the last post)
Other sections
-
Left top: Author datas (avatar, name, username) and the date when the topic created.
(click open user card) - Right top: Category badge
- Center bottom: Tags
-
Left bottom: Topic likes and views
(click goes to OP and summarize topic if available) -
Right bottom: Last poster avatar, date and replies count.
(click avatar open user card, date go to last post and replies count open reply selection)
Badges style
-
bullet
-
bar
-
box
Category Page
Because of the limited size on center please use, one column category page styles. I made some customization on these to fit more to this theme.
Categories Only, Categories and Latest Topics, Categories and Top Topics
Categories Boxes
OR
You can use the Modern Category + Group Boxes theme component created by @jordan.vidrine
FKB Panel
On desktop: The right sidebar.
For anon visitors it is show a Welcome message. This message is same as js.signup_cta.value_prop
. The header Welcome
text you can change in Theme Translation.
OR
For anon visitors there is an option to enable a custom sidebar. You can add custom content to the sidebar like image and description.
For logged in users it is contains the user informations such as profile picture, statistics, badges and also use the user card image to background. Also contains some quick buttons on bottom.
On mobile: This section is appears under navigation section without user card background.
Color Schemes
The theme contains two color schemes FKB Pro - Light and FKB Pro - Dark.
Color Schemes
FKB Pro - Light
- primary
#242526
- secondary
#ffffff
- tertiary
#147efb
- quaternary
#147efb
- header_background
#ffffff
- header_primary
#242526
- highlight
#147efb
- danger
#f8745c
- success
#42b72a
- love
#fa6c8d
FKB Pro - Dark
- primary
#ffffff
- secondary
#242526
- tertiary
#147efb
- quaternary
#4267b2
- header_background
#242526
- header_primary
#ffffff
- highlight
#147efb
- danger
#f8745c
- success
#42b72a
- love
#fa6c8d
There are some custom color schemes too which you can change on settings.
Custom Color Schemes
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)
Fixes
Theme Components fixes
Under development
Component Name
Theme Component | COMPONENT_LINK |
Repository | REPOSITORY_LINK |
Plugins fixes
Discourse Reactions
Plugin’s topic | Discourse Reactions |
Repository for the fix | Discourse Reactions fix |
Plugin Name
Plugin | PLUGIN_LINK |
Repository | REPOSITORY_LINK |
There are so many other customizations what I didn’t mention.
Credit
Huge thanks to @awesomerobot to created Fakebook theme and @jordan-vidrine to created Fakebook Modern theme.
![]() |
Preview | Discourse Theme Creator |
![]() |
Repository | FKB Pro theme |
![]() |
Install Guide | How to install a theme or theme component |
![]() |
New to Discourse Themes? | Beginner’s guide to using Discourse Themes |