Invert background of active

homepage/static/dark-style.css

@@ -664,19 +664,19 @@ button:hover {
 .sortbutton {
   margin-top:10px;
   font-size:x-large;
-  background: #BB4242;
+  background: #3b3b3b;
   padding:5px;
   box-shadow: 0px 0px 5px 2px rgba(0, 0, 0, 0.10);
 }
 
 .sortbutton:hover {
-  background-color: #007D7D;
-  color: #6EBE64;
+  background-color: #007d7d;
+  color: #6ebe64;
 }
 
 .sortbutton.active {
-  background-color: #000000;
-  color: #F3CA40;
+  background-color: #bb4242;
+  color: #f3ca40;
 }
 
 button.legacyview {
@@ -753,7 +753,7 @@ dt {
   width: auto;
   text-align: left;
   font-weight: bold;
-  color: gray;
+  color: #b2b2b2;
 }
 dd::before {
   content: ": ";
@@ -761,8 +761,8 @@ dd::before {
 
 input {
   box-shadow: 0px 0px 17px 1px rgba(0, 0, 0, 0.10);
-  background-color: #333;
-  color: #fff;
+  background-color: #3b3b3b;
+  color: #f5f5f5;
 }
 
 dialog {
@@ -841,7 +841,7 @@ dialog::backdrop {
   position:absolute;
   display:inline-block;
   background-color:#c8191a;
-  color:white;
+  color:#f5f5f5;
   width:20px;
   line-height:20px;
   border-radius:12px;