Does anyone know if it is possible to change the loading animation when you first hit a Discourse site? The four or five circular dots…

It’s possible now [imagem] Branding the Discourse splash screen with custom SVG images megaphoneAnnouncements This feature has been highly requested here on Meta Personal branding for the splash screen . We have now added the option to add an SVG, either static or animated, as the splash screen image to replace this default loading dot indicator: [image] If a static SVG is used, then it appears above the loading dot animation: [image] otherwise if an animated SVG is used it replaces the dots entirely: [image] Note that for performance reasons, animated SVGs should use CSS transform or opacity …

There are old discussions about this topic [imagem] Introducing Discourse Splash - A visual preloader displayed while site assets load megaphoneAnnouncements The splash lives in a different CSS scope, so sadly, you won’t be able to modify the CSS via themes. That said, we do have planned improvements, and I started with this one. Once the change is live on your site, the splash dots will use the colors from your current theme. [imagem] How to change Discourse splash animation? Support That’s correct +1 The splash loads before any core JS/CSS. The current implementation doesn’t focus on customization, but v2 will. The plan is to serve the splash image from localStorage for slightly increased performance and since it allows admins to set something custom via an inline tag in the theme head_tag field. There’s currently no ETA for this work, and it needs a bit of testing, but it’s planned. I don’t know if anything was done in the end to make modifications easy, and I don’t recall any topic featuring a custom splash.

Alterar animação de carregamento

Suporte ao Produto

Moin 4 Fevereiro , 2026 14:43 3

É possível agora

Tópico		Respostas	Vistas
How to customize the loading splash screen? Product Support splash	4	1829	29 Agosto , 2024
Personal branding for the splash screen Feature completed , splash	9	986	4 Fevereiro , 2026
How to change Discourse splash animation? Product Support splash	9	893	4 Fevereiro , 2026
How to disable "preloader-image" on Discourse instance? Product Support splash	8	389	9 Maio , 2026
How to show a logo/image in the loading screen? Product Support	2	178	17 Fevereiro , 2026

Alterar animação de carregamento

Related topics