NeoAnd/evo-ai
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

style(templates): update base email template styles for improved aesthetics

Browse Source
This commit is contained in:
Davidson Gomes 2025-05-12 19:36:43 -03:00
parent a46402fd08
commit fc61fb062e
1 changed files with 16 additions and 16 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

32
src/templates/emails/base_email.html
View File

@ -7,28 +7,28 @@
<style> <style>
body { body {
font-family: "Segoe UI", Arial, sans-serif; font-family: "Segoe UI", Arial, sans-serif;
background-color: #181a20; background-color: #f7f7f7;
color: #f1f1f1; color: #222;
margin: 0; margin: 0;
padding: 0; padding: 0;
} }
.container { .container {
max-width: 480px; max-width: 480px;
margin: 32px auto; margin: 32px auto;
background: #23262f; background: #fff;
border-radius: 12px; border-radius: 12px;
box-shadow: 0 4px 24px rgba(0, 0, 0, 0.25); box-shadow: 0 4px 24px rgba(0, 0, 0, 0.08);
padding: 0; padding: 0;
overflow: hidden; overflow: hidden;
} }
.header { .header {
background: #23262f; background: #f7f7f7;
border-bottom: 1px solid #222; border-bottom: 1px solid #e5e5e5;
padding: 32px 0 16px 0; padding: 32px 0 16px 0;
text-align: center; text-align: center;
} }
.header h1 { .header h1 {
color: #00ff9a; color: #2563eb;
font-size: 2rem; font-size: 2rem;
margin: 0; margin: 0;
letter-spacing: 1px; letter-spacing: 1px;
@ -37,8 +37,8 @@
padding: 32px 24px 24px 24px; padding: 32px 24px 24px 24px;
} }
.button { .button {
background: linear-gradient(90deg, #00ff9a 0%, #00e0ff 100%); background: linear-gradient(90deg, #2563eb 0%, #60a5fa 100%);
color: #181a20 !important; color: #fff !important;
padding: 14px 0; padding: 14px 0;
border-radius: 6px; border-radius: 6px;
text-decoration: none; text-decoration: none;
@ -48,27 +48,27 @@
font-size: 1.1rem; font-size: 1.1rem;
margin: 32px 0 0 0; margin: 32px 0 0 0;
transition: filter 0.2s; transition: filter 0.2s;
box-shadow: 0 2px 8px rgba(0, 255, 154, 0.1); box-shadow: 0 2px 8px rgba(37, 99, 235, 0.08);
} }
.button:hover { .button:hover {
filter: brightness(1.1); filter: brightness(1.08);
} }
.footer { .footer {
font-size: 12px; font-size: 12px;
text-align: center; text-align: center;
color: #888; color: #888;
background: #181a20; background: #f7f7f7;
border-top: 1px solid #222; border-top: 1px solid #e5e5e5;
padding: 20px 0 10px 0; padding: 20px 0 10px 0;
} }
.link { .link {
color: #00ff9a; color: #2563eb;
text-decoration: underline; text-decoration: underline;
word-break: break-all; word-break: break-all;
} }
.warning { .warning {
color: #e74c3c; color: #b91c1c;
background: #2c1b1b; background: #fee2e2;
border-radius: 4px; border-radius: 4px;
padding: 12px; padding: 12px;
margin-top: 20px; margin-top: 20px;