fix app background

2025-01-27 17:20:34 +03:00 · 2025-01-27 17:20:34 +03:00 · d56fc90e4d
commit d56fc90e4d
parent b621253482
3 changed files with 4 additions and 1 deletions
--- a/apps/web/app/layout.tsx
+++ b/apps/web/app/layout.tsx
@ -16,7 +16,7 @@ export default async function RootLayout({ children }: Readonly<PropsWithChildre

  return (
    <html lang={locale}>
-      <body className="bg-muted dark:bg-zinc-900">
+      <body className="bg-app-background">
        <I18nProvider>
          <ThemeProvider>
            <AuthProvider>
--- 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%;
--- 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: {