Hi all, first of all, I would like to point out that my question is about a totally unimportant thing, but I wanted to ask it anyway :wink:: Where/how do I set a preview image for own themes. It looks a bit naked in the admin area without a proper preview image: [No preview image for own themes] …

The code I shared above broke recently. The class name changed, so the CSS selector no longer matched (I think it happened in #40001 ). This is the updated version I use on my forum now: lowercase & replace spaces with hyphens SCSS var name .theme-card.=THEME_NAME= .theme-card-preview__image-w…

I remember this guide, but I don’t know if that’s what you are looking for: [صورة] Adding preview screenshots to Discourse themes Developer Guides bookmark This guide explains how to add preview screenshots to your Discourse theme to showcase how it looks in bo…

Thank you, but not really. Or I do not understand - which is always a possibility. :wink: I created the theme in the screenshot of the standard theme from my self-hosted Discourse instance. So I did not download or upload it anywhere. Also I do not see a theme directory in the shared file paths out…

I believe the screenshots are only for themes you create yourself from Github, like developing it yourself. Hence it’s in Documentation > Developer Guides .

Yeah. So the question remains. Is there any way? And again, not the most important question and feature of all. :wink:

[صورة] Roi: Is there any way? If you created the theme purely via the admin user interface, no. In order to have screenshots you should have a local file/directory structure that mirrors the theme. You could export the theme, unzip it, add the screenshots as in the guide mentioned above, re…

[صورة] RGJ: If you created the theme purely via the admin user interface, no. Okay. Thank you. Then it is as it is. :slight_smile: [صورة] RGJ: But then again, screenshots are used mostly to show other people what your theme looks like, so if you didn’t upload it anywhere, who would that …

[صورة] Roi: Is there any way? It’s maybe a little hacky, but you can replace the default SVG pattern with a custom image with the help of CSS. Example result [image] In the uploads section of your theme, you add the screenshot [image] and in the CSS tab of “edit code” you add lowerca…

[صورة] Moin: It’s maybe a little hacky, but you can replace the default SVG pattern with a custom image with the help of CSS. Wow thank you very much for that. It worked right you described it. And it was just copy-paste thanks to your post. Cool! :+1: My inner Monk seems not to be there any…

صورة معاينة للمظاهر المخصصة

الدعم

Moin 30 نوفمبر 2025، 5:06م 2

أتذكر هذا الدليل، ولكن لا أعرف ما إذا كان هذا ما تبحث عنه:

الموضوع		الردود	مرات العرض
Adding preview screenshots to Discourse themes Developer Guides	3	386	18 فبراير 2026
Built-in theme preview images missing (404) in discourse/discourse Docker image Self-hosting unsupported-install	1	60	21 ديسمبر 2025
Improvements to theme browsing and previewing Feature	0	668	2 مايو 2021
The system profile picture has an image preview on quotes? Bug	1	94	22 مايو 2025
How do I test drive UI changes? Support	4	1143	15 نوفمبر 2021

صورة معاينة للمظاهر المخصصة

الموضوعات ذات الصلة