diff --git a/package.json b/package.json index 5fcba9f..a2a4c51 100644 --- a/package.json +++ b/package.json @@ -19,6 +19,10 @@ { "name": "alpha", "prerelease": true + }, + { + "name": "newcolors", + "prerelease": true } ] }, diff --git a/src/tokens.css b/src/tokens.css index 4af40c9..ebd79d4 100644 --- a/src/tokens.css +++ b/src/tokens.css @@ -1,63 +1,54 @@ :root { - color-scheme: light; --background: 0 0% 100%; - --foreground: 240 10% 3.9%; - + --foreground: 20 14.3% 4.1%; --card: 0 0% 100%; - --card-foreground: 240 10% 3.9%; - + --card-foreground: 20 14.3% 4.1%; --popover: 0 0% 100%; - --popover-foreground: 240 10% 3.9%; - - --primary: 240 5.9% 10%; - --primary-foreground: 0 0% 98%; - - --secondary: 240 4.8% 95.9%; - --secondary-foreground: 240 5.9% 10%; - - --muted: 240 4.8% 95.9%; - --muted-foreground: 240 3.8% 46.1%; - - --accent: 240 4.8% 95.9%; - --accent-foreground: 240 5.9% 10%; - - --destructive: 0 72.22% 50.59%; - --destructive-foreground: 0 0% 98%; - - --border: 240 5.9% 88%; - --input: 240 5.9% 88%; - --ring: 240 10% 3.9%; - - --radius: 0.5rem; + --popover-foreground: 20 14.3% 4.1%; + --primary: 24 9.8% 10%; + --primary-foreground: 60 9.1% 97.8%; + --secondary: 60 4.8% 95.9%; + --secondary-foreground: 24 9.8% 10%; + --muted: 60 4.8% 95.9%; + --muted-foreground: 25 5.3% 44.7%; + --accent: 60 4.8% 95.9%; + --accent-foreground: 24 9.8% 10%; + --destructive: 0 84.2% 60.2%; + --destructive-foreground: 60 9.1% 97.8%; + --border: 20 5.9% 90%; + --input: 20 5.9% 90%; + --ring: 20 14.3% 4.1%; + --radius: 0.3rem; + --chart-1: 12 76% 61%; + --chart-2: 173 58% 39%; + --chart-3: 197 37% 24%; + --chart-4: 43 74% 66%; + --chart-5: 27 87% 67%; } :root [data-theme="dark"] { - color-scheme: dark; - --background: 240 10% 3.9%; - --foreground: 0 0% 98%; - - --card: var(--background); - --card-foreground: var(--foreground); - - --popover: var(--background); - --popover-foreground: var(--foreground); - - --primary: var(--foreground); - --primary-foreground: 240 5.9% 10%; - - --secondary: 240 3.7% 15.9%; - --secondary-foreground: var(--foreground); - - --muted: var(--secondary); - --muted-foreground: 240 5% 64.9%; - - --accent: var(--secondary); - --accent-foreground: var(--foreground); - - --destructive: 0 84% 60%; - --destructive-foreground: 240 10% 3.9%; - - --border: 240 3.7% 16.9%; - --input: 240 3.7% 26.9%; - --ring: 240 4.9% 83.9%; + --background: 20 14.3% 4.1%; + --foreground: 60 9.1% 97.8%; + --card: 20 14.3% 4.1%; + --card-foreground: 60 9.1% 97.8%; + --popover: 20 14.3% 4.1%; + --popover-foreground: 60 9.1% 97.8%; + --primary: 60 9.1% 97.8%; + --primary-foreground: 24 9.8% 10%; + --secondary: 12 6.5% 15.1%; + --secondary-foreground: 60 9.1% 97.8%; + --muted: 12 6.5% 15.1%; + --muted-foreground: 24 5.4% 63.9%; + --accent: 12 6.5% 15.1%; + --accent-foreground: 60 9.1% 97.8%; + --destructive: 0 62.8% 30.6%; + --destructive-foreground: 60 9.1% 97.8%; + --border: 12 6.5% 15.1%; + --input: 12 6.5% 15.1%; + --ring: 24 5.7% 82.9%; + --chart-1: 220 70% 50%; + --chart-2: 160 60% 45%; + --chart-3: 30 80% 55%; + --chart-4: 280 65% 60%; + --chart-5: 340 75% 55%; }