diff --git a/apps/web/app/layout.tsx b/apps/web/app/layout.tsx
index 9b4553a80..3a2af0649 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 0ccc82763..30e8598f2 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 d92fd10f2..d312a1ebd 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";