diff --git a/app/(main)/layout.tsx b/app/(main)/layout.tsx
index c8ba248..9df1909 100644
--- a/app/(main)/layout.tsx
+++ b/app/(main)/layout.tsx
@@ -13,7 +13,7 @@ export default async function MainLayout({ children }: DashboardProps) {
 
   return (
     <div className="flex min-h-screen w-full flex-col">
-      <main className="flex min-h-[calc(100vh_-_theme(spacing.16))] flex-1 flex-col gap-4 bg-muted/40 p-4 md:p-10 md:pt-8">
+      <main className="flex min-h-[calc(100vh_-_theme(spacing.16))] flex-1 flex-col gap-4 bg-background p-4 md:p-10 md:pt-8">
         <Header />
         {!session && getEnv("SitePassword") ? <SignIn /> : children}
         <Footer />
diff --git a/styles/globals.css b/styles/globals.css
index f30c773..64de661 100644
--- a/styles/globals.css
+++ b/styles/globals.css
@@ -4,7 +4,7 @@
 
 @layer base {
   :root {
-    --background: 0 0% 100%;
+    --background: 0 0% 98%;
     --foreground: 20 14.3% 4.1%;
     --card: 0 0% 100%;
     --card-foreground: 20 14.3% 4.1%;
@@ -37,7 +37,7 @@
   }
 
   .dark {
-    --background: 20 14.3% 4.1%;
+    --background: 30 15% 8%;
     --foreground: 60 9.1% 97.8%;
     --card: 20 14.3% 4.1%;
     --card-foreground: 60 9.1% 97.8%;