Fix dark mode design compatibility

Author: ostrolucky

CHANGELOG.md

@@ -4,6 +4,7 @@ The change log describes what is "Added", "Removed", "Changed" or "Fixed" betwee
 
 # 1.23.1
 - Fix issue with whitespaces in URL when URL in tab was copied
+- Fixed dark mode compatiblity, making some previously invisible elements visible
 
 # 1.23.0 - 2021-08-30
 

src/Resources/views/style/httplug.css.twig

@@ -46,7 +46,7 @@
     border-radius: 2px 0px 0px 2px;
     border: 0;
     line-height: inherit;
-    background-color: #eee;
+    background-color: var(--metric-value-background);
     opacity: 1;
     font-size: 14px;
     flex: 1;
@@ -88,7 +88,7 @@
     display: flex;
     justify-content: space-between;
 
-    background: #FFF;
+    background: var(--table-background);
     border: 1px solid #E0E0E0;
     box-shadow: 0px 0px 1px rgba(128, 128, 128, .2);
     margin: 1em 0;
@@ -108,8 +108,8 @@
     overflow: hidden;
     text-overflow: ellipsis;
     white-space: nowrap;
-    background: white;
-    color: black;
+    background: var(--table-background);
+    color: var(--color-text);
     font-size: 0; /*hide line return spacings*/
 }