diff --git a/web/src/themes/default.css b/web/src/themes/default.css
index 47da71895..8c008a241 100644
--- a/web/src/themes/default.css
+++ b/web/src/themes/default.css
@@ -49,6 +49,55 @@
   --spacing: 0.25rem;
 }
 
+.dark {
+  --background: oklch(0.2679 0.0036 106.6427);
+  --foreground: oklch(0.8274 0.0142 93.0137);
+  --card: oklch(0.2679 0.0036 106.6427);
+  --card-foreground: oklch(0.8518 0.0054 95.0986);
+  --popover: oklch(0.3085 0.0035 106.6039);
+  --popover-foreground: oklch(0.8411 0.004 106.4781);
+  --primary: oklch(0.7062 0.0156 286.3);
+  --primary-foreground: oklch(0.2679 0.0036 106.6427);
+  --secondary: oklch(0.3485 0.0045 106.8);
+  --secondary-foreground: oklch(0.8274 0.0142 93.0137);
+  --muted: oklch(0.2213 0.0038 106.707);
+  --muted-foreground: oklch(0.5813 0.0169 99.0657);
+  --accent: oklch(0.3185 0.0065 106.2);
+  --accent-foreground: oklch(0.8274 0.0142 93.0137);
+  --destructive: oklch(0.55 0.015 250);
+  --destructive-foreground: oklch(0.95 0.005 250);
+  --border: oklch(0.3618 0.0101 106.8928);
+  --input: oklch(0.4336 0.0113 100.2195);
+  --ring: oklch(0.5937 0.1673 253.063);
+  --chart-1: oklch(0.5583 0.1276 42.9956);
+  --chart-2: oklch(0.6898 0.1581 290.4107);
+  --chart-3: oklch(0.45 0.02 245);
+  --chart-4: oklch(0.3074 0.0516 289.323);
+  --chart-5: oklch(0.5608 0.1348 42.0584);
+  --sidebar: oklch(0.2357 0.0024 67.7077);
+  --sidebar-foreground: oklch(0.8274 0.0142 93.0137);
+  --sidebar-primary: oklch(0.7062 0.0156 286.3);
+  --sidebar-primary-foreground: oklch(0.2679 0.0036 106.6427);
+  --sidebar-accent: oklch(0.3185 0.0045 106.8);
+  --sidebar-accent-foreground: oklch(0.8274 0.0142 93.0137);
+  --sidebar-border: oklch(0.3618 0.0101 106.8928);
+  --sidebar-ring: oklch(0.5937 0.1673 253.063);
+  --font-sans:
+    ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif,
+    "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
+  --font-serif: ui-serif, Georgia, Cambria, "Times New Roman", Times, serif;
+  --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
+  --radius: 0.5rem;
+  --shadow-2xs: 0 1px 3px 0px hsl(0 0% 0% / 0.05);
+  --shadow-xs: 0 1px 3px 0px hsl(0 0% 0% / 0.05);
+  --shadow-sm: 0 1px 3px 0px hsl(0 0% 0% / 0.1), 0 1px 2px -1px hsl(0 0% 0% / 0.1);
+  --shadow: 0 1px 3px 0px hsl(0 0% 0% / 0.1), 0 1px 2px -1px hsl(0 0% 0% / 0.1);
+  --shadow-md: 0 1px 3px 0px hsl(0 0% 0% / 0.1), 0 2px 4px -1px hsl(0 0% 0% / 0.1);
+  --shadow-lg: 0 1px 3px 0px hsl(0 0% 0% / 0.1), 0 4px 6px -1px hsl(0 0% 0% / 0.1);
+  --shadow-xl: 0 1px 3px 0px hsl(0 0% 0% / 0.1), 0 8px 10px -1px hsl(0 0% 0% / 0.1);
+  --shadow-2xl: 0 1px 3px 0px hsl(0 0% 0% / 0.25);
+}
+
 @theme inline {
   --color-background: var(--background);
   --color-foreground: var(--foreground);