From cbb5fa197cfef26d6a30cb23988abe678d1df279 Mon Sep 17 00:00:00 2001
From: ronload <91997734+ronload@users.noreply.github.com>
Date: Tue, 14 Apr 2026 23:50:20 +0800
Subject: [PATCH] fix(theme): reset to official shadcn neutral color palette

The previous theme used custom indigo primary/accent colors with
blue-tinted neutrals generated by base-nova style. This replaces all
CSS variables with the canonical values from shadcn's neutral.json
(cssVarsV4) so the theme matches the official showcase.
---
 src/app/globals.css | 114 ++++++++++++++++++++++----------------------
 1 file changed, 57 insertions(+), 57 deletions(-)

diff --git a/src/app/globals.css b/src/app/globals.css
index 212f76a..b727e49 100644
--- a/src/app/globals.css
+++ b/src/app/globals.css
@@ -49,72 +49,72 @@
 }
 
 :root {
-  --background: oklch(0.985 0.002 260);
-  --foreground: oklch(0.195 0.01 260);
-  --card: oklch(0.995 0.001 260);
-  --card-foreground: oklch(0.195 0.01 260);
-  --popover: oklch(0.995 0.001 260);
-  --popover-foreground: oklch(0.195 0.01 260);
-  --primary: oklch(0.488 0.15 264);
-  --primary-foreground: oklch(0.99 0 0);
-  --secondary: oklch(0.955 0.008 260);
-  --secondary-foreground: oklch(0.35 0.02 260);
-  --muted: oklch(0.955 0.008 260);
-  --muted-foreground: oklch(0.52 0.015 260);
-  --accent: oklch(0.488 0.15 264);
-  --accent-foreground: oklch(0.99 0 0);
-  --destructive: oklch(0.577 0.2 27);
-  --border: oklch(0.91 0.008 260);
-  --input: oklch(0.91 0.008 260);
-  --ring: oklch(0.488 0.15 264);
-  --chart-1: oklch(0.488 0.15 264);
+  --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.5rem;
-  --sidebar: oklch(0.985 0.002 260);
-  --sidebar-foreground: oklch(0.195 0.01 260);
-  --sidebar-primary: oklch(0.488 0.15 264);
-  --sidebar-primary-foreground: oklch(0.99 0 0);
-  --sidebar-accent: oklch(0.955 0.008 260);
-  --sidebar-accent-foreground: oklch(0.35 0.02 260);
-  --sidebar-border: oklch(0.91 0.008 260);
-  --sidebar-ring: oklch(0.488 0.15 264);
+  --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.13 0.012 260);
-  --foreground: oklch(0.915 0.008 260);
-  --card: oklch(0.165 0.014 260);
-  --card-foreground: oklch(0.915 0.008 260);
-  --popover: oklch(0.165 0.014 260);
-  --popover-foreground: oklch(0.915 0.008 260);
-  --primary: oklch(0.628 0.18 264);
-  --primary-foreground: oklch(0.13 0.012 260);
-  --secondary: oklch(0.2 0.016 260);
-  --secondary-foreground: oklch(0.82 0.01 260);
-  --muted: oklch(0.2 0.016 260);
-  --muted-foreground: oklch(0.55 0.012 260);
-  --accent: oklch(0.628 0.18 264);
-  --accent-foreground: oklch(0.13 0.012 260);
-  --destructive: oklch(0.65 0.2 25);
-  --border: oklch(1 0 0 / 8%);
-  --input: oklch(1 0 0 / 10%);
-  --ring: oklch(0.628 0.18 264);
-  --chart-1: oklch(0.628 0.18 264);
+  --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.145 0.012 260);
-  --sidebar-foreground: oklch(0.915 0.008 260);
-  --sidebar-primary: oklch(0.628 0.18 264);
-  --sidebar-primary-foreground: oklch(0.13 0.012 260);
-  --sidebar-accent: oklch(0.2 0.016 260);
-  --sidebar-accent-foreground: oklch(0.82 0.01 260);
-  --sidebar-border: oklch(1 0 0 / 8%);
-  --sidebar-ring: oklch(0.628 0.18 264);
+  --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);
 }
 
 @layer base {
@@ -160,7 +160,7 @@ body::after {
   border-radius: 50%;
   background: radial-gradient(
     ellipse,
-    oklch(0.488 0.08 264 / 6%) 0%,
+    oklch(0.205 0 0 / 4%) 0%,
     transparent 70%
   );
 }
@@ -168,7 +168,7 @@ body::after {
 .dark body::after {
   background: radial-gradient(
     ellipse,
-    oklch(0.628 0.1 264 / 8%) 0%,
+    oklch(0.922 0 0 / 4%) 0%,
     transparent 70%
   );
 }