@plannotator/ui 0.22.0

package/themes/solar-dusk.css

@@ -0,0 +1,109 @@
+.theme-solar-dusk {
+  --background: oklch(0.2161 0.0061 56.0434);
+  --foreground: oklch(0.9699 0.0013 106.4238);
+  --card: oklch(0.2685 0.0063 34.2976);
+  --card-foreground: oklch(0.9699 0.0013 106.4238);
+  --popover: oklch(0.2685 0.0063 34.2976);
+  --popover-foreground: oklch(0.9699 0.0013 106.4238);
+  --primary: oklch(0.7049 0.1867 47.6044);
+  --primary-foreground: oklch(1.0 0 0);
+  --secondary: oklch(0.4444 0.0096 73.639);
+  --secondary-foreground: oklch(0.9232 0.0026 48.7171);
+  --muted: oklch(0.2685 0.0063 34.2976);
+  --muted-foreground: oklch(0.7161 0.0091 56.259);
+  --accent: oklch(0.6 0.12 229.3202);
+  --accent-foreground: oklch(0.15 0.02 229);
+  --destructive: oklch(0.5771 0.2152 27.325);
+  --destructive-foreground: oklch(1.0 0 0);
+  --border: oklch(0.3741 0.0087 67.5582);
+  --input: oklch(0.3741 0.0087 67.5582);
+  --ring: oklch(0.7049 0.1867 47.6044);
+  --chart-1: oklch(0.7049 0.1867 47.6044);
+  --chart-2: oklch(0.6847 0.1479 237.3225);
+  --chart-3: oklch(0.7952 0.1617 86.0468);
+  --chart-4: oklch(0.7161 0.0091 56.259);
+  --chart-5: oklch(0.5534 0.0116 58.0708);
+  --sidebar: oklch(0.2685 0.0063 34.2976);
+  --sidebar-foreground: oklch(0.9699 0.0013 106.4238);
+  --sidebar-primary: oklch(0.7049 0.1867 47.6044);
+  --sidebar-primary-foreground: oklch(1.0 0 0);
+  --sidebar-accent: oklch(0.6847 0.1479 237.3225);
+  --sidebar-accent-foreground: oklch(0.2839 0.0734 254.5378);
+  --sidebar-border: oklch(0.3741 0.0087 67.5582);
+  --sidebar-ring: oklch(0.7049 0.1867 47.6044);
+  --font-sans: Oxanium, sans-serif;
+  --font-serif: Merriweather, serif;
+  --font-mono: Fira Code, monospace;
+  --radius: 0.3rem;
+  --shadow-2xs: 0px 2px 3px 0px hsl(0 0% 5% / 0.09);
+  --shadow-xs: 0px 2px 3px 0px hsl(0 0% 5% / 0.09);
+  --shadow-sm: 0px 2px 3px 0px hsl(0 0% 5% / 0.18), 0px 1px 2px -1px hsl(0 0% 5% / 0.18);
+  --shadow: 0px 2px 3px 0px hsl(0 0% 5% / 0.18), 0px 1px 2px -1px hsl(0 0% 5% / 0.18);
+  --shadow-md: 0px 2px 3px 0px hsl(0 0% 5% / 0.18), 0px 2px 4px -1px hsl(0 0% 5% / 0.18);
+  --shadow-lg: 0px 2px 3px 0px hsl(0 0% 5% / 0.18), 0px 4px 6px -1px hsl(0 0% 5% / 0.18);
+  --shadow-xl: 0px 2px 3px 0px hsl(0 0% 5% / 0.18), 0px 8px 10px -1px hsl(0 0% 5% / 0.18);
+  --shadow-2xl: 0px 2px 3px 0px hsl(0 0% 5% / 0.45);
+
+  /* Plannotator extended tokens */
+  --success: oklch(0.72 0.17 150);
+  --success-foreground: oklch(0.15 0.02 260);
+  --warning: oklch(0.75 0.15 85);
+  --warning-foreground: oklch(0.20 0.02 260);
+  --code-bg: oklch(0.13 0.015 260);
+  --focus-highlight: oklch(0.70 0.20 200);
+}
+
+.theme-solar-dusk.light {
+  --background: oklch(0.9885 0.0057 84.5659);
+  --foreground: oklch(0.366 0.0251 49.6085);
+  --card: oklch(0.9686 0.0091 78.2818);
+  --card-foreground: oklch(0.366 0.0251 49.6085);
+  --popover: oklch(0.9686 0.0091 78.2818);
+  --popover-foreground: oklch(0.366 0.0251 49.6085);
+  --primary: oklch(0.5553 0.1455 48.9975);
+  --primary-foreground: oklch(1.0 0 0);
+  --secondary: oklch(0.8276 0.0752 74.44);
+  --secondary-foreground: oklch(0.4444 0.0096 73.639);
+  --muted: oklch(0.9363 0.0218 83.2637);
+  --muted-foreground: oklch(0.5534 0.0116 58.0708);
+  --accent: oklch(0.55 0.12 229);
+  --accent-foreground: oklch(1.0 0 0);
+  --destructive: oklch(0.4437 0.1613 26.8994);
+  --destructive-foreground: oklch(1.0 0 0);
+  --border: oklch(0.8866 0.0404 89.6994);
+  --input: oklch(0.8866 0.0404 89.6994);
+  --ring: oklch(0.5553 0.1455 48.9975);
+  --chart-1: oklch(0.5553 0.1455 48.9975);
+  --chart-2: oklch(0.5534 0.0116 58.0708);
+  --chart-3: oklch(0.5538 0.1207 66.4416);
+  --chart-4: oklch(0.5534 0.0116 58.0708);
+  --chart-5: oklch(0.6806 0.1423 75.834);
+  --sidebar: oklch(0.9363 0.0218 83.2637);
+  --sidebar-foreground: oklch(0.366 0.0251 49.6085);
+  --sidebar-primary: oklch(0.5553 0.1455 48.9975);
+  --sidebar-primary-foreground: oklch(1.0 0 0);
+  --sidebar-accent: oklch(0.5538 0.1207 66.4416);
+  --sidebar-accent-foreground: oklch(1.0 0 0);
+  --sidebar-border: oklch(0.8866 0.0404 89.6994);
+  --sidebar-ring: oklch(0.5553 0.1455 48.9975);
+  --font-sans: Oxanium, sans-serif;
+  --font-serif: Merriweather, serif;
+  --font-mono: Fira Code, monospace;
+  --radius: 0.3rem;
+  --shadow-2xs: 0px 2px 3px 0px hsl(28 18% 25% / 0.09);
+  --shadow-xs: 0px 2px 3px 0px hsl(28 18% 25% / 0.09);
+  --shadow-sm: 0px 2px 3px 0px hsl(28 18% 25% / 0.18), 0px 1px 2px -1px hsl(28 18% 25% / 0.18);
+  --shadow: 0px 2px 3px 0px hsl(28 18% 25% / 0.18), 0px 1px 2px -1px hsl(28 18% 25% / 0.18);
+  --shadow-md: 0px 2px 3px 0px hsl(28 18% 25% / 0.18), 0px 2px 4px -1px hsl(28 18% 25% / 0.18);
+  --shadow-lg: 0px 2px 3px 0px hsl(28 18% 25% / 0.18), 0px 4px 6px -1px hsl(28 18% 25% / 0.18);
+  --shadow-xl: 0px 2px 3px 0px hsl(28 18% 25% / 0.18), 0px 8px 10px -1px hsl(28 18% 25% / 0.18);
+  --shadow-2xl: 0px 2px 3px 0px hsl(28 18% 25% / 0.45);
+
+  /* Plannotator extended tokens */
+  --success: oklch(0.45 0.20 150);
+  --success-foreground: oklch(1 0 0);
+  --warning: oklch(0.55 0.18 85);
+  --warning-foreground: oklch(0.18 0.02 260);
+  --code-bg: oklch(0.96 0.005 260);
+  --focus-highlight: oklch(0.70 0.20 200);
+}

