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>