FKB Pro - Social theme

Customization Theme
398

Yes it’s the update that’s causing these problems
This bug is the same as the previous feedback on the phone bug a

The screenshot shows a bustling webpage interface, possibly a forum or blog post dedicated to PC graphics drivers, with various sections, posts, and images in Japanese text about software and software mod combinations such as SLG and chibi-style characters. (由 AI 生成标题)
The screenshot shows a bustling webpage interface, possibly a forum or blog post dedicated to PC graphics drivers, with various sections, posts, and images in Japanese text about software and software mod combinations such as SLG and chibi-style characters. (由 AI 生成标题)1920×696 122 KB

It seems that there is no limit to the size of the preview image anymore It’s fine to display small images but when the image size is large it starts to stretch the whole UI

1 Like
399

Ah, ok I see. Thanks for the report. I fixed it, please update the theme. :slightly_smiling_face:

1 Like
400

Hi, in the Category in homepage, the badge style box is not complete. see the picture below.

The image shows a computer screen displaying a list of tags and categories, including "Laptop Repair Learning" and "Staff" with associated counts. (Captioned by AI)
The image shows a computer screen displaying a list of tags and categories, including "Laptop Repair Learning" and "Staff" with associated counts. (Captioned by AI)507×630 27.9 KB

But in new topics its okay.

The image shows a Slack interface with colored labels for categories like Laptop Dell, Laptop Acer, and Basic Electronics, among others, indicating different topics and topics within a channel. (Captioned by AI)
The image shows a Slack interface with colored labels for categories like Laptop Dell, Laptop Acer, and Basic Electronics, among others, indicating different topics and topics within a channel. (Captioned by AI)673×650 38 KB

1 Like
401

Hello :wave: Thanks for the report! I fixed it here. Please update the theme. :slightly_smiling_face:

3 Likes
402

updated and its done. Thank you for your quick response.
:heart_eyes:

1 Like
403

hi, can you share this themes customization, it looks nice

405

I tested this theme FKB Pro with Topic List Preview components and Topic List Thumbnails Components but not rendering well. but in reality, we don’t need such components for FKB Pro Theme. because it already has preview feature. so, in finally chose this theme. :+1: :+1: :+1:

406

Hi, is there a way to reduce the gap between the topic header and logo? when there is menu sidebar present. see the picture below
The image shows a laptop screen with an animated text reading "simply dummy text of the printing and typesetting industry," alongside a playback control bar at the bottom. (Captioned by AI)

The image shows a screenshot of a text and conversation interface from the Crudify platform, discussing map modification suggestions, with a sidebar on the left and a user definition section on the right. (Captioned by AI)
The image shows a screenshot of a text and conversation interface from the Crudify platform, discussing map modification suggestions, with a sidebar on the left and a user definition section on the right. (Captioned by AI)1592×277 66.9 KB

@Don
Thanks

407

How to make FKB Pro compatible with Quote Callouts? That is, use another style for quoting.

Thanks for this great theme.

408

Do you mean you want the callouts style the same as the quote?
For example,

Screenshot 2024-05-23 at 22.05.18.jpeg 2
Screenshot 2024-05-23 at 22.05.18.jpeg 21640×524 47.8 KB

1 Like
409

hi, its solved automatically after discourse updates.

2 Likes
410

Yeah. It works.

1 Like
411

@Jun You can achieve that with the TC settings.

Here is what you can do.
First, define the global style: width, style and radius:

The image shows various control elements for customizing a callout's border style and dimensions, including width, radius, and color, with options for resetting each setting. (Captioned by AI)
The image shows various control elements for customizing a callout's border style and dimensions, including width, radius, and color, with options for resetting each setting. (Captioned by AI)725×396 23.7 KB

Callout border width: 0 0 0 5px
Callout border style: solid
Callout border radius: var(--d-default-border-radius)

You can also set Callout border color if you want the same border color for all the callouts.

Otherwise, you can define the color per callout.

The image is a configuration interface for editing callout settings, showcasing fields for Type, Alias, Icon, Icon size, Title, Color, Border width, Border style, and Border color, with options for adding a custom SVG icon and saving changes. (Captioned by AI)
The image is a configuration interface for editing callout settings, showcasing fields for Type, Alias, Icon, Icon size, Title, Color, Border width, Border style, and Border color, with options for adding a custom SVG icon and saving changes. (Captioned by AI)1050×1043 75.6 KB

Here in the screenshot, I use the same Color for the border.

The image shows a Usenet article interface featuring quotation and content sections with options to quote and view additional information, highlighted against a light background. (Captioned by AI)
The image shows a Usenet article interface featuring quotation and content sections with options to quote and view additional information, highlighted against a light background. (Captioned by AI)1271×306 17.2 KB

2 Likes
412

Hey! I just updated our Discourse to the newest updates and it seems like something in it broke the topics layout as they are not contained to the “bubbles” as before. So far the option to disable the FKB Pro topic layout fixed the issue. I am attaching screenshots of the issue below together with the admin console which now shows an error. I had to blur some personal data of our users so I hope that is not too disturbing.

Snímek obrazovky 2025-02-18 v 20.46.43
Snímek obrazovky 2025-02-18 v 20.46.432880×1800 498 KB

Snímek obrazovky 2025-02-18 v 20.46.20
Snímek obrazovky 2025-02-18 v 20.46.201498×559 62.4 KB

1 Like
413

The SCSS mixin sticky has been removed from core recently (DEV: Remove unnecessary scss mixins (#31355) · discourse/discourse@46c568a · GitHub).

@Don

2 Likes
414

Thanks for the report @Obi_Sam_Kenobi and thanks @Arkshine for the heads up. :slight_smile:

I merged a fix please update the theme.
https://github.com/VaperinaDEV/fkb-pro-theme/pull/58

5 Likes
415

@Don I can see this message:

The image displays an important admin notification warning that one of the website's themes or plugins needs updating to ensure compatibility with forthcoming Discord core changes and provides a specific link for further information. (Captioned by AI)

Upcoming topic-list changes - how to prepare themes and plugins
416

Also noticed this since uploading to latest build

Screenshot 2025-04-08 at 00.16.47
Screenshot 2025-04-08 at 00.16.47699×167 24.3 KB

lightbox stopped working… is there anything I’m missing? it does work on other themes like Material design.

417

Hey @sok777 :wave:

Sorry I can’t repro it. I’ve installed the theme on the latest Discourse and didn’t notice this kind of errors you see. Is there any other theme component may cause this? Can you share your site url?

418

Thanks so much @Don, this actually made me realize I had a few components, particularly running jQuery plus custom code that was blocking it! All good now. :ok_hand:

Upcoming topic-list changes - how to prepare themes and plugins