diff --git a/css/glowingbear.css b/css/glowingbear.css
index 44364a9..1f6c933 100644
--- a/css/glowingbear.css
+++ b/css/glowingbear.css
@@ -370,12 +370,12 @@ td.time {
     left: 0;
 }
 
-    .imgur-progress-bar {
-        width: 0%;
-        height: 5px;
-        margin-top: 1px;
-        background: #428BCA;
-    }
+.imgur-progress-bar {
+    width: 0%;
+    height: 5px;
+    margin-top: 1px;
+    background: #428BCA;
+}
 
 /* fix for mobile firefox which ignores :hover */
 .nav-pills > li > a:active, .nav-pills > li > a:active span {
diff --git a/css/themes/black.css b/css/themes/black.css
new file mode 100644
index 0000000..08ca482
--- /dev/null
+++ b/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;
+}
diff --git a/css/themes/dark.css b/css/themes/dark.css
index f219459..8d303aa 100644
--- a/css/themes/dark.css
+++ b/css/themes/dark.css
@@ -10,6 +10,11 @@ body {
     border: 0px none;
 }
 
+.form-control option {
+   color: #eee;
+   background: #282828;
+}
+
 html {
     background-color: inherit;
 }
diff --git a/js/glowingbear.js b/js/glowingbear.js
index e2f48fc..caea115 100644
--- a/js/glowingbear.js
+++ b/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.