@ziioapp/ui 0.1.0

package/dist/styles/theme-base.css

@@ -0,0 +1,102 @@
+/* :root {
+  --background: oklch(1 0 0);
+  --foreground: oklch(0.145 0 0);
+  --card: oklch(1 0 0);
+  --card-foreground: oklch(0.145 0 0);
+  --popover: oklch(1 0 0);
+  --popover-foreground: oklch(0.145 0 0);
+  --primary: oklch(0.205 0 0);
+  --primary-foreground: oklch(0.985 0 0);
+  --secondary: oklch(0.97 0 0);
+  --secondary-foreground: oklch(0.205 0 0);
+  --muted: oklch(0.97 0 0);
+  --muted-foreground: oklch(0.556 0 0);
+  --accent: oklch(0.97 0 0);
+  --accent-foreground: oklch(0.205 0 0);
+  --destructive: oklch(0.577 0.245 27.325);
+  --border: oklch(0.922 0 0);
+  --input: oklch(0.922 0 0);
+  --ring: oklch(0.708 0 0);
+  --chart-1: oklch(0.87 0 0);
+  --chart-2: oklch(0.556 0 0);
+  --chart-3: oklch(0.439 0 0);
+  --chart-4: oklch(0.371 0 0);
+  --chart-5: oklch(0.269 0 0);
+  --radius: 0.625rem;
+  --sidebar: oklch(0.985 0 0);
+  --sidebar-foreground: oklch(0.145 0 0);
+  --sidebar-primary: oklch(0.205 0 0);
+  --sidebar-primary-foreground: oklch(0.985 0 0);
+  --sidebar-accent: oklch(0.97 0 0);
+  --sidebar-accent-foreground: oklch(0.205 0 0);
+  --sidebar-border: oklch(0.922 0 0);
+  --sidebar-ring: oklch(0.708 0 0);
+}
+
+.dark {
+  --background: oklch(0.145 0 0);
+  --foreground: oklch(0.985 0 0);
+  --card: oklch(0.205 0 0);
+  --card-foreground: oklch(0.985 0 0);
+  --popover: oklch(0.205 0 0);
+  --popover-foreground: oklch(0.985 0 0);
+  --primary: oklch(0.922 0 0);
+  --primary-foreground: oklch(0.205 0 0);
+  --secondary: oklch(0.269 0 0);
+  --secondary-foreground: oklch(0.985 0 0);
+  --muted: oklch(0.269 0 0);
+  --muted-foreground: oklch(0.708 0 0);
+  --accent: oklch(0.269 0 0);
+  --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: oklch(0.556 0 0);
+  --chart-1: oklch(0.87 0 0);
+  --chart-2: oklch(0.556 0 0);
+  --chart-3: oklch(0.439 0 0);
+  --chart-4: oklch(0.371 0 0);
+  --chart-5: oklch(0.269 0 0);
+  --sidebar: oklch(0.205 0 0);
+  --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.269 0 0);
+  --sidebar-accent-foreground: oklch(0.985 0 0);
+  --sidebar-border: oklch(1 0 0 / 10%);
+  --sidebar-ring: oklch(0.556 0 0);
+} */
+
+:root {
+  --background: oklch(0.141 0.005 285.823);
+  --foreground: oklch(0.985 0 0);
+  --card: oklch(0.21 0.006 285.885);
+  --card-foreground: oklch(0.985 0 0);
+  --popover: oklch(0.21 0.006 285.885);
+  --popover-foreground: oklch(0.985 0 0);
+  --primary: oklch(0.398 0.195 277.366);
+  --primary-foreground: oklch(0.962 0.018 272.314);
+  --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: oklch(0.705 0.015 286.067);
+  --accent: oklch(0.398 0.195 277.366);
+  --accent-foreground: oklch(0.962 0.018 272.314);
+  --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.785 0.115 274.713);
+  --chart-2: oklch(0.585 0.233 277.117);
+  --chart-3: oklch(0.511 0.262 276.966);
+  --chart-4: oklch(0.457 0.24 277.023);
+  --chart-5: oklch(0.398 0.195 277.366);
+  --sidebar: oklch(0.21 0.006 285.885);
+  --sidebar-foreground: oklch(0.985 0 0);
+  --sidebar-primary: oklch(0.585 0.233 277.117);
+  --sidebar-primary-foreground: oklch(0.962 0.018 272.314);
+  --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);
+}

package/dist/styles/themes/theme-atmosphere-coffee.css

