mARTin-B78/My-Weekly-ToDo-List
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

style(email): replace dark mode template with bright, clean aesthetic

Browse Source 
chore(release): bump version to 1.8.3
This commit is contained in:
mARTin 2026-03-01 14:56:31 +01:00
parent 74eec23443
commit 87cf48e6fd
2 changed files with 14 additions and 14 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
package.json
View File

@ -1,6 +1,6 @@
{ {
"name": "my-weekly-todo-list", "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", "description": "A web-based weekly task management application that organizes to-dos and calendar events in a single, intuitive weekly view",
"main": "index.js", "main": "index.js",
"scripts": { "scripts": {

26
src/lib/email.ts
View File

@ -38,15 +38,15 @@ export async function sendVerificationEmail(
<meta charset="utf-8"> <meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="viewport" content="width=device-width, initial-scale=1.0">
</head> </head>
<body style="margin: 0; padding: 0; background-color: #0a0a0f; font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;"> <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: #0a0a0f; padding: 40px 20px;"> <table width="100%" cellpadding="0" cellspacing="0" style="background-color: #f7f9fc; padding: 40px 20px;">
<tr> <tr>
<td align="center"> <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 --> <!-- Header -->
<tr> <tr>
<td style="padding: 32px 40px 16px; text-align: center;"> <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 My Weekly ToDo's
</h1> </h1>
</td> </td>
@ -55,21 +55,21 @@ export async function sendVerificationEmail(
<!-- Body --> <!-- Body -->
<tr> <tr>
<td style="padding: 16px 40px;"> <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. Welcome! Please verify your email address to complete your registration.
</p> </p>
<!-- Code Box --> <!-- 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;"> <div style="background: #f8fafc; border: 2px dashed #cbd5e1; 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;"> <p style="color: #64748b; font-size: 12px; font-weight: 600; margin: 0 0 8px; text-transform: uppercase; letter-spacing: 1px;">
Your verification code Your verification code
</p> </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} ${code}
</p> </p>
</div> </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: Or click the button below to verify instantly:
</p> </p>
@ -77,14 +77,14 @@ export async function sendVerificationEmail(
<table width="100%" cellpadding="0" cellspacing="0"> <table width="100%" cellpadding="0" cellspacing="0">
<tr> <tr>
<td align="center" style="padding: 0 0 24px;"> <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 ✓ Verify Email
</a> </a>
</td> </td>
</tr> </tr>
</table> </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. This code expires in 15 minutes. If you didn't create an account, you can safely ignore this email.
</p> </p>
</td> </td>
@ -92,8 +92,8 @@ export async function sendVerificationEmail(
<!-- Footer --> <!-- Footer -->
<tr> <tr>
<td style="padding: 24px 40px; border-top: 1px solid rgba(255,255,255,0.05);"> <td style="padding: 24px 40px; border-top: 1px solid #f1f5f9; background-color: #fafafa;">
<p style="color: #404050; font-size: 12px; text-align: center; margin: 0;"> <p style="color: #94a3b8; font-size: 12px; text-align: center; margin: 0;">
Simple. Beautiful. Yours. Simple. Beautiful. Yours.
</p> </p>
</td> </td>