package/themes/solarized.css

@@ -0,0 +1,66 @@
+/* Solarized — by Ethan Schoonover */
+.theme-solarized {
+  --background: #002b36;
+  --foreground: #839496;
+  --card: #073642;
+  --card-foreground: #839496;
+  --popover: #073642;
+  --popover-foreground: #839496;
+  --primary: #268bd2;
+  --primary-foreground: #002b36;
+  --secondary: #003847;
+  --secondary-foreground: #93a1a1;
+  --muted: #003847;
+  --muted-foreground: #586e75;
+  --accent: #2aa198;
+  --accent-foreground: #002b36;
+  --destructive: #dc322f;
+  --destructive-foreground: #002b36;
+  --border: #094e5a;
+  --input: #003847;
+  --ring: #268bd2;
+  --success: #859900;
+  --success-foreground: #002b36;
+  --warning: #b58900;
+  --warning-foreground: #002b36;
+
+  --font-sans: system-ui, sans-serif;
+  --font-mono: 'Fira Code', ui-monospace, monospace;
+  --radius: 0.625rem;
+
+  --code-bg: #073642;
+  --focus-highlight: #268bd2;
+}
+
+.theme-solarized.light {
+  --background: #fdf6e3;
+  --foreground: #657b83;
+  --card: #eee8d5;
+  --card-foreground: #657b83;
+  --popover: #eee8d5;
+  --popover-foreground: #657b83;
+  --primary: #268bd2;
+  --primary-foreground: #fdf6e3;
+  --secondary: #eee8d5;
+  --secondary-foreground: #586e75;
+  --muted: #ddd6c1;
+  --muted-foreground: #93a1a1;
+  --accent: #2aa198;
+  --accent-foreground: #002b36;
+  --destructive: #dc322f;
+  --destructive-foreground: #fdf6e3;
+  --border: #ddd6c1;
+  --input: #ddd6c1;
+  --ring: #268bd2;
+  --success: #859900;
+  --success-foreground: #fdf6e3;
+  --warning: #b58900;
+  --warning-foreground: #fdf6e3;
+
+  --font-sans: system-ui, sans-serif;
+  --font-mono: 'Fira Code', ui-monospace, monospace;
+  --radius: 0.625rem;
+
+  --code-bg: #eee8d5;
+  --focus-highlight: #268bd2;
+}

