Fix dark mode design compatibility

Author: ostrolucky

CHANGELOG.md

@@ -2,6 +2,10 @@
 
 The change log describes what is "Added", "Removed", "Changed" or "Fixed" between each release.
 
+# 1.23.1
+
+- Fixed dark mode compatiblity, making some previously invisible elements visible
+
 # 1.23.0 - 2021-08-30
 
 - Changed the way request/response body is displayed in profiler. symfony/var-dumper is used now.

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*/
 }