Personal branding for the splash screen

Discourse Splash was introduced back in July of 2022, since then, not many changes have been made or adjusted. Is there a roadmap or estimated time of arrival for the planned improvements and changes? I’ve seen quite a few posts asking for easy setting adjustments for this or even simple color changes.

Original Post

6 Likes

I’d like to be able to replace the dots with my own SVG animation.

4 Likes

I agree - that was one of the original suggestions and from what I can tell, there’s no way to do this without diving into the complicated logistics, if at all. A simple pulsing logo like you could change previously would be great.

4 Likes

It is not great because showing that blinking, sorry, pulsing logo happends only when your server is really slow or your visitors are suffering bad network :wink:

2 Likes

I have low network signal near my house so I see it all the time if I go for a walk and try to use my forum. Would love to customise it more.

3 Likes

Yeah a custom svg would help the experience quite a bit. I’m seeing the loading animation fairly frequently.

Can’t comment in the official thread because it’s closed now

2 Likes

@Shauny @henvo Suggest you upvote then - not sure if that’s what Discourse uses to identify posts that are wanted by the community, but wouldn’t hurt. :eyes:

1 Like

It certainly helps. :+1:

After a certain amount of time, having a grab-bag bucket of ‘all feedback and suggestions in one topic’ just gets muddled and hard to track the different ideas and popularity/desirability of each one. Separate topics per suggestion is definitely much clearer for people to find and add their thoughts too (and vote for :slight_smile:), as well as for the relevant teams to review and track.

2 Likes

There’s now an experimental change to allow adding a custom SVG logo or animation to the splash screen! This isn’t officially supported beyond this experiment quite yet, as we want to do some more testing to ensure it doesn’t impact performance and search engine indexing.

Eager admins can enable it from /admin/config/upcoming-changes — this enables a new site setting Splash screen image. This must be an SVG so we can embed it in the page.

SVGs can reference color variables like var(--primary), var(--secondary), and var(--tertiary) for dark mode support.

When a logo is added we show the dots and the logo:

When an animated SVG is uploaded, we only show the animation:

Note that you must use a CSS animation utilizing transform or opacity in your SVGs, as these run in a different layer and aren’t blocked by JS rendering. We attempted to allow SMIL animations, but these would stutter.

6 Likes

There’s an announcement topic here: Branding the Discourse splash screen with custom SVG images — please leave any feedback there! Thanks for the suggestion everyone!

1 Like