@@ -0,0 +1,72 @@
+/* Theme Color — Atmosphere Coffee (咖啡) */
+.theme-color-atmosphere-coffee {
+  --background: oklch(0.96 0.015 75);
+  --foreground: oklch(0.18 0.025 60);
+  --card: oklch(0.96 0.015 75);
+  --card-foreground: oklch(0.18 0.025 60);
+  --popover: oklch(0.96 0.015 75);
+  --popover-foreground: oklch(0.18 0.025 60);
+  --primary: oklch(0.35 0.045 60);
+  --primary-foreground: oklch(0.96 0.005 75);
+  --secondary: oklch(0.92 0.02 70);
+  --secondary-foreground: oklch(0.28 0.03 60);
+  --muted: oklch(0.94 0.015 70);
+  --muted-foreground: oklch(0.55 0.025 65);
+  --accent: oklch(0.9 0.02 70);
+  --accent-foreground: oklch(0.25 0.03 60);
+  --destructive: oklch(0.577 0.245 27.325);
+  --border: oklch(0.86 0.018 70);
+  --input: oklch(0.86 0.018 70);
+  --ring: oklch(0.5 0.04 55);
+  --chart-1: oklch(0.5 0.05 55);
+  --chart-2: oklch(0.65 0.04 70);
+  --chart-3: oklch(0.4 0.045 50);
+  --chart-4: oklch(0.8 0.03 80);
+  --chart-5: oklch(0.3 0.035 45);
+  --radius: 0.5rem;
+  --sidebar: oklch(0.985 0.01 75);
+  --sidebar-foreground: oklch(0.18 0.025 60);
+  --sidebar-primary: oklch(0.35 0.045 60);
+  --sidebar-primary-foreground: oklch(0.96 0.005 75);
+  --sidebar-accent: oklch(0.9 0.02 70);
+  --sidebar-accent-foreground: oklch(0.25 0.03 60);
+  --sidebar-border: oklch(0.86 0.018 70);
+  --sidebar-ring: oklch(0.5 0.04 55);
+}
+.theme-color-atmosphere-coffee.dark,
+.dark.theme-color-atmosphere-coffee,
+.theme-color-atmosphere-coffee .dark,
+.dark .theme-color-atmosphere-coffee {
+  --background: oklch(0.15 0.02 60);
+  --foreground: oklch(0.9 0.015 75);
+  --card: oklch(0.15 0.02 60);
+  --card-foreground: oklch(0.9 0.015 75);
+  --popover: oklch(0.15 0.02 60);
+  --popover-foreground: oklch(0.9 0.015 75);
+  --primary: oklch(0.42 0.055 55);
+  --primary-foreground: oklch(0.15 0.015 60);
+  --secondary: oklch(0.25 0.025 60);
+  --secondary-foreground: oklch(0.86 0.015 75);
+  --muted: oklch(0.2 0.02 60);
+  --muted-foreground: oklch(0.65 0.025 65);
+  --accent: oklch(0.23 0.025 60);
+  --accent-foreground: oklch(0.86 0.015 75);
+  --destructive: oklch(0.577 0.245 27.325);
+  --border: oklch(0.28 0.02 60);
+  --input: oklch(0.28 0.02 60);
+  --ring: oklch(0.48 0.045 55);
+  --chart-1: oklch(0.5 0.05 55);
+  --chart-2: oklch(0.65 0.04 70);
+  --chart-3: oklch(0.4 0.045 50);
+  --chart-4: oklch(0.75 0.03 80);
+  --chart-5: oklch(0.35 0.035 45);
+  --radius: 0.5rem;
+  --sidebar: oklch(0.13 0.02 60);
+  --sidebar-foreground: oklch(0.9 0.015 75);
+  --sidebar-primary: oklch(0.42 0.055 55);
+  --sidebar-primary-foreground: oklch(0.15 0.015 60);
+  --sidebar-accent: oklch(0.21 0.025 60);
+  --sidebar-accent-foreground: oklch(0.86 0.015 75);
+  --sidebar-border: oklch(0.26 0.02 60);
+  --sidebar-ring: oklch(0.48 0.045 55);
+}

package/dist/styles/themes/theme-atmosphere-halloween.css

