diff --git a/web/app/(app)/(auth)/(components)/login-form.tsx b/web/app/(app)/(auth)/(components)/login-form.tsx
index 42197bb..3bbd8b2 100644
--- a/web/app/(app)/(auth)/(components)/login-form.tsx
+++ b/web/app/(app)/(auth)/(components)/login-form.tsx
@@ -74,7 +74,7 @@ export default function LoginForm() {
                 <Input
                   placeholder='m@example.com'
                   {...field}
-                  className='bg-white'
+                  className='dark:text-white dark:bg-gray-800'
                 />
               </FormControl>
               <FormMessage />
@@ -88,7 +88,11 @@ export default function LoginForm() {
             <FormItem>
               <FormLabel>Password</FormLabel>
               <FormControl>
-                <Input type='password' {...field} className='bg-white' />
+                <Input 
+                  type='password' 
+                  {...field} 
+                  className='dark:text-white dark:bg-gray-800' 
+                />
               </FormControl>
               <FormMessage />
             </FormItem>
diff --git a/web/app/(app)/(auth)/(components)/register-form.tsx b/web/app/(app)/(auth)/(components)/register-form.tsx
index 4c6e1e5..f7cd888 100644
--- a/web/app/(app)/(auth)/(components)/register-form.tsx
+++ b/web/app/(app)/(auth)/(components)/register-form.tsx
@@ -88,7 +88,7 @@ export default function RegisterForm() {
             <FormItem>
               <FormLabel>Full Name</FormLabel>
               <FormControl>
-                <Input placeholder='John Doe' {...field} />
+                <Input placeholder='John Doe' {...field} className='dark:text-white dark:bg-gray-800' />
               </FormControl>
               <FormMessage />
             </FormItem>
@@ -101,7 +101,7 @@ export default function RegisterForm() {
             <FormItem>
               <FormLabel>Email</FormLabel>
               <FormControl>
-                <Input placeholder='m@example.com' {...field} />
+                <Input placeholder='m@example.com' {...field} className='dark:text-white dark:bg-gray-800' />
               </FormControl>
               <FormMessage />
             </FormItem>
@@ -114,7 +114,7 @@ export default function RegisterForm() {
             <FormItem>
               <FormLabel>Password</FormLabel>
               <FormControl>
-                <Input type='password' {...field} />
+                <Input type='password' {...field} className='dark:text-white dark:bg-gray-800' />
               </FormControl>
               <FormMessage />
             </FormItem>
@@ -127,7 +127,7 @@ export default function RegisterForm() {
             <FormItem>
               <FormLabel>Phone (optional)</FormLabel>
               <FormControl>
-                <Input placeholder='+1 (555) 000-0000' {...field} />
+                <Input placeholder='+1 (555) 000-0000' {...field} className='dark:text-white dark:bg-gray-800' />
               </FormControl>
               <FormMessage />
             </FormItem>
diff --git a/web/config/routes.ts b/web/config/routes.ts
index bb78e8f..fe186bf 100644
--- a/web/config/routes.ts
+++ b/web/config/routes.ts
@@ -1,6 +1,8 @@
 export const Routes = {
   landingPage: '/',
   contribute: '/contribute',
+  useCases: '/use-cases',
+  quickstart: '/quickstart',
   login: '/login',
   register: '/register',
   logout: '/logout',