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 {
      overflow-y: hidden !important;
    }

    /* 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") %>;
      }
    <%- elsif forced_light_mode? %>
      html {
        background-color: #<%= light_color_hex_for_name("secondary") %>;
      }

This file has been truncated. show original

Topic		Replies	Views
Personal branding for the splash screen Feature completed , splash	10	699	February 4, 2026
Change loading animation Support splash	2	189	February 4, 2026
Which color scheme does the preloader use? Support splash	10	356	October 10, 2023
Defer javascript and show interim content on initial page load Development	20	2851	July 5, 2022
How to change Discourse splash animation? Support splash	9	681	February 4, 2026

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

Related topics