Add styling classes for status line state.

include/black.css

@@ -50,6 +50,15 @@ body {
   font-weight: bold;
   text-align: center;
 }
+.VNC_status_normal {
+  color: #fff;
+}
+.VNC_status_error {
+  color: #f44;
+}
+.VNC_status_warn {
+  color: #ff4;
+}
 #VNC_screen {
   -webkit-border-radius: 10px;
   -moz-border-radius: 10px;

include/plain.css

@@ -29,8 +29,17 @@
 #VNC_status {
     margin-top: 15px;
     text-align: center;
+    /*background: #eee;*/
+}
+.VNC_status_normal {
     background: #eee;
 }
+.VNC_status_error {
+    background: #f44;
+}
+.VNC_status_warn {
+    background: #ff4;
+}
 
 /* Do not set width/height for VNC_screen or VNC_canvas or incorrect
  * scaling will occur. Canvas resizes to remote VNC settings */

vnc.js

@@ -1004,7 +1004,7 @@ clipboardClear: function () {
 },
 
 updateState: function(state, statusMsg) {
-    var s, c, func, color, cmsg;
+    var s, c, func, klass, cmsg;
     s = RFB.statusLine;
     c = RFB.connectBtn;
     func = function(msg) { console.log(msg); };
@@ -1012,25 +1012,25 @@ updateState: function(state, statusMsg) {
         case 'failed':
             func = function(msg) { console.error(msg); };
             c.disabled = true;
-            color = "#880000";
+            klass = "error";
             break;
         case 'normal':
             c.value = "Disconnect";
             c.onclick = RFB.disconnect;
             c.disabled = false;
-            color = "#000000";
+            klass = "normal";
             break;
         case 'disconnected':
             c.value = "Connect";
             c.onclick = function () { RFB.connect(); };
 
             c.disabled = false;
-            color = "#000000";
+            klass = "normal";
             break;
         default:
             func = function(msg) { console.warn(msg); };
             c.disabled = true;
-            color = "#444400";
+            klass = "warn";
             break;
     }
 
@@ -1041,7 +1041,7 @@ updateState: function(state, statusMsg) {
     }
 
     RFB.state = state;
-    s.style.color = color;
+    s.setAttribute("class", "VNC_status_" + klass);
     cmsg = typeof(statusMsg) !== 'undefined' ? (" Msg: " + statusMsg) : "";
     func("New state '" + state + "'." + cmsg);
     if (typeof(statusMsg) !== 'undefined') {