@@ -0,0 +1,72 @@
+/* Theme Color — Atmosphere Halloween (万圣节) */
+.theme-color-atmosphere-halloween {
+  --background: oklch(0.93 0.02 70);
+  --foreground: oklch(0.12 0.03 300);
+  --card: oklch(0.93 0.02 70);
+  --card-foreground: oklch(0.12 0.03 300);
+  --popover: oklch(0.93 0.02 70);
+  --popover-foreground: oklch(0.12 0.03 300);
+  --primary: oklch(0.55 0.15 55);
+  --primary-foreground: oklch(0.12 0.02 300);
+  --secondary: oklch(0.88 0.025 65);
+  --secondary-foreground: oklch(0.2 0.03 300);
+  --muted: oklch(0.91 0.02 65);
+  --muted-foreground: oklch(0.5 0.04 300);
+  --accent: oklch(0.85 0.03 65);
+  --accent-foreground: oklch(0.15 0.03 300);
+  --destructive: oklch(0.577 0.245 27.325);
+  --border: oklch(0.82 0.025 65);
+  --input: oklch(0.82 0.025 65);
+  --ring: oklch(0.55 0.14 55);
+  --chart-1: oklch(0.55 0.15 55);
+  --chart-2: oklch(0.45 0.1 300);
+  --chart-3: oklch(0.6 0.12 30);
+  --chart-4: oklch(0.35 0.08 300);
+  --chart-5: oklch(0.7 0.1 80);
+  --radius: 0.25rem;
+  --sidebar: oklch(0.95 0.018 70);
+  --sidebar-foreground: oklch(0.12 0.03 300);
+  --sidebar-primary: oklch(0.55 0.15 55);
+  --sidebar-primary-foreground: oklch(0.12 0.02 300);
+  --sidebar-accent: oklch(0.85 0.03 65);
+  --sidebar-accent-foreground: oklch(0.15 0.03 300);
+  --sidebar-border: oklch(0.82 0.025 65);
+  --sidebar-ring: oklch(0.55 0.14 55);
+}
+.theme-color-atmosphere-halloween.dark,
+.dark.theme-color-atmosphere-halloween,
+.theme-color-atmosphere-halloween .dark,
+.dark .theme-color-atmosphere-halloween {
+  --background: oklch(0.1 0.025 300);
+  --foreground: oklch(0.9 0.02 55);
+  --card: oklch(0.1 0.025 300);
+  --card-foreground: oklch(0.9 0.02 55);
+  --popover: oklch(0.1 0.025 300);
+  --popover-foreground: oklch(0.9 0.02 55);
+  --primary: oklch(0.55 0.18 55);
+  --primary-foreground: oklch(0.1 0.015 300);
+  --secondary: oklch(0.2 0.03 300);
+  --secondary-foreground: oklch(0.85 0.025 55);
+  --muted: oklch(0.16 0.025 300);
+  --muted-foreground: oklch(0.6 0.04 300);
+  --accent: oklch(0.18 0.03 300);
+  --accent-foreground: oklch(0.85 0.025 55);
+  --destructive: oklch(0.577 0.245 27.325);
+  --border: oklch(0.25 0.03 300);
+  --input: oklch(0.25 0.03 300);
+  --ring: oklch(0.55 0.15 55);
+  --chart-1: oklch(0.55 0.18 55);
+  --chart-2: oklch(0.45 0.1 300);
+  --chart-3: oklch(0.6 0.12 30);
+  --chart-4: oklch(0.35 0.08 300);
+  --chart-5: oklch(0.65 0.1 80);
+  --radius: 0.25rem;
+  --sidebar: oklch(0.09 0.025 300);
+  --sidebar-foreground: oklch(0.9 0.02 55);
+  --sidebar-primary: oklch(0.55 0.18 55);
+  --sidebar-primary-foreground: oklch(0.1 0.015 300);
+  --sidebar-accent: oklch(0.16 0.03 300);
+  --sidebar-accent-foreground: oklch(0.85 0.025 55);
+  --sidebar-border: oklch(0.23 0.03 300);
+  --sidebar-ring: oklch(0.55 0.15 55);
+}

package/dist/styles/themes/theme-atmosphere-literary.css

