diff --git a/css/hues-h.css b/css/hues-h.css
index 3afd205..6460dd9 100644
--- a/css/hues-h.css
+++ b/css/hues-h.css
@@ -6,6 +6,10 @@
     color: #ff3300;
 }
 
+#preloadHelper.hues-h-text {
+    background-color: black;
+}
+
 .hues-h-textfade {
     color: rgba(255, 51, 0, 0.6);
 }
diff --git a/js/HuesCore.js b/js/HuesCore.js
index e628652..c18d81e 100644
--- a/js/HuesCore.js
+++ b/js/HuesCore.js
@@ -71,7 +71,7 @@ function HuesCore(defaults) {
 
     if(defaults.load) {
         this.resourceManager.addAll(defaults.respacks, function() {
-            document.getElementById("preloadHelper").className = "loaded";
+            document.getElementById("preloadHelper").classList.add("loaded");
             that.setImage(0);
             if(defaults.autoplay) {
                 if(defaults.firstSong) {
diff --git a/js/HuesUI.js b/js/HuesUI.js
index 1804872..ff71649 100644
--- a/js/HuesUI.js
+++ b/js/HuesUI.js
@@ -1006,6 +1006,18 @@ HalloweenUI.prototype.invert = function(invert) {
     }
 };
 
+HalloweenUI.prototype.connectCore = function(core) {
+    ModernUI.prototype.connectCore.call(this, core);
+    
+    document.getElementById("preloadHelper").classList.add("hues-h-text");
+}
+
+HalloweenUI.prototype.disconnect = function() {
+    ModernUI.prototype.disconnect.call(this, core);
+    
+    document.getElementById("preloadHelper").classList.remove("hues-h-text");
+};
+
 // Positions and angles for the Xmas lights
 var xleft = [
     {"angle": 122.529582194, "x": 19.4, "y": -19.35},