diff --git a/apps/v4/app/globals.css b/apps/v4/app/globals.css
index e12b032336..238c4b6ae4 100644
--- a/apps/v4/app/globals.css
+++ b/apps/v4/app/globals.css
@@ -5,6 +5,8 @@
 @custom-variant dark (&:is(.dark *));
 
 :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);
@@ -21,7 +23,7 @@
   --destructive-foreground: oklch(0.577 0.245 27.325);
   --border: oklch(0.922 0 0);
   --input: oklch(0.922 0 0);
-  --ring: oklch(0.87 0 0);
+  --ring: oklch(0.708 0 0);
   --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);
@@ -35,9 +37,7 @@
   --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.87 0 0);
-  --background: oklch(1 0 0);
-  --foreground: oklch(0.145 0 0);
+  --sidebar-ring: oklch(0.708 0 0);
 }
 
 .dark {
@@ -59,7 +59,7 @@
   --destructive-foreground: oklch(0.637 0.237 25.331);
   --border: oklch(0.269 0 0);
   --input: oklch(0.269 0 0);
-  --ring: oklch(0.439 0 0);
+  --ring: oklch(0.556 0 0);
   --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);
diff --git a/apps/www/public/r/colors/gray.json b/apps/www/public/r/colors/gray.json
index 9702fdd775..5ca6496686 100644
--- a/apps/www/public/r/colors/gray.json
+++ b/apps/www/public/r/colors/gray.json
@@ -117,7 +117,7 @@
       "destructive-foreground": "oklch(0.577 0.245 27.325)",
       "border": "oklch(0.928 0.006 264.531)",
       "input": "oklch(0.928 0.006 264.531)",
-      "ring": "oklch(0.872 0.01 258.338)",
+      "ring": "oklch(0.707 0.022 261.325)",
       "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)",
@@ -131,7 +131,7 @@
       "sidebar-accent": "oklch(0.967 0.003 264.542)",
       "sidebar-accent-foreground": "oklch(0.21 0.034 264.665)",
       "sidebar-border": "oklch(0.928 0.006 264.531)",