package/themes/synthwave-84.css

@@ -0,0 +1,34 @@
+/* Synthwave '84 — by Robb Owen */
+.theme-synthwave-84,
+.theme-synthwave-84.light {
+  --background: #262335;
+  --foreground: #ffffff;
+  --card: #2a2139;
+  --card-foreground: #ffffff;
+  --popover: #2a2139;
+  --popover-foreground: #ffffff;
+  --primary: #ff7edb;
+  --primary-foreground: #262335;
+  --secondary: #34294f;
+  --secondary-foreground: #ffffff;
+  --muted: #37294d;
+  --muted-foreground: #ffffff99;
+  --accent: #72f1b8;
+  --accent-foreground: #262335;
+  --destructive: #fe4450;
+  --destructive-foreground: #ffffff;
+  --border: #495495;
+  --input: #2a2139;
+  --ring: #ff7edb;
+  --success: #72f1b8;
+  --success-foreground: #262335;
+  --warning: #fede5d;
+  --warning-foreground: #262335;
+
+  --font-sans: 'Inter', system-ui, sans-serif;
+  --font-mono: 'Fira Code', ui-monospace, monospace;
+  --radius: 0.625rem;
+
+  --code-bg: #241b2f;
+  --focus-highlight: #36f9f6;
+}

package/themes/terminal.css

@@ -0,0 +1,62 @@
+.theme-terminal,
+.theme-terminal.light {
+  --background: #000001;
+  --foreground: #eeeeee;
+  --card: #010203;
+  --card-foreground: #eeeeee;
+  --popover: #010203;
+  --popover-foreground: #eeeeee;
+  --primary: #f99100;
+  --primary-foreground: #ffffff;
+  --secondary: #2e2e2e;
+  --secondary-foreground: #eeeeee;
+  --muted: #202127;
+  --muted-foreground: #9e9e9e;
+  --accent: #00a1ff;
+  --accent-foreground: #ffffff;
+  --destructive: #f20024;
+  --destructive-foreground: #ffffff;
+  --border: #2e2e2e;
+  --input: #010203;
+  --ring: #00a1ff;
+  --chart-1: #2dd047;
+  --chart-2: #f20024;
+  --chart-3: #821698;
+  --chart-4: #f6d653;
+  --chart-5: #00a1ff;
+  --sidebar: #010203;
+  --sidebar-foreground: #eeeeee;
+  --sidebar-primary: #f99100;
+  --sidebar-primary-foreground: #ffffff;
+  --sidebar-accent: #00a1ff;
+  --sidebar-accent-foreground: #ffffff;
+  --sidebar-border: #2e2e2e;
+  --sidebar-ring: #00a1ff;
+  --font-sans: system-ui;
+  --font-serif: system-ui;
+  --font-mono: system-ui;
+  --radius: 4px;
+  --shadow-2xs: 0px 2px 4px 0px hsl(0 0% 0% / 0.1);
+  --shadow-xs: 0px 2px 4px 0px hsl(0 0% 0% / 0.1);
+  --shadow-sm: 0px 2px 4px 0px hsl(0 0% 0% / 0.2), 0px 1px 2px -1px hsl(0 0% 0% / 0.2);
+  --shadow: 0px 2px 4px 0px hsl(0 0% 0% / 0.2), 0px 1px 2px -1px hsl(0 0% 0% / 0.2);
+  --shadow-md: 0px 2px 4px 0px hsl(0 0% 0% / 0.2), 0px 2px 4px -1px hsl(0 0% 0% / 0.2);
+  --shadow-lg: 0px 2px 4px 0px hsl(0 0% 0% / 0.2), 0px 4px 6px -1px hsl(0 0% 0% / 0.2);
+  --shadow-xl: 0px 2px 4px 0px hsl(0 0% 0% / 0.2), 0px 8px 10px -1px hsl(0 0% 0% / 0.2);
+  --shadow-2xl: 0px 2px 4px 0px hsl(0 0% 0% / 0.5);
+
+  /* Plannotator extended tokens */
+  --success: oklch(0.72 0.17 150);
+  --success-foreground: oklch(0.15 0.02 260);
+  --warning: oklch(0.75 0.15 85);
+  --warning-foreground: oklch(0.20 0.02 260);
+  --code-bg: #000000;
+  --focus-highlight: oklch(0.70 0.20 200);
+}
+
+.theme-terminal .bg-grid,
+.theme-terminal.light .bg-grid {
+  background-image:
+    linear-gradient(to right, rgba(0, 255, 0, 0.04) 1px, transparent 1px),
+    linear-gradient(to bottom, rgba(0, 255, 0, 0.04) 1px, transparent 1px);
+}

