diff --git a/app/root.tsx b/app/root.tsx
index 674e361..91ae26b 100644
--- a/app/root.tsx
+++ b/app/root.tsx
@@ -7,7 +7,7 @@ export const links: LinksFunction = () => [{ rel: 'stylesheet', href: stylesheet
 
 export function Layout({ children }: PropsWithChildren) {
   return (
-    <html lang="en" className="antialiased dark:bg-gray-950 dark:text-slate-50 h-full">
+    <html lang="en" className="antialiased dark:bg-gray-950 dark:text-slate-50 h-full dark">
       <head>
         <meta charSet="utf-8" />
         <meta name="viewport" content="width=device-width, initial-scale=1" />
diff --git a/tailwind.config.ts b/tailwind.config.ts
index ed1872a..119e0b3 100644
--- a/tailwind.config.ts
+++ b/tailwind.config.ts
@@ -3,6 +3,7 @@ import colors from 'tailwindcss/colors'
 import defaultTheme from 'tailwindcss/defaultTheme'
 
 export default {
+  darkMode: 'selector',
   content: [
     './app/**/*.{js,jsx,ts,tsx}',
 