@@ -0,0 +1,72 @@
+/* Theme Color — Atmosphere Literary (人文) */
+.theme-color-atmosphere-literary {
+  --background: oklch(0.95 0.015 85);
+  --foreground: oklch(0.15 0.02 60);
+  --card: oklch(0.95 0.015 85);
+  --card-foreground: oklch(0.15 0.02 60);
+  --popover: oklch(0.95 0.015 85);
+  --popover-foreground: oklch(0.15 0.02 60);
+  --primary: oklch(0.28 0.035 30);
+  --primary-foreground: oklch(0.95 0.01 85);
+  --secondary: oklch(0.91 0.018 80);
+  --secondary-foreground: oklch(0.25 0.025 55);
+  --muted: oklch(0.93 0.015 80);
+  --muted-foreground: oklch(0.52 0.025 65);
+  --accent: oklch(0.88 0.02 80);
+  --accent-foreground: oklch(0.2 0.025 55);
+  --destructive: oklch(0.577 0.245 27.325);
+  --border: oklch(0.84 0.018 80);
+  --input: oklch(0.84 0.018 80);
+  --ring: oklch(0.45 0.04 30);
+  --chart-1: oklch(0.45 0.04 30);
+  --chart-2: oklch(0.6 0.035 60);
+  --chart-3: oklch(0.35 0.03 30);
+  --chart-4: oklch(0.75 0.025 80);
+  --chart-5: oklch(0.5 0.03 50);
+  --radius: 0.375rem;
+  --sidebar: oklch(0.98 0.01 85);
+  --sidebar-foreground: oklch(0.15 0.02 60);
+  --sidebar-primary: oklch(0.28 0.035 30);
+  --sidebar-primary-foreground: oklch(0.95 0.01 85);
+  --sidebar-accent: oklch(0.88 0.02 80);
+  --sidebar-accent-foreground: oklch(0.2 0.025 55);
+  --sidebar-border: oklch(0.84 0.018 80);
+  --sidebar-ring: oklch(0.45 0.04 30);
+}
+.theme-color-atmosphere-literary.dark,
+.dark.theme-color-atmosphere-literary,
+.theme-color-atmosphere-literary .dark,
+.dark .theme-color-atmosphere-literary {
+  --background: oklch(0.14 0.015 60);
+  --foreground: oklch(0.9 0.012 85);
+  --card: oklch(0.14 0.015 60);
+  --card-foreground: oklch(0.9 0.012 85);
+  --popover: oklch(0.14 0.015 60);
+  --popover-foreground: oklch(0.9 0.012 85);
+  --primary: oklch(0.42 0.04 30);
+  --primary-foreground: oklch(0.14 0.01 60);
+  --secondary: oklch(0.24 0.02 60);
+  --secondary-foreground: oklch(0.86 0.015 85);
+  --muted: oklch(0.19 0.018 60);
+  --muted-foreground: oklch(0.62 0.02 65);
+  --accent: oklch(0.22 0.02 60);
+  --accent-foreground: oklch(0.86 0.015 85);
+  --destructive: oklch(0.577 0.245 27.325);
+  --border: oklch(0.27 0.018 60);
+  --input: oklch(0.27 0.018 60);
+  --ring: oklch(0.48 0.04 30);
+  --chart-1: oklch(0.45 0.04 30);
+  --chart-2: oklch(0.6 0.035 60);
+  --chart-3: oklch(0.35 0.03 30);
+  --chart-4: oklch(0.7 0.025 80);
+  --chart-5: oklch(0.5 0.03 50);
+  --radius: 0.375rem;
+  --sidebar: oklch(0.12 0.015 60);
+  --sidebar-foreground: oklch(0.9 0.012 85);
+  --sidebar-primary: oklch(0.42 0.04 30);
+  --sidebar-primary-foreground: oklch(0.14 0.01 60);
+  --sidebar-accent: oklch(0.2 0.02 60);
+  --sidebar-accent-foreground: oklch(0.86 0.015 85);
+  --sidebar-border: oklch(0.25 0.018 60);
+  --sidebar-ring: oklch(0.48 0.04 30);
+}

package/dist/styles/themes/theme-atmosphere-sakura.css

