rayan/shadcn-ui
1
0
Fork 0
mirror of https://github.com/shadcn-ui/ui.git synced 2026-06-29 23:55:02 +00:00
Code Issues Packages Projects Releases Wiki Activity

feat(v4): update default ring colors

Browse Source
This commit is contained in:
shadcn
2025-02-28 13:28:17 +04:00
parent fed2bac1d9
commit 984cb2a1ea
7 changed files with 25 additions and 25 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
apps/v4/app/globals.css
View File

@@ -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);

4
apps/www/public/r/colors/gray.json
View File

@@ -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)",

4
apps/www/public/r/colors/neutral.json
View File

@@ -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)",

4
apps/www/public/r/colors/slate.json
View File

@@ -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)",

4
apps/www/public/r/colors/stone.json
View File

@@ -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)",

4
apps/www/public/r/colors/zinc.json
View File

@@ -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)",

20
apps/www/registry/registry-base-colors.ts
View File

@@ -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