From dbc25ce574d37718c954b9fce9f82dffa9e37512 Mon Sep 17 00:00:00 2001 From: ThatOneCalculator <kainoa@t1c.dev> Date: Wed, 19 Apr 2023 21:26:49 -0700 Subject: [PATCH] email styling --- packages/backend/src/services/send-email.ts | 19 +++++++++++-------- 1 file changed, 11 insertions(+), 8 deletions(-) diff --git a/packages/backend/src/services/send-email.ts b/packages/backend/src/services/send-email.ts index 87a0d5e33..4c442a168 100644 --- a/packages/backend/src/services/send-email.ts +++ b/packages/backend/src/services/send-email.ts @@ -39,14 +39,14 @@ export async function sendEmail( to: to, subject: subject, text: text, - html: `<!doctype html> + html: `<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>${subject}</title> <style> html { - background: #eee; + background: #191724; } body { @@ -67,17 +67,19 @@ export async function sendEmail( main { max-width: 500px; margin: 0 auto; - background: #e0def4; - color: #6e6a86; + background: #1f1d2e; + color: #e0def4; } main > header { padding: 32px; background: #31748f; + display: flex; } main > header > img { max-width: 128px; - max-height: 28px; + max-height: 72px; vertical-align: bottom; + margin-right: 16px; } main > article { padding: 32px; @@ -87,7 +89,7 @@ export async function sendEmail( } main > footer { padding: 32px; - border-top: solid 1px #eee; + border-top: solid 1px #26233a; } nav { @@ -97,14 +99,15 @@ export async function sendEmail( padding: 0 32px; } nav > a { - color: #888; + color: #6e6a86; } </style> </head> <body> <main> <header> - <img src="${meta.logoImageUrl || meta.iconUrl || iconUrl}"/> + <img src="${meta.logoImageUrl || meta.iconUrl || iconUrl}" height="100"/> + <h1>${meta.name}</h1> </header> <article> <h1>${subject}</h1>