@@ -0,0 +1,72 @@
+/* Theme Color — Atmosphere Sakura (樱花) */
+.theme-color-atmosphere-sakura {
+  --background: oklch(0.97 0.012 10);
+  --foreground: oklch(0.18 0.025 350);
+  --card: oklch(0.97 0.012 10);
+  --card-foreground: oklch(0.18 0.025 350);
+  --popover: oklch(0.97 0.012 10);
+  --popover-foreground: oklch(0.18 0.025 350);
+  --primary: oklch(0.5 0.12 360);
+  --primary-foreground: oklch(0.97 0.005 10);
+  --secondary: oklch(0.93 0.02 10);
+  --secondary-foreground: oklch(0.28 0.03 350);
+  --muted: oklch(0.95 0.015 10);
+  --muted-foreground: oklch(0.55 0.03 10);
+  --accent: oklch(0.91 0.025 10);
+  --accent-foreground: oklch(0.25 0.03 350);
+  --destructive: oklch(0.577 0.245 27.325);
+  --border: oklch(0.89 0.018 10);
+  --input: oklch(0.89 0.018 10);
+  --ring: oklch(0.6 0.08 360);
+  --chart-1: oklch(0.6 0.1 360);
+  --chart-2: oklch(0.75 0.06 20);
+  --chart-3: oklch(0.5 0.08 350);
+  --chart-4: oklch(0.85 0.04 10);
+  --chart-5: oklch(0.45 0.06 340);
+  --radius: 0.75rem;
+  --sidebar: oklch(0.985 0.008 10);
+  --sidebar-foreground: oklch(0.18 0.025 350);
+  --sidebar-primary: oklch(0.5 0.12 360);
+  --sidebar-primary-foreground: oklch(0.97 0.005 10);
+  --sidebar-accent: oklch(0.91 0.025 10);
+  --sidebar-accent-foreground: oklch(0.25 0.03 350);
+  --sidebar-border: oklch(0.89 0.018 10);
+  --sidebar-ring: oklch(0.6 0.08 360);
+}
+.theme-color-atmosphere-sakura.dark,
+.dark.theme-color-atmosphere-sakura,
+.theme-color-atmosphere-sakura .dark,
+.dark .theme-color-atmosphere-sakura {
+  --background: oklch(0.15 0.015 360);
+  --foreground: oklch(0.92 0.01 10);
+  --card: oklch(0.15 0.015 360);
+  --card-foreground: oklch(0.92 0.01 10);
+  --popover: oklch(0.15 0.015 360);
+  --popover-foreground: oklch(0.92 0.01 10);
+  --primary: oklch(0.6 0.1 360);
+  --primary-foreground: oklch(0.15 0.01 360);
+  --secondary: oklch(0.25 0.02 360);
+  --secondary-foreground: oklch(0.88 0.015 10);
+  --muted: oklch(0.2 0.015 360);
+  --muted-foreground: oklch(0.65 0.025 10);
+  --accent: oklch(0.23 0.02 360);
+  --accent-foreground: oklch(0.88 0.015 10);
+  --destructive: oklch(0.577 0.245 27.325);
+  --border: oklch(0.28 0.018 360);
+  --input: oklch(0.28 0.018 360);
+  --ring: oklch(0.55 0.08 360);
+  --chart-1: oklch(0.6 0.1 360);
+  --chart-2: oklch(0.7 0.06 20);
+  --chart-3: oklch(0.5 0.08 350);
+  --chart-4: oklch(0.45 0.05 10);
+  --chart-5: oklch(0.75 0.04 340);
+  --radius: 0.75rem;
+  --sidebar: oklch(0.13 0.015 360);
+  --sidebar-foreground: oklch(0.92 0.01 10);
+  --sidebar-primary: oklch(0.6 0.1 360);
+  --sidebar-primary-foreground: oklch(0.15 0.01 360);
+  --sidebar-accent: oklch(0.21 0.02 360);
+  --sidebar-accent-foreground: oklch(0.88 0.015 10);
+  --sidebar-border: oklch(0.26 0.018 360);
+  --sidebar-ring: oklch(0.55 0.08 360);
+}

package/dist/styles/themes/theme-blue.css

@@ -0,0 +1,20 @@
+/* Theme Color — Blue */
+.theme-color-blue {
+  --primary: oklch(0.488 0.243 264.376);
+  --primary-foreground: oklch(0.97 0.014 254.604);
+  --secondary: oklch(0.967 0.001 286.375);
+  --secondary-foreground: oklch(0.21 0.006 285.885);
+  --sidebar-primary: oklch(0.546 0.245 262.881);
+  --sidebar-primary-foreground: oklch(0.97 0.014 254.604);
+}
+.theme-color-blue.dark,
+.dark.theme-color-blue,
+.theme-color-blue .dark,
+.dark .theme-color-blue {
+  --primary: oklch(0.424 0.199 265.638);
+  --primary-foreground: oklch(0.97 0.014 254.604);
+  --secondary: oklch(0.274 0.006 286.033);
+  --secondary-foreground: oklch(0.985 0 0);
+  --sidebar-primary: oklch(0.623 0.214 259.815);
+  --sidebar-primary-foreground: oklch(0.97 0.014 254.604);
+}

package/dist/styles/themes/theme-indigo.css

@@ -0,0 +1,20 @@
+/* Theme Color — Indigo */
+.theme-color-indigo {
+  --primary: oklch(0.457 0.24 277.023);
+  --primary-foreground: oklch(0.962 0.018 272.314);
+  --secondary: oklch(0.967 0.001 286.375);
+  --secondary-foreground: oklch(0.21 0.006 285.885);
+  --sidebar-primary: oklch(0.511 0.262 276.966);
+  --sidebar-primary-foreground: oklch(0.962 0.018 272.314);
+}
+.theme-color-indigo.dark,
+.dark.theme-color-indigo,
+.theme-color-indigo .dark,
+.dark .theme-color-indigo {
+  --primary: oklch(0.398 0.195 277.366);
+  --primary-foreground: oklch(0.962 0.018 272.314);
+  --secondary: oklch(0.274 0.006 286.033);
+  --secondary-foreground: oklch(0.985 0 0);
+  --sidebar-primary: oklch(0.585 0.233 277.117);
+  --sidebar-primary-foreground: oklch(0.962 0.018 272.314);
+}

