diff --git a/apps/web/app/layout.tsx b/apps/web/app/layout.tsx index ce928e2..6c91944 100644 --- a/apps/web/app/layout.tsx +++ b/apps/web/app/layout.tsx @@ -16,7 +16,7 @@ export default async function RootLayout({ children }: Readonly - + diff --git a/packages/ui/src/globals.css b/packages/ui/src/globals.css index be31070..f7c0d53 100644 --- a/packages/ui/src/globals.css +++ b/packages/ui/src/globals.css @@ -4,6 +4,7 @@ @layer base { :root { + --app-background: 240 4.8% 95.9%; --background: 0 0% 100%; --foreground: 240 10% 3.9%; --card: 0 0% 100%; @@ -32,6 +33,7 @@ } .dark { + --app-background: 240 3.7% 7%; --background: 240 10% 3.9%; --foreground: 0 0% 98%; --card: 240 10% 3.9%; diff --git a/packages/ui/tailwind.config.ts b/packages/ui/tailwind.config.ts index 9821c34..7c11487 100644 --- a/packages/ui/tailwind.config.ts +++ b/packages/ui/tailwind.config.ts @@ -35,6 +35,7 @@ const config = { DEFAULT: 'hsl(var(--accent))', foreground: 'hsl(var(--accent-foreground))', }, + 'app-background': 'hsl(var(--app-background))', background: 'hsl(var(--background))', border: 'hsl(var(--border))', card: {