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: [imagem] 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 …

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:

[imagem] 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, …

[imagem] RGJ: If you created the theme purely via the admin user interface, no. Okay. Thank you. Then it is as it is. :slight_smile: [imagem] 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 t…

[imagem] 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 lower…

[imagem] 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 a…

Imagem de pré-visualização para temas próprios

Suporte

Moin 30 Novembro , 2025 17:06 2

Lembro-me deste guia, mas não sei se é o que você está procurando:

Tópico		Respostas	Vistas
Adding preview screenshots to Discourse themes Developer Guides	3	488	18 Fevereiro , 2026
Built-in theme preview images missing (404) in discourse/discourse Docker image Self-hosting unsupported-install	1	90	21 Dezembro , 2025
Improvements to theme browsing and previewing Feature	0	694	2 Maio , 2021
The system profile picture has an image preview on quotes? Bug	1	130	22 Maio , 2025
Plugin used in theme Support	4	1184	20 Maio , 2020

Imagem de pré-visualização para temas próprios

Related topics