jennie/ghostguild-org
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Style wiki auth screens with guild design system

Browse source 
Add guild-styled HTML templates for OIDC logout confirmation, post-logout
success, and error pages. Update wiki login heading to brand convention
(candlelight + warm-text). Restyle magic link email from blue to guild
colour tokens.
This commit is contained in:
Jennie Robinson Faber 2026-03-04 17:26:48 +00:00
parent 79d3ba0f78
commit bf57f4b33d
3 changed files with 175 additions and 18 deletions
Download patch file Download diff file Expand all files Collapse all files

10
server/routes/oidc/interaction/login.post.ts
View file

@ -54,16 +54,16 @@ export default defineEventHandler(async (event) => {
to: email,
subject: "Sign in to Ghost Guild Wiki",
html: `
<div style="font-family: Arial, sans-serif; max-width: 600px; margin: 0 auto;">
<h2 style="color: #2563eb;">Sign in to the Ghost Guild Wiki</h2>
<p>Click the button below to sign in:</p>
<div style="font-family: Georgia, 'Times New Roman', serif; max-width: 600px; margin: 0 auto; background-color: #2a241c; border-radius: 8px; padding: 32px;">
<h2 style="color: #d09e4e; margin-top: 0;">Sign in to the Ghost Guild Wiki</h2>
<p style="color: #bfb3a2;">Click the button below to sign in:</p>
<div style="text-align: center; margin: 30px 0;">
<a href="${baseUrl}/oidc/interaction/verify?token=${token}"
style="background-color: #2563eb; color: white; padding: 12px 24px; text-decoration: none; border-radius: 6px; display: inline-block;">
style="background-color: #9a6f2c; color: #f0ebe4; padding: 12px 24px; text-decoration: none; border-radius: 6px; display: inline-block; font-weight: 600;">
Sign In
</a>
</div>
<p style="color: #666; font-size: 14px;">
<p style="color: #6b5f4d; font-size: 14px;">
This link expires in 15 minutes. If you didn't request this, you can safely ignore this email.
</p>
</div>