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.