From a30692b1acf0800ee647b176f010f49e14ee5740 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Sebastian=20Kr=C3=BCger?= Date: Wed, 11 Mar 2026 10:49:23 +0100 Subject: [PATCH] refactor(email): align templates with frontend design tokens from app.css MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit - @theme now mirrors all :root variables from app.css (background, foreground, card, muted, muted-foreground, border, primary, primary-foreground) - Replaced all zinc-* utilities with semantic token classes (bg-background, bg-card, bg-muted, text-foreground, text-muted-foreground, border-border, etc.) - Added Noto Sans via Google Fonts import (progressive enhancement — skips Tailwind processing via `plain` attribute) - Font family @theme token set to Noto Sans with system-font fallbacks - Button inline styles updated to use hex equivalent of --primary-foreground Co-Authored-By: Claude Sonnet 4.6 --- packages/email/templates/layouts/main.html | 47 ++++++++++++-------- packages/email/templates/password-reset.html | 20 ++++----- packages/email/templates/verification.html | 20 ++++----- 3 files changed, 49 insertions(+), 38 deletions(-) diff --git a/packages/email/templates/layouts/main.html b/packages/email/templates/layouts/main.html index f8f5699..c03a9c5 100644 --- a/packages/email/templates/layouts/main.html +++ b/packages/email/templates/layouts/main.html @@ -9,28 +9,39 @@ {{ page.title || 'sexy.pivoine.art' }} + + + + - + @@ -38,31 +49,31 @@
- + - - + - - diff --git a/packages/email/templates/password-reset.html b/packages/email/templates/password-reset.html index 83ec6a2..fb32e6d 100644 --- a/packages/email/templates/password-reset.html +++ b/packages/email/templates/password-reset.html @@ -5,38 +5,38 @@ previewText: "You requested a password reset. Use the link below to set a new on -

+

Reset your password

-

+

We received a request to reset the password for your account. Click the button below to choose a new one.

- + -

- This link expires in 1 hour. +

+ This link expires in 1 hour. If you did not request a password reset, no action is needed — your account remains secure.

-
+
-

+

Button not working? Copy and paste this link into your browser:

- + {{ url }}

diff --git a/packages/email/templates/verification.html b/packages/email/templates/verification.html index 4ba54eb..5a463ac 100644 --- a/packages/email/templates/verification.html +++ b/packages/email/templates/verification.html @@ -5,37 +5,37 @@ previewText: "Almost there — confirm your email address to activate your accou -

+

Verify your email address

-

+

Thanks for signing up! Click the button below to confirm your email address and activate your account.

- + -

- This link expires in 24 hours. +

+ This link expires in 24 hours.

-
+
-

+

Button not working? Copy and paste this link into your browser:

- + {{ url }}