Themes: Add black theme for AMOLED displays, fix theme selector background in dark theme

Deprecates / closes #671

css/glowingbear.css

@@ -370,12 +370,12 @@ td.time {
     left: 0;
 }
 
-    .imgur-progress-bar {
+.imgur-progress-bar {
-        width: 0%;
+    width: 0%;
-        height: 5px;
+    height: 5px;
-        margin-top: 1px;
+    margin-top: 1px;
-        background: #428BCA;
+    background: #428BCA;
-    }
+}
 
 /* fix for mobile firefox which ignores :hover */
 .nav-pills > li > a:active, .nav-pills > li > a:active span {

css/themes/black.css

@@ -0,0 +1,22 @@
+@import "dark.css";
+
+body, .modal-content {
+   background-color: #000;
+}
+
+#topbar, #sidebar, .panel, .dropdown-menu, #topbar .actions {
+    background: #080808;
+}
+
+.nav-pills li:nth-child(2n) {
+    background: #000;
+}
+
+.form-control option, input.form-control, select.form-control {
+   color: #ccc;
+   background: #080808;
+}
+
+.close, .close:hover, .close:focus {
+    color: #ddd;
+}

css/themes/dark.css

@@ -10,6 +10,11 @@ body {
     border: 0px none;
 }
 
+.form-control option {
+   color: #eee;
+   background: #282828;
+}
+
 html {
     background-color: inherit;
 }

js/glowingbear.js

@@ -21,7 +21,7 @@ weechat.controller('WeechatCtrl', ['$rootScope', '$scope', '$store', '$timeout',
     };
 
     $scope.command = '';
-    $scope.themes = ['dark', 'light'];
+    $scope.themes = ['dark', 'light', 'black'];
 
     // Initialise all our settings, this needs to include all settings
     // or else they won't be saved to the localStorage.