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? Product Support splash	8	411	May 9, 2026
Personal branding for the splash screen Feature completed , splash	9	1011	February 4, 2026
Change loading animation Product Support splash	2	389	February 4, 2026
Which color scheme does the preloader use? Product Support splash	10	576	October 10, 2023
Branding the Discourse splash screen with custom SVG images Announcements splash	33	2250	August 26, 2026

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

Related topics