package/dist/styles/themes/theme-morandi-dust.css

@@ -0,0 +1,72 @@
+/* Theme Color — Morandi Dust (尘粉) */
+.theme-color-morandi-dust {
+  --background: oklch(0.97 0.008 30);
+  --foreground: oklch(0.2 0.012 30);
+  --card: oklch(0.97 0.008 30);
+  --card-foreground: oklch(0.2 0.012 30);
+  --popover: oklch(0.97 0.008 30);
+  --popover-foreground: oklch(0.2 0.012 30);
+  --primary: oklch(0.45 0.07 25);
+  --primary-foreground: oklch(0.97 0.005 30);
+  --secondary: oklch(0.92 0.018 25);
+  --secondary-foreground: oklch(0.3 0.025 25);
+  --muted: oklch(0.945 0.012 25);
+  --muted-foreground: oklch(0.55 0.025 25);
+  --accent: oklch(0.9 0.02 25);
+  --accent-foreground: oklch(0.25 0.025 25);
+  --destructive: oklch(0.577 0.245 27.325);
+  --border: oklch(0.88 0.015 25);
+  --input: oklch(0.88 0.015 25);
+  --ring: oklch(0.6 0.05 25);
+  --chart-1: oklch(0.65 0.07 25);
+  --chart-2: oklch(0.5 0.05 25);
+  --chart-3: oklch(0.75 0.05 20);
+  --chart-4: oklch(0.4 0.06 30);
+  --chart-5: oklch(0.85 0.04 35);
+  --radius: 0.625rem;
+  --sidebar: oklch(0.985 0.006 30);
+  --sidebar-foreground: oklch(0.2 0.012 30);
+  --sidebar-primary: oklch(0.48 0.065 25);
+  --sidebar-primary-foreground: oklch(0.97 0.005 30);
+  --sidebar-accent: oklch(0.9 0.02 25);
+  --sidebar-accent-foreground: oklch(0.25 0.025 25);
+  --sidebar-border: oklch(0.88 0.015 25);
+  --sidebar-ring: oklch(0.6 0.05 25);
+}
+.theme-color-morandi-dust.dark,
+.dark.theme-color-morandi-dust,
+.theme-color-morandi-dust .dark,
+.dark .theme-color-morandi-dust {
+  --background: oklch(0.18 0.01 25);
+  --foreground: oklch(0.92 0.008 30);
+  --card: oklch(0.18 0.01 25);
+  --card-foreground: oklch(0.92 0.008 30);
+  --popover: oklch(0.18 0.01 25);
+  --popover-foreground: oklch(0.92 0.008 30);
+  --primary: oklch(0.55 0.065 25);
+  --primary-foreground: oklch(0.15 0.008 30);
+  --secondary: oklch(0.28 0.02 25);
+  --secondary-foreground: oklch(0.88 0.01 30);
+  --muted: oklch(0.23 0.015 25);
+  --muted-foreground: oklch(0.65 0.025 25);
+  --accent: oklch(0.26 0.02 25);
+  --accent-foreground: oklch(0.88 0.01 30);
+  --destructive: oklch(0.577 0.245 27.325);
+  --border: oklch(0.3 0.015 25);
+  --input: oklch(0.3 0.015 25);
+  --ring: oklch(0.5 0.05 25);
+  --chart-1: oklch(0.6 0.065 25);
+  --chart-2: oklch(0.7 0.045 20);
+  --chart-3: oklch(0.5 0.055 25);
+  --chart-4: oklch(0.45 0.045 30);
+  --chart-5: oklch(0.75 0.035 35);
+  --radius: 0.625rem;
+  --sidebar: oklch(0.16 0.01 25);
+  --sidebar-foreground: oklch(0.92 0.008 30);
+  --sidebar-primary: oklch(0.55 0.065 25);
+  --sidebar-primary-foreground: oklch(0.15 0.008 30);
+  --sidebar-accent: oklch(0.24 0.02 25);
+  --sidebar-accent-foreground: oklch(0.88 0.01 30);
+  --sidebar-border: oklch(0.28 0.015 25);
+  --sidebar-ring: oklch(0.5 0.05 25);
+}

package/dist/styles/themes/theme-morandi-fog.css

