...

WebAssembly/App.razor

@@ -13,10 +13,17 @@
 
 <style>
     a {
-        color: white;
         font-weight: 700;
     }
 
+    html.mud-theme-dark a {
+        color: white;
+    }
+
+    html.mud-theme-light a {
+        color: #4308a3;
+    }
+
     a:hover {
         color: white;
         text-decoration: underline;
@@ -24,7 +31,6 @@
         text-decoration-thickness: 3px;
     }
 
-
     :root {
         --severity-warning-color: #2a2000;
         --severity-warning-border-color: #755c13;
@@ -34,7 +40,6 @@
         --severity-information-border-color: #2c3a4c;
         --severity-success-color: #042901;
         --severity-success-border-color: #2E4C2C;
-
         --accent: #432462;
         --primary: #4308a3;
         --primary-border: #2c0b62;
@@ -46,16 +51,41 @@
         --secondary-border-hover: #a168ff;
         --paper: #252526;
         --paper-border: #151516;
-
         --paper-hover: #52366f;
         --paper-border-hover: #653497;
-
         --info: #451376;
         --info-border: #210b36;
-
         --dialog-border-color: black;
         --dialog-border-width: 2px;
         --dialog-radius: 6px;
     }
 
+    html.mud-theme-light {
+        --severity-warning-color: #fff8e1;
+        --severity-warning-border-color: #ffc107;
+        --severity-error-color: #ffebee;
+        --severity-error-border-color: #f44336;
+        --severity-information-color: #e3f2fd;
+        --severity-information-border-color: #2196f3;
+        --severity-success-color: #e8f5e9;
+        --severity-success-border-color: #4caf50;
+        --accent: #6b4c8a;
+        --primary: #6b2abf;
+        --primary-border: #5a1ea8;
+        --primary-hover: #7d3ad6;
+        --primary-border-hover: #6b2abf;
+        --background: #f5f5f5;
+        --secondary: #e8dff5;
+        --secondary-hover: #d4c4ed;
+        --secondary-border-hover: #b8a0d9;
+        --paper: #ffffff;
+        --paper-border: #e0e0e0;
+        --paper-hover: #f0ebf5;
+        --paper-border-hover: #d4c4ed;
+        --info: #e8dff5;
+        --info-border: #d4c4ed;
+        --dialog-border-color: #cccccc;
+        --dialog-border-width: 2px;
+        --dialog-radius: 6px;
+    }
 </style>