package/themes/tinacious.css

@@ -0,0 +1,57 @@
+.theme-tinacious,
+.theme-tinacious.light {
+  --background: rgb(248, 248, 255);
+  --foreground: rgb(29, 29, 38);
+  --card: rgb(255, 255, 255);
+  --card-foreground: rgb(29, 29, 38);
+  --popover: rgb(255, 255, 255);
+  --popover-foreground: rgb(29, 29, 38);
+  --primary: rgb(0, 203, 255);
+  --primary-foreground: rgb(255, 255, 255);
+  --secondary: rgb(203, 203, 240);
+  --secondary-foreground: rgb(29, 29, 38);
+  --muted: rgb(213, 214, 243);
+  --muted-foreground: rgb(99, 102, 103);
+  --accent: rgb(0, 206, 202);
+  --accent-foreground: rgb(29, 29, 38);
+  --destructive: rgb(255, 51, 153);
+  --destructive-foreground: rgb(255, 255, 255);
+  --border: rgb(213, 214, 243);
+  --input: rgb(213, 214, 243);
+  --ring: rgb(0, 203, 255);
+  --chart-1: rgb(255, 51, 153);
+  --chart-2: rgb(0, 211, 100);
+  --chart-3: rgb(255, 204, 102);
+  --chart-4: rgb(204, 102, 255);
+  --chart-5: rgb(0, 206, 202);
+  --sidebar: rgb(240, 240, 248);
+  --sidebar-foreground: rgb(29, 29, 38);
+  --sidebar-primary: rgb(0, 203, 255);
+  --sidebar-primary-foreground: rgb(255, 255, 255);
+  --sidebar-accent: rgb(0, 206, 202);
+  --sidebar-accent-foreground: rgb(29, 29, 38);
+  --sidebar-border: rgb(213, 214, 243);
+  --sidebar-ring: rgb(0, 203, 255);
+  --font-sans: ui-sans-serif, system-ui, 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, "SF Mono", Consolas, "Liberation Mono", Menlo,
+    monospace;
+  --radius: 0.625rem;
+  --shadow-2xs: 0 1px 2px 0 rgb(0 0 0 / 0.05);
+  --shadow-xs: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
+  --shadow-sm: 0 2px 4px -1px rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
+  --shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
+  --shadow-md: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
+  --shadow-lg: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);
+  --shadow-xl: 0 25px 50px -12px rgb(0 0 0 / 0.25);
+  --shadow-2xl: 0 35px 60px -15px rgb(0 0 0 / 0.3);
+
+  /* Plannotator extended tokens */
+  --success: oklch(0.45 0.20 150);
+  --success-foreground: oklch(1 0 0);
+  --warning: oklch(0.55 0.18 85);
+  --warning-foreground: oklch(0.18 0.02 260);
+  --code-bg: rgb(240, 240, 248);
+  --focus-highlight: oklch(0.70 0.20 200);
+}

