use standard-ish Vim highlight group names for the statusline styling

content/ui.js

@@ -1039,7 +1039,22 @@ function StatusLine() //{{{
 
     this.setClass = function(type)
     {
-        status_bar.setAttribute("class", "chromeclass-status status_" + type);
+        var highlight_group;
+
+        switch (type)
+        {
+            case "secure":
+                highlight_group = "hl-StatusLineSecure";
+                break;
+            case "broken":
+                highlight_group = "hl-StatusLineBroken";
+                break;
+            case "insecure":
+                highlight_group = "hl-StatusLine";
+                break;
+        }
+
+        status_bar.setAttribute("class", "chromeclass-status " + highlight_group);
     };
 
     this.updateUrl = function(url)

skin/vimperator.css

@@ -40,8 +40,7 @@ the terms of any one of the MPL, the GPL or the LGPL.
 /* the selected item in listboxes is hardly readable without this */
 #vimperator-completion    > listitem[selected="true"] > listcell,
 #vimperator-bufferwindow  > listitem[selected="true"] > listcell,
-#vimperator-previewwindow > listitem[selected="true"] > listcell
-{
+#vimperator-previewwindow > listitem[selected="true"] > listcell {
    background-color: Highlight !important;
    color: HighlightText !important;
 }
@@ -77,22 +76,6 @@ the terms of any one of the MPL, the GPL or the LGPL.
     display: none;
 }
 
-/* colors for the statusbar */
-/* #status-bar is included so it also gets the right color before the first setClass("insecure") */
-#status-bar,
-#status-bar.status_insecure {
-    background-color: black;
-    color: white;
-}
-#status-bar.status_secure {
-    background-color: #B0FF00; /* light green */
-    color: black;
-}
-#status-bar.status_broken {
-    background-color: #FF6060; /* light red */
-    color: black;
-}
-
 #vimperator-commandline {
     padding: 1px;
     /*
@@ -105,10 +88,6 @@ the terms of any one of the MPL, the GPL or the LGPL.
     color: inherit;
 }
 
-#vimperator-multiline-output {
-    overflow: hidden;
-}
-
 #vimperator-visualbell {
     border: none;
     background-color: black;
@@ -146,28 +125,25 @@ the terms of any one of the MPL, the GPL or the LGPL.
     background-color: white;
     color: red;
 }
-
-.hl-Normal {
-    background-color: white;
+.hl-StatusLine {
+    background-color: black;
+    color: white;
+}
+.hl-StatusLineSecure {
+    background-color: #B0FF00; / * light green * /
     color: black;
 }
-.hl-ErrorMsg {
-    background-color: red;
-    color: white;
-    font-weight: bold;
-}
-.hl-MoreMsg {
-    color: green;
-    background-color: white;
-}
-.hl-Title {
-    color: magenta;
-    background-color: white;
-    font-weight: bold;
+.hl-StatusLineBroken {
+    background-color: #FF6060; / * light red * /
+    color: black;
 }
 
 /* MOW */
 
+#vimperator-multiline-output {
+    overflow: hidden;
+}
+
 #vimperator-multiline-output-content {
     white-space: pre; /* -moz-pre-wrap FIXME: Should lines wrap like Vim? */
     font-family: -moz-fixed;