UI Overhaul

Watcher/wwwroot/css/ServerOverview.css

@@ -1 +0,0 @@
-

Watcher/wwwroot/css/main.css

@@ -0,0 +1,66 @@
+:root {
+    --color-bg: #141414;
+    --color-surface: #212121;
+    --color-accent: #415a77;
+    --color-primary: #616161;
+    --color-text: #f9feff;
+    --color-muted: #c0c0c0;
+    --color-success: #14a44d;
+    --color-danger: #ff6b6b;
+}
+
+body {
+    background-color: var(--color-bg);
+    color: var(--color-primary);
+}
+
+a {
+    color: var(--color-primary);
+}
+
+.card, .navbar, .form-control, .dropdown-menu {
+    background-color: var(--color-surface);
+    color: var(--color-text);
+    border: none;
+}
+
+.form-control {
+    background-color: var(--color-accent);
+    color: var(--color-text);
+}
+
+.form-control::placeholder {
+    color: var(--color-muted);
+}
+
+.navbar .nav-link,
+.dropdown-item {
+    color: var(--color-text);
+}
+
+.btn-primary {
+    background-color: var(--color-primary);
+    border: none;
+}
+
+.btn-danger {
+    background-color: var(--color-danger);
+    border: none;
+}
+
+.btn-pocketid {
+    background-color: var(--color-success);
+    color: white;
+}
+
+.btn-pocketid:hover {
+    background-color: #0f8c3c;
+}
+
+.table {
+    color: var(--color-text);
+}
+
+hr {
+    border-top: 1px solid var(--color-accent);
+}

Watcher/wwwroot/css/site.css

@@ -1,9 +1,9 @@
 :root {
-    --color-bg: #0d1b2a;
-    --color-surface: #1b263b;
+    --color-bg: #141414;
+    --color-surface: #212121;
     --color-accent: #415a77;
-    --color-primary: #0d6efd;
-    --color-text: #ffffff;
+    --color-primary: white;
+    --color-text: #f9feff;
     --color-muted: #c0c0c0;
     --color-success: #14a44d;
     --color-danger: #ff6b6b;
@@ -11,7 +11,7 @@
 
 body {
     background-color: var(--color-bg);
-    color: var(--color-text);
+    color: var(--color-primary);
 }
 
 a {