dark mode and websockets

[kismet-logviewer.git] / logviewer / static / css / jquery.kismet.messagebus.css

diff --git a/logviewer/static/css/jquery.kismet.messagebus.css b/logviewer/static/css/jquery.kismet.messagebus.css
index f00f851..2fc166c 100644 (file)
--- a/logviewer/static/css/jquery.kismet.messagebus.css
+++ b/logviewer/static/css/jquery.kismet.messagebus.css
@@ -1,3 +1,13 @@
+:root {
+    --messagebus-debug-color: grey;
+    --messagebus-info-color: yellow;
+    --messagebus-alert-color: #FF0000;
+}
+
+[data-theme="dark"] {
+    --messagebus-alert-color: #960000;
+}
+
 .messagebus {
     overflow-y: scroll;
     overflow-x: hidden;
@@ -12,6 +22,7 @@
     margin-bottom: 3px;
     margin-top: 3px;
     padding-left: 5px;
+    background-color: transparent;
 }
 
 .messagebus_message:hover {
@@ -58,7 +69,7 @@
 }
 
 .messagebus_alert > p:nth-of-type(1) {
-    background-color: #FF0000;
+    background-color: var(--messagebus-alert-color);
 }