chore: add support for dark mode in monitoring page

2026-01-10 12:14:37 +01:00
parent 6e1eb25bbc
commit a0a4687aeb
4 changed files with 73 additions and 19 deletions
--- a/src/index.css
+++ b/src/index.css
@@ -8,6 +8,9 @@
  background-color: #242424;

  --accent-color: #008080;
+  --panel-shadow:
+      0 1px 2px white,
+      0 8px 24px rgba(190, 186, 186, 0.253);

  font-synthesis: none;
  text-rendering: optimizeLegibility;
@@ -15,6 +18,14 @@
  -moz-osx-font-smoothing: grayscale;
 }

+@media (prefers-color-scheme: dark) {
+  :root {
+    --panel-shadow:
+      0 1px 2px rgba(221, 221, 221, 0.178),
+      0 8px 24px rgba(27, 27, 27, 0.507);
+  }
+}
+
 html, body, #root {
  margin: 0;
  padding: 0;