diff --git a/src/pages/Index.tsx b/src/pages/Index.tsx
index 52ea22c..874cc7e 100644
--- a/src/pages/Index.tsx
+++ b/src/pages/Index.tsx
@@ -2,10 +2,14 @@
 
 const Index = () => {
   return (
-    <div className="min-h-screen flex items-center justify-center bg-gray-100">
+    <div className="min-h-screen flex items-center justify-center bg-gray-100 dark:bg-gray-900">
       <div className="text-center">
-        <h1 className="text-4xl font-bold mb-4">Welcome to Your Blank App</h1>
-        <p className="text-xl text-gray-600">Start building your amazing project here!</p>
+        <h1 className="text-4xl font-bold mb-4 text-gray-900 dark:text-gray-100">
+          Welcome to Your Blank App
+        </h1>
+        <p className="text-xl text-gray-600 dark:text-gray-400">
+          Start building your amazing project here!
+        </p>
       </div>
     </div>
   );