Update globals.css

This commit is contained in:
MacRimi
2025-10-01 18:04:38 +02:00
parent d6671de842
commit e7214ad8df

View File

@@ -1,5 +1,5 @@
@import "tailwindcss"; @import "tailwindcss";
/* Removed invalid @import "tw-animate-css" that was causing build errors */ @import "tw-animate-css";
@custom-variant dark (&:is(.dark *)); @custom-variant dark (&:is(.dark *));
@@ -75,6 +75,7 @@
} }
@theme inline { @theme inline {
/* optional: --font-sans, --font-serif, --font-mono if they are applied in the layout.tsx */
--color-background: var(--background); --color-background: var(--background);
--color-foreground: var(--foreground); --color-foreground: var(--foreground);
--color-card: var(--card); --color-card: var(--card);
@@ -113,13 +114,11 @@
--color-sidebar-ring: var(--sidebar-ring); --color-sidebar-ring: var(--sidebar-ring);
} }
/* Removed @layer base and applied styles directly for Tailwind CSS v4 compatibility */ @layer base {
* { * {
border-color: var(--border); @apply border-border outline-ring/50;
outline-color: color-mix(in oklch, var(--ring) 50%, transparent);
} }
body { body {
background-color: var(--background); @apply bg-background text-foreground;
color: var(--foreground); }
} }