ui: change theme slightly

static/theme.css

@@ -1,39 +1,39 @@
 /* https://material-web.dev */
 :root,
 :host {
-    --md-sys-color-background: #121416;
-    --md-sys-color-on-background: #e2e2e5;
-    --md-sys-color-surface: #121416;
-    --md-sys-color-surface-dim: #121416;
-    --md-sys-color-surface-bright: #38393b;
-    --md-sys-color-surface-container-lowest: #0c0e10;
-    --md-sys-color-surface-container-low: #1a1c1e;
-    --md-sys-color-surface-container: #1e2022;
-    --md-sys-color-surface-container-high: #282a2c;
-    --md-sys-color-surface-container-highest: #333537;
-    --md-sys-color-on-surface: #e2e2e5;
-    --md-sys-color-surface-variant: #42474d;
-    --md-sys-color-on-surface-variant: #c2c7ce;
-    --md-sys-color-inverse-surface: #e2e2e5;
-    --md-sys-color-inverse-on-surface: #2f3033;
-    --md-sys-color-outline: #8c9198;
-    --md-sys-color-outline-variant: #42474d;
+    --md-sys-color-background: #101417;
+    --md-sys-color-on-background: #dfe3e7;
+    --md-sys-color-surface: #101417;
+    --md-sys-color-surface-dim: #101417;
+    --md-sys-color-surface-bright: #353a3d;
+    --md-sys-color-surface-container-lowest: #0a0f12;
+    --md-sys-color-surface-container-low: #181c1f;
+    --md-sys-color-surface-container: #1c2023;
+    --md-sys-color-surface-container-high: #262b2e;
+    --md-sys-color-surface-container-highest: #313539;
+    --md-sys-color-on-surface: #dfe3e7;
+    --md-sys-color-surface-variant: #3f484f;
+    --md-sys-color-on-surface-variant: #bec8d0;
+    --md-sys-color-inverse-surface: #dfe3e7;
+    --md-sys-color-inverse-on-surface: #2d3134;
+    --md-sys-color-outline: #88929a;
+    --md-sys-color-outline-variant: #3f484f;
     --md-sys-color-shadow: #000000;
     --md-sys-color-scrim: #000000;
-    --md-sys-color-surface-tint: #a4cbec;
-    --md-sys-color-primary: #a4cbec;
-    --md-sys-color-on-primary: #01344f;
-    --md-sys-color-primary-container: #002a41;
-    --md-sys-color-on-primary-container: #90b7d8;
-    --md-sys-color-inverse-primary: #3b627f;
-    --md-sys-color-secondary: #bac8d7;
-    --md-sys-color-on-secondary: #24323d;
-    --md-sys-color-secondary-container: #313e4a;
-    --md-sys-color-on-secondary-container: #c3d2e1;
-    --md-sys-color-tertiary: #dfbae8;
-    --md-sys-color-on-tertiary: #41264b;
-    --md-sys-color-tertiary-container: #371c41;
-    --md-sys-color-on-tertiary-container: #caa6d4;
+    --md-sys-color-surface-tint: #7fd0ff;
+    --md-sys-color-primary: #7fd0ff;
+    --md-sys-color-on-primary: #00344a;
+    --md-sys-color-primary-container: #007ba8;
+    --md-sys-color-on-primary-container: #ffffff;
+    --md-sys-color-inverse-primary: #00658c;
+    --md-sys-color-secondary: #aacbe2;
+    --md-sys-color-on-secondary: #113446;
+    --md-sys-color-secondary-container: #234356;
+    --md-sys-color-on-secondary-container: #b8d9f0;
+    --md-sys-color-tertiary: #e9b3ff;
+    --md-sys-color-on-tertiary: #4a1862;
+    --md-sys-color-tertiary-container: #935fab;
+    --md-sys-color-on-tertiary-container: #ffffff;
     --md-sys-color-error: #ffb4ab;
     --md-sys-color-on-error: #690005;
     --md-sys-color-error-container: #93000a;