package/themes/tokyo-night.css

@@ -0,0 +1,62 @@
+/* Tokyo Night — Storm (dark) + Day (light) */
+.theme-tokyo-night {
+  --background: #24283b;
+  --foreground: #c0caf5;
+  --card: #1d202f;
+  --card-foreground: #c0caf5;
+  --popover: #1d202f;
+  --popover-foreground: #c0caf5;
+  --primary: #7aa2f7;
+  --primary-foreground: #1d202f;
+  --secondary: #414868;
+  --secondary-foreground: #c0caf5;
+  --muted: #343a52;
+  --muted-foreground: #787c99;
+  --accent: #7dcfff;
+  --accent-foreground: #1d202f;
+  --destructive: #f7768e;
+  --destructive-foreground: #1d202f;
+  --border: #414868;
+  --input: #343a52;
+  --ring: #7aa2f7;
+  --success: #9ece6a;
+  --success-foreground: #1d202f;
+  --warning: #e0af68;
+  --warning-foreground: #1d202f;
+
+  --font-sans: system-ui, sans-serif;
+  --font-mono: ui-monospace, monospace;
+  --radius: 0.625rem;
+
+  --code-bg: #1a1b2e;
+  --focus-highlight: #7dcfff;
+}
+
+.theme-tokyo-night.light {
+  --background: #e1e2e7;
+  --foreground: #3760bf;
+  --card: #e9e9ed;
+  --card-foreground: #3760bf;
+  --popover: #e9e9ed;
+  --popover-foreground: #3760bf;
+  --primary: #2e7de9;
+  --primary-foreground: #e1e2e7;
+  --secondary: #a1a6c5;
+  --secondary-foreground: #3760bf;
+  --muted: #d0d3e1;
+  --muted-foreground: #848cb5;
+  --accent: #007197;
+  --accent-foreground: #e1e2e7;
+  --destructive: #f52a65;
+  --destructive-foreground: #e1e2e7;
+  --border: #a1a6c5;
+  --input: #d0d3e1;
+  --ring: #2e7de9;
+  --success: #587539;
+  --success-foreground: #e1e2e7;
+  --warning: #8c6c3e;
+  --warning-foreground: #e1e2e7;
+
+  --code-bg: #d5d6db;
+  --focus-highlight: #007197;
+}

package/themes/vesper.css

@@ -0,0 +1,62 @@
+/* Vesper — by raunofreiberg */
+.theme-vesper {
+  --background: #101010;
+  --foreground: #FFFFFF;
+  --card: #161616;
+  --card-foreground: #FFFFFF;
+  --popover: #161616;
+  --popover-foreground: #FFFFFF;
+  --primary: #FFC799;
+  --primary-foreground: #101010;
+  --secondary: #1C1C1C;
+  --secondary-foreground: #A0A0A0;
+  --muted: #1C1C1C;
+  --muted-foreground: #8b8b8b;
+  --accent: #99FFE4;
+  --accent-foreground: #101010;
+  --destructive: #FF8080;
+  --destructive-foreground: #101010;
+  --border: #282828;
+  --input: #1C1C1C;
+  --ring: #FFC799;
+  --success: #99FFE4;
+  --success-foreground: #101010;
+  --warning: #FFC799;
+  --warning-foreground: #101010;
+
+  --font-sans: system-ui, sans-serif;
+  --font-mono: 'Fira Code', ui-monospace, monospace;
+  --radius: 0.625rem;
+
+  --code-bg: #1C1C1C;
+  --focus-highlight: #FFC799;
+}
+
+.theme-vesper.light {
+  --background: #101010;
+  --foreground: #FFFFFF;
+  --card: #161616;
+  --card-foreground: #FFFFFF;
+  --popover: #161616;
+  --popover-foreground: #FFFFFF;
+  --primary: #FFC799;
+  --primary-foreground: #101010;
+  --secondary: #1C1C1C;
+  --secondary-foreground: #A0A0A0;
+  --muted: #1C1C1C;
+  --muted-foreground: #8b8b8b;
+  --accent: #99FFE4;
+  --accent-foreground: #101010;
+  --destructive: #FF8080;
+  --destructive-foreground: #101010;
+  --border: #282828;
+  --input: #1C1C1C;
+  --ring: #FFC799;
+  --success: #99FFE4;
+  --success-foreground: #101010;
+  --warning: #FFC799;
+  --warning-foreground: #101010;
+
+  --code-bg: #1C1C1C;
+  --focus-highlight: #FFC799;
+}

