diff --git a/apps/web/app/layout.tsx b/apps/web/app/layout.tsx
index 9b4553a8..3a2af064 100644
--- a/apps/web/app/layout.tsx
+++ b/apps/web/app/layout.tsx
@@ -47,6 +47,7 @@ export default function RootLayout({
 					defaultTheme="dark"
 					enableSystem={false}
 					disableTransitionOnChange
+					forcedTheme="dark"
 				>
 					<AutumnProvider
 						backendUrl={
diff --git a/packages/ui/biome.json b/packages/ui/biome.json
index 0ccc8276..30e8598f 100644
--- a/packages/ui/biome.json
+++ b/packages/ui/biome.json
@@ -1,4 +1,5 @@
 {
 	"root": false,
+	"extends": "//",
 	"$schema": "https://biomejs.dev/schemas/2.2.2/schema.json"
 }
diff --git a/packages/ui/globals.css b/packages/ui/globals.css
index d92fd10f..d312a1eb 100644
--- a/packages/ui/globals.css
+++ b/packages/ui/globals.css
@@ -1,6 +1,8 @@
 @import "tailwindcss";
 @import "tw-animate-css";
 
+@custom-variant dark (&:where(.dark, .dark *));
+
 @source "../../apps/**/*.tsx";
 @source "../../packages/**/*.tsx";