@@ -0,0 +1,72 @@
+/* Theme Color — Morandi Fog (雾蓝) */
+.theme-color-morandi-fog {
+  --background: oklch(0.97 0.008 260);
+  --foreground: oklch(0.2 0.012 265);
+  --card: oklch(0.97 0.008 260);
+  --card-foreground: oklch(0.2 0.012 265);
+  --popover: oklch(0.97 0.008 260);
+  --popover-foreground: oklch(0.2 0.012 265);
+  --primary: oklch(0.42 0.055 260);
+  --primary-foreground: oklch(0.97 0.005 260);
+  --secondary: oklch(0.92 0.015 260);
+  --secondary-foreground: oklch(0.3 0.02 260);
+  --muted: oklch(0.945 0.01 260);
+  --muted-foreground: oklch(0.55 0.02 260);
+  --accent: oklch(0.9 0.018 260);
+  --accent-foreground: oklch(0.25 0.02 260);
+  --destructive: oklch(0.577 0.245 27.325);
+  --border: oklch(0.88 0.012 260);
+  --input: oklch(0.88 0.012 260);
+  --ring: oklch(0.6 0.04 260);
+  --chart-1: oklch(0.65 0.055 260);
+  --chart-2: oklch(0.5 0.035 260);
+  --chart-3: oklch(0.75 0.04 255);
+  --chart-4: oklch(0.4 0.045 265);
+  --chart-5: oklch(0.85 0.03 255);
+  --radius: 0.625rem;
+  --sidebar: oklch(0.985 0.006 260);
+  --sidebar-foreground: oklch(0.2 0.012 265);
+  --sidebar-primary: oklch(0.45 0.05 260);
+  --sidebar-primary-foreground: oklch(0.97 0.005 260);
+  --sidebar-accent: oklch(0.9 0.018 260);
+  --sidebar-accent-foreground: oklch(0.25 0.02 260);
+  --sidebar-border: oklch(0.88 0.012 260);
+  --sidebar-ring: oklch(0.6 0.04 260);
+}
+.theme-color-morandi-fog.dark,
+.dark.theme-color-morandi-fog,
+.theme-color-morandi-fog .dark,
+.dark .theme-color-morandi-fog {
+  --background: oklch(0.18 0.01 265);
+  --foreground: oklch(0.92 0.008 260);
+  --card: oklch(0.18 0.01 265);
+  --card-foreground: oklch(0.92 0.008 260);
+  --popover: oklch(0.18 0.01 265);
+  --popover-foreground: oklch(0.92 0.008 260);
+  --primary: oklch(0.55 0.055 260);
+  --primary-foreground: oklch(0.15 0.008 260);
+  --secondary: oklch(0.28 0.018 260);
+  --secondary-foreground: oklch(0.88 0.01 260);
+  --muted: oklch(0.23 0.015 260);
+  --muted-foreground: oklch(0.65 0.02 260);
+  --accent: oklch(0.26 0.018 260);
+  --accent-foreground: oklch(0.88 0.01 260);
+  --destructive: oklch(0.577 0.245 27.325);
+  --border: oklch(0.3 0.015 260);
+  --input: oklch(0.3 0.015 260);
+  --ring: oklch(0.5 0.05 260);
+  --chart-1: oklch(0.6 0.055 260);
+  --chart-2: oklch(0.7 0.035 255);
+  --chart-3: oklch(0.5 0.045 260);
+  --chart-4: oklch(0.45 0.035 265);
+  --chart-5: oklch(0.75 0.025 255);
+  --radius: 0.625rem;
+  --sidebar: oklch(0.16 0.01 265);
+  --sidebar-foreground: oklch(0.92 0.008 260);
+  --sidebar-primary: oklch(0.55 0.055 260);
+  --sidebar-primary-foreground: oklch(0.15 0.008 260);
+  --sidebar-accent: oklch(0.24 0.018 260);
+  --sidebar-accent-foreground: oklch(0.88 0.01 260);
+  --sidebar-border: oklch(0.28 0.015 260);
+  --sidebar-ring: oklch(0.5 0.05 260);
+}

package/dist/styles/themes/theme-morandi-sage.css