-      "sidebar-ring": "oklch(0.872 0.01 258.338)"
+      "sidebar-ring": "oklch(0.707 0.022 261.325)"
     },
     "dark": {
       "background": "oklch(0.13 0.028 261.692)",
diff --git a/apps/www/public/r/colors/neutral.json b/apps/www/public/r/colors/neutral.json
index 3c61f4ee51..fc2023e005 100644
--- a/apps/www/public/r/colors/neutral.json
+++ b/apps/www/public/r/colors/neutral.json
@@ -117,7 +117,7 @@
       "destructive-foreground": "oklch(0.577 0.245 27.325)",
       "border": "oklch(0.922 0 0)",
       "input": "oklch(0.922 0 0)",
-      "ring": "oklch(0.87 0 0)",
+      "ring": "oklch(0.708 0 0)",
       "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)",
@@ -131,7 +131,7 @@
       "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.87 0 0)"
+      "sidebar-ring": "oklch(0.708 0 0)"
     },
     "dark": {
       "background": "oklch(0.145 0 0)",
diff --git a/apps/www/public/r/colors/slate.json b/apps/www/public/r/colors/slate.json
index 7f8898ea07..a210fe1d63 100644
--- a/apps/www/public/r/colors/slate.json
+++ b/apps/www/public/r/colors/slate.json
@@ -117,7 +117,7 @@
       "destructive-foreground": "oklch(0.577 0.245 27.325)",
       "border": "oklch(0.929 0.013 255.508)",
       "input": "oklch(0.929 0.013 255.508)",
-      "ring": "oklch(0.869 0.022 252.894)",
+      "ring": "oklch(0.704 0.04 256.788)",
       "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)",
@@ -131,7 +131,7 @@
       "sidebar-accent": "oklch(0.968 0.007 247.896)",
       "sidebar-accent-foreground": "oklch(0.208 0.042 265.755)",
       "sidebar-border": "oklch(0.929 0.013 255.508)",
-      "sidebar-ring": "oklch(0.869 0.022 252.894)"
+      "sidebar-ring": "oklch(0.704 0.04 256.788)"
     },
     "dark": {
       "background": "oklch(0.129 0.042 264.695)",
diff --git a/apps/www/public/r/colors/stone.json b/apps/www/public/r/colors/stone.json
index 1426a9f6f2..44e7ecd4e6 100644
--- a/apps/www/public/r/colors/stone.json
+++ b/apps/www/public/r/colors/stone.json
@@ -117,7 +117,7 @@
       "destructive-foreground": "oklch(0.577 0.245 27.325)",
       "border": "oklch(0.923 0.003 48.717)",
       "input": "oklch(0.923 0.003 48.717)",
-      "ring": "oklch(0.869 0.005 56.366)",
+      "ring": "oklch(0.709 0.01 56.259)",
       "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)",
@@ -131,7 +131,7 @@
       "sidebar-accent": "oklch(0.97 0.001 106.424)",
       "sidebar-accent-foreground": "oklch(0.216 0.006 56.043)",
       "sidebar-border": "oklch(0.923 0.003 48.717)",
-      "sidebar-ring": "oklch(0.869 0.005 56.366)"
+      "sidebar-ring": "oklch(0.709 0.01 56.259)"
     },
     "dark": {
       "background": "oklch(0.147 0.004 49.25)",
diff --git a/apps/www/public/r/colors/zinc.json b/apps/www/public/r/colors/zinc.json
index a0e542323e..27c2fea05b 100644
--- a/apps/www/public/r/colors/zinc.json
+++ b/apps/www/public/r/colors/zinc.json
@@ -117,7 +117,7 @@
       "destructive-foreground": "oklch(0.577 0.245 27.325)",
       "border": "oklch(0.92 0.004 286.32)",
       "input": "oklch(0.92 0.004 286.32)",
-      "ring": "oklch(0.871 0.006 286.286)",
+      "ring": "oklch(0.705 0.015 286.067)",
       "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)",
@@ -131,7 +131,7 @@
       "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.871 0.006 286.286)"
+      "sidebar-ring": "oklch(0.705 0.015 286.067)"
     },
     "dark": {
       "background": "oklch(0.141 0.005 285.823)",
diff --git a/apps/www/registry/registry-base-colors.ts b/apps/www/registry/registry-base-colors.ts
index f0ac17d75c..0f79bbb127 100644
--- a/apps/www/registry/registry-base-colors.ts
+++ b/apps/www/registry/registry-base-colors.ts
@@ -776,7 +776,7 @@ export const baseColorsV4 = {
       "destructive-foreground": "oklch(0.577 0.245 27.325)", // --color-red-600
       border: "oklch(0.923 0.003 48.717)", // --color-stone-200
       input: "oklch(0.923 0.003 48.717)", // --color-stone-200
-      ring: "oklch(0.869 0.005 56.366)", // --color-stone-300
+      ring: "oklch(0.709 0.01 56.259)", // --color-stone-400
       "chart-1": "oklch(0.646 0.222 41.116)", // --color-orange-600
       "chart-2": "oklch(0.6 0.118 184.704)", // --color-teal-600
       "chart-3": "oklch(0.398 0.07 227.392)", // --color-cyan-900
@@ -790,7 +790,7 @@ export const baseColorsV4 = {
       "sidebar-accent": "oklch(0.97 0.001 106.424)", // --color-stone-100
       "sidebar-accent-foreground": "oklch(0.216 0.006 56.043)", // --color-stone-900
       "sidebar-border": "oklch(0.923 0.003 48.717)", // --color-stone-200
-      "sidebar-ring": "oklch(0.869 0.005 56.366)", // --color-stone-300
+      "sidebar-ring": "oklch(0.709 0.01 56.259)", // --color-stone-400
     },
     dark: {
       background: "oklch(0.147 0.004 49.25)", // --color-stone-950
@@ -847,7 +847,7 @@ export const baseColorsV4 = {
       "destructive-foreground": "oklch(0.577 0.245 27.325)", // --color-red-600
       border: "oklch(0.92 0.004 286.32)", // --color-zinc-200
       input: "oklch(0.92 0.004 286.32)", // --color-zinc-200
-      ring: "oklch(0.871 0.006 286.286)", // --color-zinc-300
+      ring: "oklch(0.705 0.015 286.067)", // --color-zinc-400
       "chart-1": "oklch(0.646 0.222 41.116)", // --color-orange-600
       "chart-2": "oklch(0.6 0.118 184.704)", // --color-teal-600
       "chart-3": "oklch(0.398 0.07 227.392)", // --color-cyan-900
@@ -861,7 +861,7 @@ export const baseColorsV4 = {
       "sidebar-accent": "oklch(0.967 0.001 286.375)", // --color-zinc-100
       "sidebar-accent-foreground": "oklch(0.21 0.006 285.885)", // --color-zinc-900
       "sidebar-border": "oklch(0.92 0.004 286.32)", // --color-zinc-200
-      "sidebar-ring": "oklch(0.871 0.006 286.286)", // --color-zinc-300
+      "sidebar-ring": "oklch(0.705 0.015 286.067)", // --color-zinc-400
     },
     dark: {
       background: "oklch(0.141 0.005 285.823)", // --color-zinc-950
@@ -918,7 +918,7 @@ export const baseColorsV4 = {
       "destructive-foreground": "oklch(0.577 0.245 27.325)", // --color-red-600
       border: "oklch(0.922 0 0)", // --color-neutral-200
       input: "oklch(0.922 0 0)", // --color-neutral-200
-      ring: "oklch(0.87 0 0)", // --color-neutral-300
+      ring: "oklch(0.708 0 0)", // --color-neutral-400
       "chart-1": "oklch(0.646 0.222 41.116)", // --color-orange-600
       "chart-2": "oklch(0.6 0.118 184.704)", // --color-teal-600
       "chart-3": "oklch(0.398 0.07 227.392)", // --color-cyan-900
@@ -932,7 +932,7 @@ export const baseColorsV4 = {
       "sidebar-accent": "oklch(0.97 0 0)", // --color-neutral-100
       "sidebar-accent-foreground": "oklch(0.205 0 0)", // --color-neutral-900
       "sidebar-border": "oklch(0.922 0 0)", // --color-neutral-200
-      "sidebar-ring": "oklch(0.87 0 0)", // --color-neutral-300
+      "sidebar-ring": "oklch(0.708 0 0)", // --color-neutral-400
     },
     dark: {
       background: "oklch(0.145 0 0)", // --color-neutral-950
@@ -989,7 +989,7 @@ export const baseColorsV4 = {
       "destructive-foreground": "oklch(0.577 0.245 27.325)", // --color-red-600
       border: "oklch(0.928 0.006 264.531)", // --color-gray-200
       input: "oklch(0.928 0.006 264.531)", // --color-gray-200
-      ring: "oklch(0.872 0.01 258.338)", // --color-gray-300
+      ring: "oklch(0.707 0.022 261.325)", // --color-gray-400
       "chart-1": "oklch(0.646 0.222 41.116)", // --color-orange-600
       "chart-2": "oklch(0.6 0.118 184.704)", // --color-teal-600
       "chart-3": "oklch(0.398 0.07 227.392)", // --color-cyan-900
@@ -1003,7 +1003,7 @@ export const baseColorsV4 = {
       "sidebar-accent": "oklch(0.967 0.003 264.542)", // --color-gray-100
       "sidebar-accent-foreground": "oklch(0.21 0.034 264.665)", // --color-gray-900
       "sidebar-border": "oklch(0.928 0.006 264.531)", // --color-gray-200
-      "sidebar-ring": "oklch(0.872 0.01 258.338)", // --color-gray-300
+      "sidebar-ring": "oklch(0.707 0.022 261.325)", // --color-gray-400
     },
     dark: {
       background: "oklch(0.13 0.028 261.692)", // --color-gray-950
@@ -1060,7 +1060,7 @@ export const baseColorsV4 = {
       "destructive-foreground": "oklch(0.577 0.245 27.325)", // --color-red-600
       border: "oklch(0.929 0.013 255.508)", // --color-slate-200
       input: "oklch(0.929 0.013 255.508)", // --color-slate-200
-      ring: "oklch(0.869 0.022 252.894)", // --color-slate-300
+      ring: "oklch(0.704 0.04 256.788)", // --color-slate-400
       "chart-1": "oklch(0.646 0.222 41.116)", // --color-orange-600
       "chart-2": "oklch(0.6 0.118 184.704)", // --color-teal-600
       "chart-3": "oklch(0.398 0.07 227.392)", // --color-cyan-900
@@ -1074,7 +1074,7 @@ export const baseColorsV4 = {
       "sidebar-accent": "oklch(0.968 0.007 247.896)", // --color-slate-100
       "sidebar-accent-foreground": "oklch(0.208 0.042 265.755)", // --color-slate-900
       "sidebar-border": "oklch(0.929 0.013 255.508)", // --color-slate-200
-      "sidebar-ring": "oklch(0.869 0.022 252.894)", // --color-slate-300
+      "sidebar-ring": "oklch(0.704 0.04 256.788)", // --color-slate-400
     },
     dark: {
       background: "oklch(0.129 0.042 264.695)", // --color-slate-950