stuff

Watcher/wwwroot/css/Login.css

@@ -0,0 +1,24 @@
+.login-card {
+    background-color: var(--color-surface);
+    color: var(--color-text);
+    padding: 2rem;
+    border-radius: 1rem;
+    box-shadow: 0 0 20px rgba(0, 0, 0, 0.5);
+    max-width: 500px;
+    margin: auto;
+}
+
+.btn-oidc {
+    background-color: var(--color-primary);
+    color: white;
+    border: none;
+}
+
+.btn-oidc:hover {
+    background-color: var(--color-primary);
+}
+
+.form-error {
+    color: #ff6b6b;
+    font-size: 0.875rem;
+}

Watcher/wwwroot/css/databases.css

@@ -0,0 +1,13 @@
+.dumptable {
+    width: 100%;
+    
+    border: .2rem solid;
+
+    margin: 1rem;
+    padding: 1rem
+}
+
+.dumptable thead {
+    margin: 1rem;
+    border: .2rem solid;
+}

Watcher/wwwroot/css/main.css

@@ -1,12 +1,13 @@
 :root {
     --color-bg: #141414;
     --color-surface: #212121;
-    --color-accent: #415a77;
+    --color-accent: #00e5ff;
     --color-primary: #616161;
     --color-text: #f9feff;
     --color-muted: #c0c0c0;
     --color-success: #14a44d;
     --color-danger: #ff6b6b;
+    --color-warning: #CBE013;
 }
 
 body {
@@ -25,7 +26,12 @@ a {
 }
 
 .form-control {
-    background-color: var(--color-accent);
+    background-color: var(--color-muted);
+    color: var(--color-text);
+}
+
+.form-control:active {
+    background-color: var(--color-muted);
     color: var(--color-text);
 }
 
@@ -39,24 +45,19 @@ a {
 }
 
 .btn-primary {
-    background-color: var(--color-primary);
+    background-color: var(--color-accent);
     border: none;
 }
 
+.btn-primary:hover {
+    background-color: var(--color-accent);
+}
+
 .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);
 }

Watcher/wwwroot/css/server-detail.css

@@ -0,0 +1,20 @@
+.info {
+    margin: 2rem;
+    margin-top: 3rem;
+}
+
+.hardware {
+    margin: 2rem;
+    margin-top: 3rem;
+}
+
+.graphcontainer {
+    height: 25rem;
+    width: 100%;
+    background-color: var(--color-surface);
+}
+
+.graph {
+    width: 100%;
+    height: 22rem;
+}

Watcher/wwwroot/css/user-info.css

@@ -12,4 +12,28 @@
 .usertable {
     background-color: var(--color-surface);
     color: var(--color-text);
+}
+
+.Settingscontainer {
+    display: flex;
+    flex-wrap: wrap;
+    /* Wichtig: erlaubt Umbruch */
+    gap: 1rem;
+    /* optionaler Abstand */
+}
+
+.Settingscontainer>* {
+    flex: 1 1 calc(50% - 0.5rem);
+    /* 2 Elemente pro Zeile, inkl. Gap */
+    box-sizing: border-box;
+}
+
+.btn-db {
+    background-color: var(--color-primary);
+    border: none;
+}
+
+.btn-db:hover {
+    background-color: var(--color-accent);
+    border: none;
 }