diff --git a/src/app.css b/src/app.css
index 414ab1e..af0ce51 100644
--- a/src/app.css
+++ b/src/app.css
@@ -3,7 +3,7 @@
 @import 'tailwindcss/utilities';
 
 :root {
-	@apply text-slate-800;
+	@apply text-base-content;
 }
 
 h1 {
diff --git a/src/routes/+layout.svelte b/src/routes/+layout.svelte
index 1a20558..dd98e86 100644
--- a/src/routes/+layout.svelte
+++ b/src/routes/+layout.svelte
@@ -9,6 +9,6 @@
 
 <style>
 	.layout {
-		@apply h-screen w-screen animate-fade bg-slate-100;
+		@apply h-screen w-screen animate-fade bg-base-100;
 	}
 </style>
\ No newline at end of file