Introducing Discourse Splash - A visual preloader displayed while site assets load

Canapin · July 7, 2022, 12:43pm

For those who want to modify the loader, here’s the file:

discourse/discourse/blob/main/app/views/common/_discourse_splash.html.erb

<%- unless customization_disabled? %>
<section id="d-splash">
  <style>
    html {
      overflow-y: hidden !important;
    }

    #d-splash {
      display: grid;
      place-items: center;
      backface-visibility: hidden;
      background: var(--secondary);
      position: absolute;
      left: 0;
      top: 0;
      width: 100%;
      z-index: 1001;
      --animation-state: paused;
    }

This file has been truncated. show original

Topic		Replies	Views
Personal branding for the splash screen Feature splash	7	465	June 22, 2024
Change loading animation Support	1	58	February 23, 2025
How to change Discourse splash animation? Support	8	532	August 4, 2025
Defer javascript and show interim content on initial page load Dev	20	2769	July 5, 2022
New loading splash has been disappeared? Support	5	343	July 13, 2022

Introducing Discourse Splash - A visual preloader displayed while site assets load

Related topics