app/globals.css

@@ -168,6 +168,23 @@ body {
   background: var(--disabled);
 }
 
+@media (prefers-color-scheme: dark) {
+  :root {
+    --bg-1: #0d1420;
+    --bg-2: #111c2e;
+    --panel: #16202f;
+    --panel-line: #253043;
+    --ink: #dde4f0;
+    --muted: #8fb2eb;
+    --primary: #2d8fd6;
+    --primary-press: #237bbf;
+    --disabled: #34455c;
+    --white: #929292;
+    --shadow-base: #020507;
+    --border-dark: #060d18;
+  }
+}
+
 @media (max-width: 560px) {
   .home-layout {
     padding: 0.65rem;