Daniel/webshop
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

style(css): add centralized oklch color system

Browse Source
This commit is contained in:
DanielS
2026-08-06 17:32:21 +02:00
parent ec264e2680
commit a94f883ab6
2 changed files with 63 additions and 108 deletions
Download Patch File Download Diff File Expand all files Collapse all files

27
shop/tailwind.config.ts
View File

@@ -11,7 +11,23 @@ export default {
theme: {
extend: {
colors: {
background: "hsl(var(--background))",
background: "oklch(var(--oklch-background) / <alpha-value>)",
surface: {
DEFAULT: "oklch(var(--oklch-surface) / <alpha-value>)",
hover: "oklch(var(--oklch-surface-hover) / <alpha-value>)",
},
primary: {
DEFAULT: "oklch(var(--oklch-primary) / <alpha-value>)",
hover: "oklch(var(--oklch-primary-hover) / <alpha-value>)",
foreground: "hsl(var(--primary-foreground))",
},
secondary: {
DEFAULT: "oklch(var(--oklch-secondary) / <alpha-value>)",
foreground: "hsl(var(--secondary-foreground))",
},
"text-main": "oklch(var(--oklch-text-main) / <alpha-value>)",
"text-muted": "oklch(var(--oklch-text-muted) / <alpha-value>)",
border: "oklch(var(--oklch-border) / <alpha-value>)",
foreground: "hsl(var(--foreground))",
card: {
DEFAULT: "hsl(var(--card))",
@@ -21,14 +37,6 @@ export default {
DEFAULT: "hsl(var(--popover))",
foreground: "hsl(var(--popover-foreground))",
},
primary: {
DEFAULT: "hsl(var(--primary))",
foreground: "hsl(var(--primary-foreground))",
},
secondary: {
DEFAULT: "hsl(var(--secondary))",
foreground: "hsl(var(--secondary-foreground))",
},
muted: {
DEFAULT: "hsl(var(--muted))",
foreground: "hsl(var(--muted-foreground))",
@@ -41,7 +49,6 @@ export default {
DEFAULT: "hsl(var(--destructive))",
foreground: "hsl(var(--destructive-foreground))",
},
border: "hsl(var(--border))",
input: "hsl(var(--input))",
ring: "hsl(var(--ring))",
chart: {