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