@vibesdotdev/kit 0.0.0-stage → 1.0.0-rc.3

package/dist/lib/styles/themes/corpo-vibes.css

@@ -0,0 +1,159 @@
+/* Corpo Vibes - polished engineering palette, crisp neutrals, sapphire action, clean slate status */
+:root {
+	--radius: 0.625rem;
+	--background: #f4f5f5;
+	--foreground: #090c11;
+	--card: #ffffff;
+	--card-foreground: #090c11;
+	--popover: #ffffff;
+	--popover-foreground: #090c11;
+	--primary: #3167c4;
+	--primary-foreground: #f4f5f5;
+	--secondary: #e8effd;
+	--secondary-foreground: #090c11;
+	--muted: #eef2f7;
+	--muted-foreground: #4b5565;
+	--accent: #edf4ff;
+	--accent-foreground: #090c11;
+	--destructive: #dc2626;
+	--destructive-foreground: #ffffff;
+	--success: #059669;
+	--success-foreground: #ffffff;
+	--warning: #d97706;
+	--warning-foreground: #ffffff;
+	--info: #9cbcf2;
+	--info-foreground: #090c11;
+	--border: #dbe2ec;
+	--input: #dbe2ec;
+	--ring: #2563eb;
+	--highlight: #2563eb;
+	--highlight-foreground: #ffffff;
+	--chart-1: #2563eb;
+	--chart-2: #9cbcf2;
+	--chart-3: #059669;
+	--chart-4: #d97706;
+	--chart-5: #dc2626;
+	--sidebar: #ffffff;
+	--sidebar-foreground: #090c11;
+	--sidebar-primary: #2563eb;
+	--sidebar-primary-foreground: #ffffff;
+	--sidebar-accent: #edf4ff;
+	--sidebar-accent-foreground: #090c11;
+	--sidebar-border: #dbe2ec;
+	--sidebar-ring: #2563eb;
+	--brand: #2563eb;
+	--brand-fill: #2563eb;
+	--brand-foreground: #ffffff;
+}
+
+.dark {
+	--background: #090c11;
+	--foreground: #f4f5f5;
+	--card: #111720;
+	--card-foreground: #f4f5f5;
+	--popover: #111720;
+	--popover-foreground: #f4f5f5;
+	--primary: #9cbcf2;
+	--primary-foreground: #090c11;
+	--secondary: #1c2c47;
+	--secondary-foreground: #f4f5f5;
+	--muted: #182233;
+	--muted-foreground: #aab7c8;
+	--accent: #243d66;
+	--accent-foreground: #f4f5f5;
+	--destructive: #f87171;
+	--destructive-foreground: #090c11;
+	--success: #10b981;
+	--success-foreground: #090c11;
+	--warning: #f59e0b;
+	--warning-foreground: #090c11;
+	--info: #9cbcf2;
+	--info-foreground: #090c11;
+	--border: color-mix(in oklch, #9cbcf2 24%, transparent);
+	--input: color-mix(in oklch, #9cbcf2 28%, transparent);
+	--ring: #60a5fa;
+	--highlight: #60a5fa;
+	--highlight-foreground: #090c11;
+	--chart-1: #9cbcf2;
+	--chart-2: #3167c4;
+	--chart-3: #10b981;
+	--chart-4: #f59e0b;
+	--chart-5: #f87171;
+	--sidebar: #0d121a;
+	--sidebar-foreground: #f4f5f5;
+	--sidebar-primary: #9cbcf2;
+	--sidebar-primary-foreground: #090c11;
+	--sidebar-accent: #182233;
+	--sidebar-accent-foreground: #f4f5f5;
+	--sidebar-border: color-mix(in oklch, #9cbcf2 24%, transparent);
+	--sidebar-ring: #60a5fa;
+	--brand: #9cbcf2;
+	--brand-fill: #9cbcf2;
+	--brand-foreground: #090c11;
+}
+
+body {
+	background-image:
+		radial-gradient(
+			circle at 88% 0%,
+			color-mix(in oklch, #9cbcf2 18%, transparent) 0 28%,
+			transparent 56%
+		),
+		radial-gradient(
+			circle at 12% 18%,
+			color-mix(in oklch, #60a5fa 7%, transparent) 0 18%,
+			transparent 44%
+		),
+		linear-gradient(180deg, #f4f5f5 0%, #ffffff 54%, #f7faff 100%);
+	background-attachment: fixed;
+}
+
+.dark body {
+	background-image:
+		radial-gradient(
+			circle at 82% 0%,
+			color-mix(in oklch, #3167c4 24%, transparent) 0 28%,
+			transparent 56%
+		),
+		radial-gradient(
+			circle at 12% 14%,
+			color-mix(in oklch, #9cbcf2 12%, transparent) 0 20%,
+			transparent 48%
+		),
+		linear-gradient(180deg, #090c11 0%, #111720 58%, #090c11 100%);
+	background-attachment: fixed;
+}
+
+.bg-card {
+	background-image: linear-gradient(
+		145deg,
+		#ffffff 0%,
+		color-mix(in oklch, #9cbcf2 6%, #ffffff) 62%,
+		color-mix(in oklch, #3167c4 4%, #ffffff) 100%
+	);
+}
+
+.dark .bg-card {
+	background-image: linear-gradient(
+		145deg,
+		#111720 0%,
+		color-mix(in oklch, #3167c4 16%, #090c11) 62%,
+		color-mix(in oklch, #9cbcf2 8%, #090c11) 100%
+	);
+}
+
+[data-sidebar] {
+	background-image: linear-gradient(
+		180deg,
+		color-mix(in oklch, #ffffff 96%, #9cbcf2) 0%,
+		#ffffff 100%
+	);
+}
+
+.dark [data-sidebar] {
+	background-image: linear-gradient(
+		180deg,
+		color-mix(in oklch, #0d121a 88%, #3167c4) 0%,
+		#0d121a 100%
+	);
+}

package/dist/lib/styles/themes/default.css

@@ -0,0 +1,120 @@
+/* Generated from theme-palette.ts; run bun run themes:generate. */
+:root {
+	--radius: 0.625rem;
+	--background: #fafafa;
+	--foreground: #18181b;
+	--card: #ffffff;
+	--card-foreground: #18181b;
+	--popover: oklch(1 0 0);
+	--popover-foreground: oklch(0.141 0.005 285.823);
+	--primary: #166534;
+	--primary-foreground: #ffffff;
+	--secondary: oklch(0.967 0.001 286.375);
+	--secondary-foreground: oklch(0.21 0.006 285.885);
+	--muted: oklch(0.967 0.001 286.375);
+	--muted-foreground: #52525b;
+	--accent: oklch(0.967 0.001 286.375);
+	--accent-foreground: oklch(0.21 0.006 285.885);
+	--destructive: oklch(0.577 0.245 27.325);
+	--border: oklch(0.92 0.004 286.32);
+	--input: oklch(0.92 0.004 286.32);
+	--ring: #166534;
+	--highlight: #166534;
+	--highlight-foreground: #ffffff;
+	--chart-1: oklch(0.646 0.222 41.116);
+	--chart-2: oklch(0.6 0.118 184.704);
+	--chart-3: oklch(0.398 0.07 227.392);
+	--chart-4: oklch(0.828 0.189 84.429);
+	--chart-5: oklch(0.769 0.188 70.08);
+	--sidebar: oklch(0.985 0 0);
+	--sidebar-foreground: oklch(0.141 0.005 285.823);
+	--sidebar-primary: #166534;
+	--sidebar-primary-foreground: #ffffff;
+	--sidebar-accent: oklch(0.967 0.001 286.375);
+	--sidebar-accent-foreground: oklch(0.21 0.006 285.885);
+	--sidebar-border: oklch(0.92 0.004 286.32);
+	--sidebar-ring: #166534;
+	--brand: #166534;
+	--brand-fill: #166534;
+	--brand-foreground: #ffffff;
+}
+
+.dark {
+	--background: #09090b;
+	--foreground: #fafafa;
+	--card: #18181b;
+	--card-foreground: #fafafa;
+	--popover: oklch(0.21 0.006 285.885);
+	--popover-foreground: oklch(0.985 0 0);
+	--primary: #b8ff51;
+	--primary-foreground: #18181b;
+	--secondary: oklch(0.274 0.006 286.033);
+	--secondary-foreground: oklch(0.985 0 0);
+	--muted: oklch(0.274 0.006 286.033);
+	--muted-foreground: #a1a1aa;
+	--accent: oklch(0.274 0.006 286.033);
+	--accent-foreground: oklch(0.985 0 0);
+	--destructive: oklch(0.704 0.191 22.216);
+	--border: oklch(1 0 0 / 10%);
+	--input: oklch(1 0 0 / 15%);
+	--ring: #b8ff51;
+	--highlight: #b8ff51;
+	--highlight-foreground: #090c11;
+	--chart-1: oklch(0.488 0.243 264.376);
+	--chart-2: oklch(0.696 0.17 162.48);
+	--chart-3: oklch(0.769 0.188 70.08);
+	--chart-4: oklch(0.627 0.265 303.9);
+	--chart-5: oklch(0.645 0.246 16.439);
+	--sidebar: oklch(0.21 0.006 285.885);
+	--sidebar-foreground: oklch(0.985 0 0);
+	--sidebar-primary: #b8ff51;
+	--sidebar-primary-foreground: #18181b;
+	--sidebar-accent: oklch(0.274 0.006 286.033);
+	--sidebar-accent-foreground: oklch(0.985 0 0);
+	--sidebar-border: oklch(1 0 0 / 10%);
+	--sidebar-ring: #b8ff51;
+	--brand: #b8ff51;
+	--brand-fill: #b8ff51;
+	--brand-foreground: #18181b;
+}
+
+@media (prefers-color-scheme: dark) {
+	:root:not([data-mode]):not(.light):not(.dark) {
+		--background: #09090b;
+		--foreground: #fafafa;
+		--card: #18181b;
+		--card-foreground: #fafafa;
+		--popover: oklch(0.21 0.006 285.885);
+		--popover-foreground: oklch(0.985 0 0);
+		--primary: #b8ff51;
+		--primary-foreground: #18181b;
+		--secondary: oklch(0.274 0.006 286.033);
+		--secondary-foreground: oklch(0.985 0 0);
+		--muted: oklch(0.274 0.006 286.033);
+		--muted-foreground: #a1a1aa;
+		--accent: oklch(0.274 0.006 286.033);
+		--accent-foreground: oklch(0.985 0 0);
+		--destructive: oklch(0.704 0.191 22.216);
+		--border: oklch(1 0 0 / 10%);
+		--input: oklch(1 0 0 / 15%);
+		--ring: #b8ff51;
+		--highlight: #b8ff51;
+		--highlight-foreground: #090c11;
+		--chart-1: oklch(0.488 0.243 264.376);
+		--chart-2: oklch(0.696 0.17 162.48);
+		--chart-3: oklch(0.769 0.188 70.08);
+		--chart-4: oklch(0.627 0.265 303.9);
+		--chart-5: oklch(0.645 0.246 16.439);
+		--sidebar: oklch(0.21 0.006 285.885);
+		--sidebar-foreground: oklch(0.985 0 0);
+		--sidebar-primary: #b8ff51;
+		--sidebar-primary-foreground: #18181b;
+		--sidebar-accent: oklch(0.274 0.006 286.033);
+		--sidebar-accent-foreground: oklch(0.985 0 0);
+		--sidebar-border: oklch(1 0 0 / 10%);
+		--sidebar-ring: #b8ff51;
+		--brand: #b8ff51;
+		--brand-fill: #b8ff51;
+		--brand-foreground: #18181b;
+	}
+}

package/dist/lib/styles/themes/emerald.css

@@ -0,0 +1,82 @@
+/* Emerald - Fresh green depth with balanced complementary contrast */
+:root {
+	--radius: 0.625rem;
+	--background: #f2fbf7;
+	--foreground: #123629;
+	--card: #ddf6ea;
+	--card-foreground: #113528;
+	--popover: #ddf6ea;
+	--popover-foreground: #113528;
+	--primary: #047857;
+	--primary-foreground: #ebfff7;
+	--secondary: #ddf6ea;
+	--secondary-foreground: #0f513f;
+	--muted: #e7f9f0;
+	--muted-foreground: #3c6b5b;
+	--accent: #c8eddc;
+	--accent-foreground: #0f513f;
+	--destructive: oklch(0.577 0.245 27.325);
+	--border: oklch(0.92 0.004 286.32);
+	--input: oklch(0.92 0.004 286.32);
+	--ring: #10b981;
+	--chart-1: oklch(0.646 0.222 41.116);
+	--chart-2: oklch(0.6 0.118 184.704);
+	--chart-3: oklch(0.398 0.07 227.392);
+	--chart-4: oklch(0.828 0.189 84.429);
+	--chart-5: oklch(0.769 0.188 70.08);
+	--sidebar: #f2fbf7;
+	--sidebar-foreground: #123629;
+	--sidebar-primary: #047857;
+	--sidebar-primary-foreground: #ebfff7;
+	--sidebar-accent: #c8eddc;
+	--sidebar-accent-foreground: #0f513f;
+	--sidebar-border: oklch(0.92 0.004 286.32);
+	--sidebar-ring: oklch(0.705 0.015 286.067);
+	--brand: var(--primary);
+	--brand-fill: var(--brand);
+	--brand-foreground: var(--primary-foreground);
+}
+
+.dark {
+	--background: #07251f;
+	--foreground: #d6f5e7;
+	--card: #0e4a3d;
+	--card-foreground: #dcf8eb;
+	--popover: #0e4a3d;
+	--popover-foreground: #dcf8eb;
+	--primary: #6ee7b7;
+	--primary-foreground: #084032;
+	--secondary: #115244;
+	--secondary-foreground: #d6f5e7;
+	--muted: #115244;
+	--muted-foreground: #8fd8b6;
+	--accent: #1a6a56;
+	--accent-foreground: #def9ec;
+	--destructive: oklch(0.704 0.191 22.216);
+	--border: oklch(1 0 0 / 10%);
+	--input: oklch(1 0 0 / 15%);
+	--ring: #34d399;
+	--chart-1: oklch(0.488 0.243 264.376);
+	--chart-2: oklch(0.696 0.17 162.48);
+	--chart-3: oklch(0.769 0.188 70.08);
+	--chart-4: oklch(0.627 0.265 303.9);
+	--chart-5: oklch(0.645 0.246 16.439);
+	--sidebar: #07251f;
+	--sidebar-foreground: #d6f5e7;
+	--sidebar-primary: #6ee7b7;
+	--sidebar-primary-foreground: #084032;
+	--sidebar-accent: #1a6a56;
+	--sidebar-accent-foreground: #def9ec;
+	--sidebar-border: oklch(1 0 0 / 10%);
+	--sidebar-ring: oklch(0.552 0.016 285.938);
+	--brand: var(--primary);
+	--brand-fill: var(--brand);
+	--brand-foreground: var(--primary-foreground);
+}
+
+.bg-card {
+	background-image: linear-gradient(135deg, #ffffff 0%, #ddf6ea 100%);
+}
+.dark .bg-card {
+	background-image: linear-gradient(135deg, #0b3a2f 0%, #0e4a3d 100%);
+}

package/dist/lib/styles/themes/gray.css

@@ -0,0 +1,75 @@
+/* Gray - Balanced modern grayscale */
+:root {
+	--radius: 0.625rem;
+	--background: oklch(1 0 0);
+	--foreground: oklch(0.141 0.005 285.823);
+	--card: oklch(1 0 0);
+	--card-foreground: oklch(0.141 0.005 285.823);
+	--popover: oklch(1 0 0);
+	--popover-foreground: oklch(0.141 0.005 285.823);
+	--primary: #111827;
+	--primary-foreground: #f9fafb;
+	--secondary: #f3f4f6;
+	--secondary-foreground: #111827;
+	--muted: #f3f4f6;
+	--muted-foreground: #4b5563;
+	--accent: #e5e7eb;
+	--accent-foreground: #111827;
+	--destructive: oklch(0.577 0.245 27.325);
+	--border: oklch(0.92 0.004 286.32);
+	--input: oklch(0.92 0.004 286.32);
+	--ring: #6b7280;
+	--chart-1: oklch(0.646 0.222 41.116);
+	--chart-2: oklch(0.6 0.118 184.704);
+	--chart-3: oklch(0.398 0.07 227.392);
+	--chart-4: oklch(0.828 0.189 84.429);
+	--chart-5: oklch(0.769 0.188 70.08);
+	--sidebar: oklch(0.985 0 0);
+	--sidebar-foreground: oklch(0.141 0.005 285.823);
+	--sidebar-primary: oklch(0.21 0.006 285.885);
+	--sidebar-primary-foreground: oklch(0.985 0 0);
+	--sidebar-accent: oklch(0.967 0.001 286.375);
+	--sidebar-accent-foreground: oklch(0.21 0.006 285.885);
+	--sidebar-border: oklch(0.92 0.004 286.32);
+	--sidebar-ring: oklch(0.705 0.015 286.067);
+	--brand: var(--primary);
+	--brand-fill: var(--brand);
+	--brand-foreground: var(--primary-foreground);
+}
+
+.dark {
+	--background: #030712;
+	--foreground: #f3f4f6;
+	--card: #111827;
+	--card-foreground: #f3f4f6;
+	--popover: oklch(0.21 0.006 285.885);
+	--popover-foreground: oklch(0.985 0 0);
+	--primary: #e5e7eb;
+	--primary-foreground: #111827;
+	--secondary: #1f2937;
+	--secondary-foreground: #f3f4f6;
+	--muted: #1f2937;
+	--muted-foreground: #9ca3af;
+	--accent: #374151;
+	--accent-foreground: #f3f4f6;
+	--destructive: oklch(0.704 0.191 22.216);
+	--border: oklch(1 0 0 / 10%);
+	--input: oklch(1 0 0 / 15%);
+	--ring: oklch(0.552 0.016 285.938);
+	--chart-1: oklch(0.488 0.243 264.376);
+	--chart-2: oklch(0.696 0.17 162.48);
+	--chart-3: oklch(0.769 0.188 70.08);
+	--chart-4: oklch(0.627 0.265 303.9);
+	--chart-5: oklch(0.645 0.246 16.439);
+	--sidebar: oklch(0.21 0.006 285.885);
+	--sidebar-foreground: oklch(0.985 0 0);
+	--sidebar-primary: oklch(0.488 0.243 264.376);
+	--sidebar-primary-foreground: oklch(0.985 0 0);
+	--sidebar-accent: oklch(0.274 0.006 286.033);
+	--sidebar-accent-foreground: oklch(0.985 0 0);
+	--sidebar-border: oklch(1 0 0 / 10%);
+	--sidebar-ring: oklch(0.552 0.016 285.938);
+	--brand: var(--primary);
+	--brand-fill: var(--brand);
+	--brand-foreground: var(--primary-foreground);
+}

package/dist/lib/styles/themes/ids.d.ts

@@ -0,0 +1,2 @@
+export declare const THEME_PRESET_IDS: readonly ["default", "vibes", "vibes-pulse", "vibes-desktop", "corpo-vibes", "zinc", "slate", "stone", "gray", "neutral", "blue", "emerald", "violet", "amber", "walnut", "shadcn-walnut", "rose", "nordic-frost", "forest-emerald", "obsidian-pro", "synthwave-84", "cyber-matrix", "y2k-sunset", "tokyo-night", "glitter-nostalgia", "nerv"];
+export type ThemePresetId = (typeof THEME_PRESET_IDS)[number];

package/dist/lib/styles/themes/ids.js

@@ -0,0 +1,28 @@
+export const THEME_PRESET_IDS = [
+    'default',
+    'vibes',
+    'vibes-pulse',
+    'vibes-desktop',
+    'corpo-vibes',
+    'zinc',
+    'slate',
+    'stone',
+    'gray',
+    'neutral',
+    'blue',
+    'emerald',
+    'violet',
+    'amber',
+    'walnut',
+    'shadcn-walnut',
+    'rose',
+    'nordic-frost',
+    'forest-emerald',
+    'obsidian-pro',
+    'synthwave-84',
+    'cyber-matrix',
+    'y2k-sunset',
+    'tokyo-night',
+    'glitter-nostalgia',
+    'nerv'
+];

package/dist/lib/styles/themes/index.d.ts

@@ -0,0 +1,18 @@
+export { THEME_PRESET_IDS, type ThemePresetId } from './ids.ts';
+export declare const THEME_PRESETS_MAP: {
+    default: string;
+    'vibes-pulse': string;
+    'vibes-desktop': string;
+    'corpo-vibes': string;
+    zinc: string;
+    slate: string;
+    stone: string;
+    gray: string;
+    neutral: string;
+    blue: string;
+    emerald: string;
+    violet: string;
+    amber: string;
+    rose: string;
+};
+export declare function getThemePresetCSS(presetId: string): string;

package/dist/lib/styles/themes/index.js

@@ -0,0 +1,48 @@
+import { VIBES_PALETTE } from "../../components/theme/theme-palette.js";
+import zincCss from './zinc.css?raw';
+import slateCss from './slate.css?raw';
+import stoneCss from './stone.css?raw';
+import grayCss from './gray.css?raw';
+import neutralCss from './neutral.css?raw';
+import blueCss from './blue.css?raw';
+import emeraldCss from './emerald.css?raw';
+import violetCss from './violet.css?raw';
+import amberCss from './amber.css?raw';
+import roseCss from './rose.css?raw';
+import vibesPulseCss from './vibes-pulse.css?raw';
+import vibesDesktopCss from './vibes-desktop.css?raw';
+import corpoVibesCss from './corpo-vibes.css?raw';
+import { SHADCN_SYSTEM_THEME_PRESETS } from "../../components/theme/presets/theme-preset-builtins.js";
+import { generateThemeCSS } from "../../components/theme/theme-colors.js";
+import { appendSystemModeDarkFallback } from "../system-mode-css.js";
+export { THEME_PRESET_IDS } from "./ids.js";
+export const THEME_PRESETS_MAP = {
+    // Generated from the canonical Vibes palette; named Zinc remains separate.
+    default: generateThemeCSS(VIBES_PALETTE),
+    'vibes-pulse': vibesPulseCss,
+    'vibes-desktop': vibesDesktopCss,
+    'corpo-vibes': corpoVibesCss,
+    zinc: zincCss,
+    slate: slateCss,
+    stone: stoneCss,
+    gray: grayCss,
+    neutral: neutralCss,
+    blue: blueCss,
+    emerald: emeraldCss,
+    violet: violetCss,
+    amber: amberCss,
+    rose: roseCss
+};
+/** Preset CSS by id, for lookups by an arbitrary preset id. */
+const themePresetCss = new Map(Object.entries(THEME_PRESETS_MAP));
+export function getThemePresetCSS(presetId) {
+    const preset = themePresetCss.get(presetId);
+    if (preset !== undefined) {
+        return appendSystemModeDarkFallback(preset);
+    }
+    const matchedPreset = SHADCN_SYSTEM_THEME_PRESETS.find((p) => p.id === presetId || `shadcn-${p.id}` === presetId || p.id === `shadcn-${presetId}`);
+    if (matchedPreset) {
+        return generateThemeCSS(matchedPreset.colors, matchedPreset.customCss);
+    }
+    return appendSystemModeDarkFallback(THEME_PRESETS_MAP.default);
+}

package/dist/lib/styles/themes/neutral.css

@@ -0,0 +1,75 @@
+/* Neutral - True neutral contrast profile */
+:root {
+	--radius: 0.625rem;
+	--background: oklch(1 0 0);
+	--foreground: oklch(0.141 0.005 285.823);
+	--card: oklch(1 0 0);
+	--card-foreground: oklch(0.141 0.005 285.823);
+	--popover: oklch(1 0 0);
+	--popover-foreground: oklch(0.141 0.005 285.823);
+	--primary: #171717;
+	--primary-foreground: #fafafa;
+	--secondary: #f5f5f5;
+	--secondary-foreground: #171717;
+	--muted: #f5f5f5;
+	--muted-foreground: #525252;
+	--accent: #e5e5e5;
+	--accent-foreground: #171717;
+	--destructive: oklch(0.577 0.245 27.325);
+	--border: oklch(0.92 0.004 286.32);
+	--input: oklch(0.92 0.004 286.32);
+	--ring: #737373;
+	--chart-1: oklch(0.646 0.222 41.116);
+	--chart-2: oklch(0.6 0.118 184.704);
+	--chart-3: oklch(0.398 0.07 227.392);
+	--chart-4: oklch(0.828 0.189 84.429);
+	--chart-5: oklch(0.769 0.188 70.08);
+	--sidebar: oklch(0.985 0 0);
+	--sidebar-foreground: oklch(0.141 0.005 285.823);
+	--sidebar-primary: oklch(0.21 0.006 285.885);
+	--sidebar-primary-foreground: oklch(0.985 0 0);
+	--sidebar-accent: oklch(0.967 0.001 286.375);
+	--sidebar-accent-foreground: oklch(0.21 0.006 285.885);
+	--sidebar-border: oklch(0.92 0.004 286.32);
+	--sidebar-ring: oklch(0.705 0.015 286.067);
+	--brand: var(--primary);
+	--brand-fill: var(--brand);
+	--brand-foreground: var(--primary-foreground);
+}
+
+.dark {
+	--background: #0a0a0a;
+	--foreground: #fafafa;
+	--card: #171717;
+	--card-foreground: #fafafa;
+	--popover: oklch(0.21 0.006 285.885);
+	--popover-foreground: oklch(0.985 0 0);
+	--primary: #e5e5e5;
+	--primary-foreground: #171717;
+	--secondary: #262626;
+	--secondary-foreground: #fafafa;
+	--muted: #262626;
+	--muted-foreground: #a3a3a3;
+	--accent: #404040;
+	--accent-foreground: #fafafa;
+	--destructive: oklch(0.704 0.191 22.216);
+	--border: oklch(1 0 0 / 10%);
+	--input: oklch(1 0 0 / 15%);
+	--ring: oklch(0.552 0.016 285.938);
+	--chart-1: oklch(0.488 0.243 264.376);
+	--chart-2: oklch(0.696 0.17 162.48);
+	--chart-3: oklch(0.769 0.188 70.08);
+	--chart-4: oklch(0.627 0.265 303.9);
+	--chart-5: oklch(0.645 0.246 16.439);
+	--sidebar: oklch(0.21 0.006 285.885);
+	--sidebar-foreground: oklch(0.985 0 0);
+	--sidebar-primary: oklch(0.488 0.243 264.376);
+	--sidebar-primary-foreground: oklch(0.985 0 0);
+	--sidebar-accent: oklch(0.274 0.006 286.033);
+	--sidebar-accent-foreground: oklch(0.985 0 0);
+	--sidebar-border: oklch(1 0 0 / 10%);
+	--sidebar-ring: oklch(0.552 0.016 285.938);
+	--brand: var(--primary);
+	--brand-fill: var(--brand);
+	--brand-foreground: var(--primary-foreground);
+}

package/dist/lib/styles/themes/rose.css

@@ -0,0 +1,82 @@
+/* Rose - Rose-tinted depth with complementary plum foregrounds */
+:root {
+	--radius: 0.625rem;
+	--background: #fff5f7;
+	--foreground: #4c1b2b;
+	--card: #ffe1ea;
+	--card-foreground: #4c1b2b;
+	--popover: #ffe1ea;
+	--popover-foreground: #4c1b2b;
+	--primary: #be123c;
+	--primary-foreground: #fff1f5;
+	--secondary: #ffe1ea;
+	--secondary-foreground: #8f1538;
+	--muted: #ffeaf1;
+	--muted-foreground: #7c465b;
+	--accent: #ffd0df;
+	--accent-foreground: #8f1538;
+	--destructive: oklch(0.577 0.245 27.325);
+	--border: oklch(0.92 0.004 286.32);
+	--input: oklch(0.92 0.004 286.32);
+	--ring: #fb7185;
+	--chart-1: oklch(0.646 0.222 41.116);
+	--chart-2: oklch(0.6 0.118 184.704);
+	--chart-3: oklch(0.398 0.07 227.392);
+	--chart-4: oklch(0.828 0.189 84.429);
+	--chart-5: oklch(0.769 0.188 70.08);
+	--sidebar: #fff5f7;
+	--sidebar-foreground: #4c1b2b;
+	--sidebar-primary: #be123c;
+	--sidebar-primary-foreground: #fff1f5;
+	--sidebar-accent: #ffd0df;
+	--sidebar-accent-foreground: #8f1538;
+	--sidebar-border: oklch(0.92 0.004 286.32);
+	--sidebar-ring: oklch(0.705 0.015 286.067);
+	--brand: var(--primary);
+	--brand-fill: var(--brand);
+	--brand-foreground: var(--primary-foreground);
+}
+
+.dark {
+	--background: #2c0f19;
+	--foreground: #ffdbe7;
+	--card: #5a1732;
+	--card-foreground: #ffdfe9;
+	--popover: #5a1732;
+	--popover-foreground: #ffdfe9;
+	--primary: #fda4af;
+	--primary-foreground: #5a1732;
+	--secondary: #7d1d43;
+	--secondary-foreground: #ffdbe7;
+	--muted: #7d1d43;
+	--muted-foreground: #f3a9bc;
+	--accent: #a82558;
+	--accent-foreground: #ffe5ee;
+	--destructive: oklch(0.704 0.191 22.216);
+	--border: oklch(1 0 0 / 10%);
+	--input: oklch(1 0 0 / 15%);
+	--ring: #fb7185;
+	--chart-1: oklch(0.488 0.243 264.376);
+	--chart-2: oklch(0.696 0.17 162.48);
+	--chart-3: oklch(0.769 0.188 70.08);
+	--chart-4: oklch(0.627 0.265 303.9);
+	--chart-5: oklch(0.645 0.246 16.439);
+	--sidebar: #2c0f19;
+	--sidebar-foreground: #ffdbe7;
+	--sidebar-primary: #fda4af;
+	--sidebar-primary-foreground: #5a1732;
+	--sidebar-accent: #a82558;
+	--sidebar-accent-foreground: #ffe5ee;
+	--sidebar-border: oklch(1 0 0 / 10%);
+	--sidebar-ring: oklch(0.552 0.016 285.938);
+	--brand: var(--primary);
+	--brand-fill: var(--brand);
+	--brand-foreground: var(--primary-foreground);
+}
+
+.bg-card {
+	background-image: linear-gradient(135deg, #ffffff 0%, #ffe1ea 100%);
+}
+.dark .bg-card {
+	background-image: linear-gradient(135deg, #451227 0%, #5a1732 100%);
+}