webapps.help: update css for dark mode

diff --git a/extra/webapps/help/search.css b/extra/webapps/help/search.css
index 8857a1b70a72dbb77eaa3fe006626547983911dd..95e60577c002a3e9f94bb288c7158ec915a31579 100644 (file)
--- a/extra/webapps/help/search.css
+++ b/extra/webapps/help/search.css
@@ -12,7 +12,6 @@
 .label {
   width: 100%;
   padding: 5px;
-  background: white;
   cursor: pointer;
   font-weight: bold;
   font-size: 14pt;
@@ -45,20 +44,28 @@
 
   .panel {
     order: 99;
-    border-top: 1px solid #ccc;
   }
 
   .label {
     width: 33.33%;
-    border: 1px solid white;
-    border-bottom: none;
+  }
+}
+
+@media (prefers-color-scheme: dark) {
+
+  .label {
+    color: #bdc1c6;
+    border: 1px solid #666;
   }
 
   .label:hover {
-    border-bottom: none;
+    background: #373e48;
+    border: 1px solid #666;
   }
 
   .radiotab:checked + .label {
-    border-bottom: none;
+    border: 1px solid #666;
+    background: #373e48;
+    color: white;
   }
 }