dark mode support

2025-07-12 02:26:44 +02:00
parent b6c5f6ba8b
commit fcc0a979d3
11 changed files with 114 additions and 42 deletions
@@ -0,0 +1,67 @@
+:root {
+  /* States */
+  --online: rgb(22 101 52);
+  --offline: rgb(153, 27, 27);
+  --warning: rgb(154, 52, 18);
+  --maintenance: rgb(30, 64, 175);
+
+  /* States bg */
+  --online-bg: rgb(220, 252, 231);
+  --offline-bg: rgb(254, 226, 226);
+  --warning-bg: rgb(255, 237, 213);
+  --maintenance-bg: rgb(219, 234, 254);
+
+  /* Overview data */
+  --online-ov: #16a34a;
+  --issue: rgb(234, 71, 12);
+  --cpu: rgb(37, 99, 235);
+  --memory: rgb(147, 51, 234);
+  --storage: rgb(234, 88, 12);
+  --network: rgb(22 163 74);
+
+  /* Usage levels */
+  --low: rgb(34, 197, 94);
+  --medium: rgb(234, 179, 8);
+  --high: rgb(239, 68, 68);
+
+  /* Misc */
+  --bg: #f1f5f9;
+  --fg: #0f172a;
+  --card-bg: #fff;
+  --progress-bg: rgb(226, 232, 240);
+  --server-icon-bg: rgb(219 234 254);
+}
+
+:root .dark {
+  /* States */
+  --online: rgb(34, 197, 94); /* bright green */
+  --offline: rgb(248, 113, 113); /* soft red */
+  --warning: rgb(251, 191, 36); /* yellow-orange */
+  --maintenance: rgb(147, 197, 253); /* light blue */
+
+  /* States bg */
+  --online-bg: rgba(22, 101, 52, 0.417); /* dark green */
+  --offline-bg: rgb(153, 27, 27, 0.417); /* dark red */
+  --warning-bg: rgb(154, 52, 18, 0.417); /* dark orange */
+  --maintenance-bg: rgb(30, 64, 175, 0.417); /* dark blue */
+
+  /* Overview data */
+  --online-ov: #16a34a;
+  --issue: rgb(234, 71, 12);
+  --cpu: rgb(37, 99, 235);
+  --memory: rgb(147, 51, 234);
+  --storage: rgb(234, 88, 12);
+  --network: rgb(22 163 74);
+
+  /* Usage levels */
+  --low: rgb(74, 222, 128); /* light green */
+  --medium: rgb(253, 224, 71); /* light yellow */
+  --high: rgb(239, 68, 68); /* red */
+
+  /* Misc */
+  --bg: #0f172a; /* dark navy */
+  --fg: #f8fafc; /* light text */
+  --card-bg: #141e2f; /* dark card background 141e2f */
+  --progress-bg: #27364d;
+  --server-icon-bg: #243756;
+}