diff --git a/www/pad/main.js b/www/pad/main.js
index 457913cb5..74130b860 100644
--- a/www/pad/main.js
+++ b/www/pad/main.js
@@ -124,8 +124,7 @@ define([
 
             // hide all content until the realtime doc is ready
             $(inner).css({
-                color: 'white',
-                'background-color': 'white',
+                color: '#333',
             });
             documentBody.innerHTML = Messages.initialState;
 
@@ -134,8 +133,7 @@ define([
             var setEditable = module.setEditable = function (bool) {
                 if (bool) {
                     $(inner).css({
-                        color: 'unset',
-                        'background-color': 'unset',
+                        color: '#fff',
                     });
                     $(module.spinner.get().el).fadeOut(750);
                 } else {