@@ -0,0 +1,72 @@
+/* Theme Color — Morandi Sage (鼠尾) */
+.theme-color-morandi-sage {
+  --background: oklch(0.97 0.008 130);
+  --foreground: oklch(0.2 0.012 130);
+  --card: oklch(0.97 0.008 130);
+  --card-foreground: oklch(0.2 0.012 130);
+  --popover: oklch(0.97 0.008 130);
+  --popover-foreground: oklch(0.2 0.012 130);
+  --primary: oklch(0.42 0.06 140);
+  --primary-foreground: oklch(0.97 0.005 130);
+  --secondary: oklch(0.92 0.015 135);
+  --secondary-foreground: oklch(0.3 0.02 135);
+  --muted: oklch(0.945 0.01 135);
+  --muted-foreground: oklch(0.55 0.02 135);
+  --accent: oklch(0.9 0.018 135);
+  --accent-foreground: oklch(0.25 0.02 135);
+  --destructive: oklch(0.577 0.245 27.325);
+  --border: oklch(0.88 0.012 135);
+  --input: oklch(0.88 0.012 135);
+  --ring: oklch(0.6 0.04 140);
+  --chart-1: oklch(0.65 0.06 140);
+  --chart-2: oklch(0.5 0.04 140);
+  --chart-3: oklch(0.75 0.04 130);
+  --chart-4: oklch(0.4 0.05 130);
+  --chart-5: oklch(0.85 0.03 120);
+  --radius: 0.625rem;
+  --sidebar: oklch(0.985 0.006 130);
+  --sidebar-foreground: oklch(0.2 0.012 130);
+  --sidebar-primary: oklch(0.45 0.055 140);
+  --sidebar-primary-foreground: oklch(0.97 0.005 130);
+  --sidebar-accent: oklch(0.9 0.018 135);
+  --sidebar-accent-foreground: oklch(0.25 0.02 135);
+  --sidebar-border: oklch(0.88 0.012 135);
+  --sidebar-ring: oklch(0.6 0.04 140);
+}
+.theme-color-morandi-sage.dark,
+.dark.theme-color-morandi-sage,
+.theme-color-morandi-sage .dark,
+.dark .theme-color-morandi-sage {
+  --background: oklch(0.18 0.01 135);
+  --foreground: oklch(0.92 0.008 130);
+  --card: oklch(0.18 0.01 135);
+  --card-foreground: oklch(0.92 0.008 130);
+  --popover: oklch(0.18 0.01 135);
+  --popover-foreground: oklch(0.92 0.008 130);
+  --primary: oklch(0.55 0.06 140);
+  --primary-foreground: oklch(0.15 0.008 130);
+  --secondary: oklch(0.28 0.018 135);
+  --secondary-foreground: oklch(0.88 0.01 130);
+  --muted: oklch(0.23 0.015 135);
+  --muted-foreground: oklch(0.65 0.02 135);
+  --accent: oklch(0.26 0.018 135);
+  --accent-foreground: oklch(0.88 0.01 130);
+  --destructive: oklch(0.577 0.245 27.325);
+  --border: oklch(0.3 0.015 135);
+  --input: oklch(0.3 0.015 135);
+  --ring: oklch(0.5 0.05 140);
+  --chart-1: oklch(0.6 0.06 140);
+  --chart-2: oklch(0.7 0.04 130);
+  --chart-3: oklch(0.5 0.05 140);
+  --chart-4: oklch(0.45 0.04 135);
+  --chart-5: oklch(0.75 0.03 120);
+  --radius: 0.625rem;
+  --sidebar: oklch(0.16 0.01 135);
+  --sidebar-foreground: oklch(0.92 0.008 130);
+  --sidebar-primary: oklch(0.55 0.06 140);
+  --sidebar-primary-foreground: oklch(0.15 0.008 130);
+  --sidebar-accent: oklch(0.24 0.018 135);
+  --sidebar-accent-foreground: oklch(0.88 0.01 130);
+  --sidebar-border: oklch(0.28 0.015 135);
+  --sidebar-ring: oklch(0.5 0.05 140);
+}

package/dist/styles/themes/theme-rose.css

@@ -0,0 +1,20 @@
+/* Theme Color — Rose */
+.theme-color-rose {
+  --primary: oklch(0.514 0.222 16.935);
+  --primary-foreground: oklch(0.969 0.015 12.422);
+  --secondary: oklch(0.967 0.001 286.375);
+  --secondary-foreground: oklch(0.21 0.006 285.885);
+  --sidebar-primary: oklch(0.586 0.253 17.585);
+  --sidebar-primary-foreground: oklch(0.969 0.015 12.422);
+}
+.theme-color-rose.dark,
+.dark.theme-color-rose,
+.theme-color-rose .dark,
+.dark .theme-color-rose {
+  --primary: oklch(0.455 0.188 13.697);
+  --primary-foreground: oklch(0.969 0.015 12.422);
+  --secondary: oklch(0.274 0.006 286.033);
+  --secondary-foreground: oklch(0.985 0 0);
+  --sidebar-primary: oklch(0.645 0.246 16.439);
+  --sidebar-primary-foreground: oklch(0.969 0.015 12.422);
+}