diff --git a/src/layouts/BaseLayout.astro b/src/layouts/BaseLayout.astro
index f8a9b15..b471f19 100644
--- a/src/layouts/BaseLayout.astro
+++ b/src/layouts/BaseLayout.astro
@@ -15,7 +15,7 @@ const { title } = Astro.props;
 		<link rel="manifest" href="/site.webmanifest" />
 		<title>{title}</title>
 	</head>
-	<body class="flex min-h-screen flex-col dark:bg-black">
+	<body class="dark:bg-secondary flex min-h-screen flex-col">
 		<Header />
 		<main class="flex-grow">
 			<slot />
