Fix dark mode bugs

static/css/base.css

@@ -47,7 +47,8 @@ body {
 }
 
 @media (min-width: 768px) {
-    .navbar-default .navbar-nav > li.active > a, .navbar-default .navbar-nav > li > a:hover {
+    .navbar-default .navbar-nav > li.active > a,
+    .navbar-default .navbar-nav > li > a:hover {
         border-bottom: 5px solid var(--border-muted);
         padding-bottom: 25px;
     }
@@ -78,7 +79,8 @@ body {
 
 
     .navbar-default .navbar-nav > .open > a,
-    .navbar-default .navbar-nav > .open > a:hover {
+    .navbar-default .navbar-nav > .open > a:hover,
+    .navbar-default .navbar-nav > .open > a:focus {
         color: var(--text-muted);
     }
 }

static/css/bootstrap-colors.css

@@ -100,7 +100,8 @@ hr {
 
 .navbar-default .navbar-nav > .active > a,
 .navbar-default .navbar-nav > .active > a:hover,
-.navbar-default .navbar-nav > li > a:hover {
+.navbar-default .navbar-nav > li > a:hover,
+.navbar-default .navbar-nav > li > a:focus {
     color:  var(--text-color);
 }
 
@@ -108,6 +109,11 @@ hr {
     border-color: var(--border-color);
 }
 
+.navbar-default .navbar-toggle:hover,
+.navbar-default .navbar-toggle:focus {
+    background-color: var(--border-color);
+}
+
 .breadcrumb {
     background-color:  var(--breadcrumb-bg);
 }
@@ -181,6 +187,6 @@ h2 small {
 }
 
 .dropdown-menu li a:hover {
-    color: var(--btn-active-color);
-    background-color: var(--btn-active-bg);
+    color: var(--text-color);
+    background-color: var(--dropdown-link-hover-bg);
 }

static/css/variables.css

@@ -26,6 +26,7 @@
     --channel-off-color: #ddd;
     --close-color: #000;
     --debug-warning-bg:  #eee;
+    --dropdown-link-hover-bg: #f5f5f5;
     --get-started-bg: #f2f5f2;
     --input-bg-disabled: #eeeeee;
     --input-border: #ccc;
@@ -95,6 +96,7 @@ body.dark {
     --channel-off-color: hsl(240, 2%, 40%);
     --close-color: #fff;
     --debug-warning-bg: #60002d;
+    --dropdown-link-hover-bg: #6f6f7f;
     --get-started-bg: #2c2e2c;
     --input-bg-disabled: #29292c;
     --input-border:  #464649;