diff --git a/assets/resources/templates/index.tmpl b/assets/resources/templates/index.tmpl
index cd41281b0..182636fa6 100644
--- a/assets/resources/templates/index.tmpl
+++ b/assets/resources/templates/index.tmpl
@@ -43,12 +43,13 @@
 
 <div id="photoprism" class="container">
   <div class="loading">
+    <p>{{ .clientConfig.name }} is loading...</p>
     <div class="v-progress-linear" style="height: 7px;">
-      <div class="v-progress-linear__background blue-grey" style="height: 7px; opacity: 0.3; width: 100%;"></div>
+      <div class="v-progress-linear__background grey" style="height: 7px; opacity: 0.3; width: 100%;"></div>
       <div class="v-progress-linear__bar">
         <div class="v-progress-linear__bar__indeterminate v-progress-linear__bar__indeterminate--active">
-          <div class="v-progress-linear__bar__indeterminate long blue-grey"></div>
-          <div class="v-progress-linear__bar__indeterminate short blue-grey"></div>
+          <div class="v-progress-linear__bar__indeterminate long grey"></div>
+          <div class="v-progress-linear__bar__indeterminate short grey"></div>
         </div><!----></div>
     </div>
   </div>