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:

app/views/common/_discourse_splash.html.erb

main

<section id="d-splash">
  <style>
    html {
      <%- if custom_splash_screen_enabled? %>
      overflow: hidden !important;
      <%- else %>
      overflow-y: hidden !important;
      <%- end %>
    }

    /* user picked a theme where the "regular" scheme is dark */
    <%- if dark_color_scheme? %>
      html {
        background-color: #<%= light_color_hex_for_name("secondary") %>;
      }

      #d-splash {
        --dot-color: #<%= light_color_hex_for_name("tertiary") %>;
        <%- if custom_splash_screen_enabled? %>
          <%- if splash_screen_image_animated? %>

This file has been truncated. show original

Topic		Replies	Views
How to disable "preloader-image" on Discourse instance? Support splash	8	179	May 9, 2026
Personal branding for the splash screen Feature completed , splash	9	762	February 4, 2026
Change loading animation Support splash	2	226	February 4, 2026
Which color scheme does the preloader use? Support splash	10	381	October 10, 2023
Defer javascript and show interim content on initial page load Development	19	2881	July 5, 2022

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

Related topics