diff --git a/package.json b/package.json
index 58988bf..6c626da 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "my-weekly-todo-list",
-  "version": "1.8.2",
+  "version": "1.8.3",
   "description": "A web-based weekly task management application that organizes to-dos and calendar events in a single, intuitive weekly view",
   "main": "index.js",
   "scripts": {
diff --git a/src/lib/email.ts b/src/lib/email.ts
index fb07831..70da7d3 100644
--- a/src/lib/email.ts
+++ b/src/lib/email.ts
@@ -38,15 +38,15 @@ export async function sendVerificationEmail(
       <meta charset="utf-8">
       <meta name="viewport" content="width=device-width, initial-scale=1.0">
     </head>
-    <body style="margin: 0; padding: 0; background-color: #0a0a0f; font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;">
-      <table width="100%" cellpadding="0" cellspacing="0" style="background-color: #0a0a0f; padding: 40px 20px;">
+    <body style="margin: 0; padding: 0; background-color: #f7f9fc; font-family: 'Inter', 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;">
+      <table width="100%" cellpadding="0" cellspacing="0" style="background-color: #f7f9fc; padding: 40px 20px;">
         <tr>
           <td align="center">
-            <table width="480" cellpadding="0" cellspacing="0" style="background: linear-gradient(135deg, #1a1a2e 0%, #16213e 100%); border-radius: 16px; overflow: hidden; border: 1px solid rgba(255,255,255,0.08);">
+            <table width="480" cellpadding="0" cellspacing="0" style="background: #ffffff; border-radius: 16px; overflow: hidden; border: 1px solid #e2e8f0; box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.05);">
               <!-- Header -->
               <tr>
                 <td style="padding: 32px 40px 16px; text-align: center;">
-                  <h1 style="margin: 0; font-size: 24px; font-weight: 700; background: linear-gradient(135deg, #667eea, #764ba2); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text;">
+                  <h1 style="margin: 0; font-size: 24px; font-weight: 700; color: #1e293b;">
                     My Weekly ToDo's
                   </h1>
                 </td>
@@ -55,21 +55,21 @@ export async function sendVerificationEmail(
               <!-- Body -->
               <tr>
                 <td style="padding: 16px 40px;">
-                  <p style="color: #e0e0e0; font-size: 16px; line-height: 1.6; margin: 0 0 24px;">
+                  <p style="color: #475569; font-size: 16px; line-height: 1.6; margin: 0 0 24px; text-align: center;">
                     Welcome! Please verify your email address to complete your registration.
                   </p>
 
                   <!-- Code Box -->
-                  <div style="background: rgba(102, 126, 234, 0.1); border: 2px dashed rgba(102, 126, 234, 0.3); border-radius: 12px; padding: 24px; text-align: center; margin: 0 0 24px;">
-                    <p style="color: #a0a0b0; font-size: 13px; margin: 0 0 8px; text-transform: uppercase; letter-spacing: 1px;">
+                  <div style="background: #f8fafc; border: 2px dashed #cbd5e1; border-radius: 12px; padding: 24px; text-align: center; margin: 0 0 24px;">
+                    <p style="color: #64748b; font-size: 12px; font-weight: 600; margin: 0 0 8px; text-transform: uppercase; letter-spacing: 1px;">
                       Your verification code
                     </p>
-                    <p style="color: #667eea; font-size: 36px; font-weight: 700; letter-spacing: 8px; margin: 0; font-family: 'Courier New', monospace;">
+                    <p style="color: #0ea5e9; font-size: 40px; font-weight: 800; letter-spacing: 6px; margin: 0; font-family: 'Courier New', monospace;">
                       ${code}
                     </p>
                   </div>
 
-                  <p style="color: #a0a0b0; font-size: 14px; text-align: center; margin: 0 0 24px;">
+                  <p style="color: #64748b; font-size: 14px; text-align: center; margin: 0 0 24px;">
                     Or click the button below to verify instantly:
                   </p>
 
@@ -77,14 +77,14 @@ export async function sendVerificationEmail(
                   <table width="100%" cellpadding="0" cellspacing="0">
                     <tr>
                       <td align="center" style="padding: 0 0 24px;">
-                        <a href="${verifyLink}" style="display: inline-block; background: linear-gradient(135deg, #667eea, #764ba2); color: #ffffff; text-decoration: none; padding: 14px 40px; border-radius: 8px; font-size: 16px; font-weight: 600; letter-spacing: 0.5px;">
+                        <a href="${verifyLink}" style="display: inline-block; background-color: #0ea5e9; color: #ffffff; text-decoration: none; padding: 14px 40px; border-radius: 8px; font-size: 16px; font-weight: 600; box-shadow: 0 2px 4px rgba(14, 165, 233, 0.2);">
                           ✓ Verify Email
                         </a>
                       </td>
                     </tr>
                   </table>
 
-                  <p style="color: #606070; font-size: 12px; text-align: center; margin: 0;">
+                  <p style="color: #94a3b8; font-size: 12px; text-align: center; margin: 0;">
                     This code expires in 15 minutes. If you didn't create an account, you can safely ignore this email.
                   </p>
                 </td>
@@ -92,8 +92,8 @@ export async function sendVerificationEmail(
 
               <!-- Footer -->
               <tr>
-                <td style="padding: 24px 40px; border-top: 1px solid rgba(255,255,255,0.05);">
-                  <p style="color: #404050; font-size: 12px; text-align: center; margin: 0;">
+                <td style="padding: 24px 40px; border-top: 1px solid #f1f5f9; background-color: #fafafa;">
+                  <p style="color: #94a3b8; font-size: 12px; text-align: center; margin: 0;">
                     Simple. Beautiful. Yours.
                   </p>
                 </td>