package/themes/vitesse-black.css

@@ -0,0 +1,66 @@
+/* Vitesse Black — by Anthony Fu */
+.theme-vitesse-black {
+  --background: #000000;
+  --foreground: #dbd7ca;
+  --card: #121212;
+  --card-foreground: #dbd7ca;
+  --popover: #121212;
+  --popover-foreground: #dbd7ca;
+  --primary: #4d9375;
+  --primary-foreground: #000000;
+  --secondary: #191919;
+  --secondary-foreground: #bfbaaa;
+  --muted: #121212;
+  --muted-foreground: #758575;
+  --accent: #6394bf;
+  --accent-foreground: #000000;
+  --destructive: #cb7676;
+  --destructive-foreground: #000000;
+  --border: #191919;
+  --input: #191919;
+  --ring: #4d9375;
+  --success: #4d9375;
+  --success-foreground: #000000;
+  --warning: #e6cc77;
+  --warning-foreground: #000000;
+
+  --font-sans: system-ui, sans-serif;
+  --font-mono: 'Fira Code', ui-monospace, monospace;
+  --radius: 0.625rem;
+
+  --code-bg: #121212;
+  --focus-highlight: #4d9375;
+}
+
+.theme-vitesse-black.light {
+  --background: #000000;
+  --foreground: #dbd7ca;
+  --card: #121212;
+  --card-foreground: #dbd7ca;
+  --popover: #121212;
+  --popover-foreground: #dbd7ca;
+  --primary: #4d9375;
+  --primary-foreground: #000000;
+  --secondary: #191919;
+  --secondary-foreground: #bfbaaa;
+  --muted: #121212;
+  --muted-foreground: #758575;
+  --accent: #6394bf;
+  --accent-foreground: #000000;
+  --destructive: #cb7676;
+  --destructive-foreground: #000000;
+  --border: #191919;
+  --input: #191919;
+  --ring: #4d9375;
+  --success: #4d9375;
+  --success-foreground: #000000;
+  --warning: #e6cc77;
+  --warning-foreground: #000000;
+
+  --font-sans: system-ui, sans-serif;
+  --font-mono: 'Fira Code', ui-monospace, monospace;
+  --radius: 0.625rem;
+
+  --code-bg: #121212;
+  --focus-highlight: #4d9375;
+}

package/themes/vitesse.css

@@ -0,0 +1,62 @@
+/* Vitesse — by Anthony Fu */
+.theme-vitesse {
+  --background: #121212;
+  --foreground: #dbd7ca;
+  --card: #181818;
+  --card-foreground: #dbd7ca;
+  --popover: #181818;
+  --popover-foreground: #dbd7ca;
+  --primary: #4d9375;
+  --primary-foreground: #121212;
+  --secondary: #1e1e1e;
+  --secondary-foreground: #bfbaaa;
+  --muted: #181818;
+  --muted-foreground: #758575;
+  --accent: #e6cc77;
+  --accent-foreground: #121212;
+  --destructive: #cb7676;
+  --destructive-foreground: #121212;
+  --border: #252525;
+  --input: #181818;
+  --ring: #4d9375;
+  --success: #4d9375;
+  --success-foreground: #121212;
+  --warning: #e6cc77;
+  --warning-foreground: #121212;
+
+  --font-sans: system-ui, sans-serif;
+  --font-mono: 'Fira Code', ui-monospace, monospace;
+  --radius: 0.625rem;
+
+  --code-bg: #181818;
+  --focus-highlight: #4d9375;
+}
+
+.theme-vitesse.light {
+  --background: #ffffff;
+  --foreground: #393a34;
+  --card: #f7f7f7;
+  --card-foreground: #393a34;
+  --popover: #ffffff;
+  --popover-foreground: #393a34;
+  --primary: #1c6b48;
+  --primary-foreground: #ffffff;
+  --secondary: #f0f0f0;
+  --secondary-foreground: #4e4f47;
+  --muted: #f7f7f7;
+  --muted-foreground: #a0ada0;
+  --accent: #bda437;
+  --accent-foreground: #ffffff;
+  --destructive: #ab5959;
+  --destructive-foreground: #ffffff;
+  --border: #f0f0f0;
+  --input: #f7f7f7;
+  --ring: #1c6b48;
+  --success: #1e754f;
+  --success-foreground: #ffffff;
+  --warning: #bda437;
+  --warning-foreground: #ffffff;
+
+  --code-bg: #f0f0f0;
+  --focus-highlight: #1c6b48;
+}