Halloween preloader

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);
 }

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) {

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},