From d9e6873f497585591ce2b6a99381947d2c06b3a9 Mon Sep 17 00:00:00 2001
From: KenanZhu <3471685733@qq.com>
Date: Wed, 3 Jun 2026 20:34:32 +0800
Subject: [PATCH] fix(aurora): add card-body CSS to prevent dark text/links on
 dark background
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Aurora is a dark theme (bg #0a0815, card rgba(25,20,50,0.8)) but raw HTML
elements like h2/h4/li/a inside the card had no inline color — rendering
as browser-default black text and blue links, unreadable on dark backgrounds.

Fix: add .card-body CSS rules to all 11 Aurora templates covering h1-h6,
links, and li elements. Also add .aurora-content wrapper for user-generated
HTML (Release.RenderedNote, .Body, .RenderedContent) with full color
coverage for code, pre, blockquote, hr, img.

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
---
 themes/aurora/mail/org/team_invite.tmpl          |  6 +++++-
 .../aurora/mail/repo/actions/workflow_run.tmpl   |  6 +++++-
 themes/aurora/mail/repo/collaborator.tmpl        |  6 +++++-
 themes/aurora/mail/repo/issue/assigned.tmpl      |  6 +++++-
 themes/aurora/mail/repo/issue/default.tmpl       | 16 ++++++++++++++--
 themes/aurora/mail/repo/release.tmpl             | 16 ++++++++++++++--
 themes/aurora/mail/repo/transfer.tmpl            |  6 +++++-
 themes/aurora/mail/user/auth/activate.tmpl       |  6 +++++-
 themes/aurora/mail/user/auth/activate_email.tmpl |  6 +++++-
 .../aurora/mail/user/auth/register_notify.tmpl   |  6 +++++-
 themes/aurora/mail/user/auth/reset_passwd.tmpl   |  6 +++++-
 11 files changed, 73 insertions(+), 13 deletions(-)

diff --git a/themes/aurora/mail/org/team_invite.tmpl b/themes/aurora/mail/org/team_invite.tmpl
index 4920392..ae38ac6 100644
--- a/themes/aurora/mail/org/team_invite.tmpl
+++ b/themes/aurora/mail/org/team_invite.tmpl
@@ -7,6 +7,10 @@
   <title>{{AppName}} - Team Invitation</title>
   <style type="text/css">
     body,.ExternalClass,.ReadMsgBody{background-color:#0a0815}
+    .card-body h1,.card-body h2,.card-body h3,.card-body h4,.card-body h5,.card-body h6{color:#ccfbf1!important}
+    .card-body a,.card-body a:link,.card-body a:visited{color:#5eead4!important;text-decoration:underline!important}
+    .card-body a:hover,.card-body a:active{color:#99f6e4!important}
+    .card-body li{color:rgba(210,252,245,0.88)!important}
     @media only screen and (max-width:480px){
       .resp-card{padding:32px 20px!important}
       .resp-spacer{padding:24px 20px!important}
@@ -23,7 +27,7 @@
         <span style="font-size:16px;font-weight:300;color:rgba(255,255,255,0.4);letter-spacing:4px;text-transform:uppercase;">{{AppName}}</span>
       </td></tr>
       <!-- card -->
-      <tr><td class="resp-card" style="padding:48px 40px;background:rgba(25,20,50,0.8);border:1px solid rgba(13,148,136,0.2);box-shadow:0 0 60px rgba(13,148,136,0.08),0 0 120px rgba(99,102,241,0.04);">
+      <tr><td class="resp-card card-body" style="padding:48px 40px;background:rgba(25,20,50,0.8);border:1px solid rgba(13,148,136,0.2);box-shadow:0 0 60px rgba(13,148,136,0.08),0 0 120px rgba(99,102,241,0.04);">
         <p class="resp-heading" style="margin:0 0 20px;font-size:24px;font-weight:300;color:#ccfbf1;line-height:1.3;letter-spacing:-0.5px;">{{.locale.Tr "mail.hi_user_x" .Invite.Email}}</p>
         <p style="margin:0 0 24px;font-size:14px;line-height:2;color:rgba(210,252,245,0.88);font-weight:300;">{{.locale.Tr "mail.team_invite.text_1" (DotEscape .Inviter.DisplayName) (DotEscape .Team.Name) (DotEscape .Organization.DisplayName)}}</p>
         <p style="margin:0;font-size:13px;line-height:1.8;color:rgba(180,195,215,0.95);font-weight:300;">{{.locale.Tr "mail.team_invite.text_2"}}</p>
diff --git a/themes/aurora/mail/repo/actions/workflow_run.tmpl b/themes/aurora/mail/repo/actions/workflow_run.tmpl
index f2cb5f2..4ac95f6 100644
--- a/themes/aurora/mail/repo/actions/workflow_run.tmpl
+++ b/themes/aurora/mail/repo/actions/workflow_run.tmpl
@@ -7,6 +7,10 @@
   <title>{{.Subject}}</title>
   <style type="text/css">
     body,.ExternalClass,.ReadMsgBody{background-color:#0a0815}
+    .card-body h1,.card-body h2,.card-body h3,.card-body h4,.card-body h5,.card-body h6{color:#ccfbf1!important}
+    .card-body a,.card-body a:link,.card-body a:visited{color:#5eead4!important;text-decoration:underline!important}
+    .card-body a:hover,.card-body a:active{color:#99f6e4!important}
+    .card-body li{color:rgba(210,252,245,0.88)!important}
     @media only screen and (max-width:480px){
       .resp-card{padding:32px 20px!important}
       .resp-spacer{padding:24px 20px!important}
@@ -23,7 +27,7 @@
         <span style="font-size:16px;font-weight:300;color:rgba(255,255,255,0.4);letter-spacing:4px;text-transform:uppercase;">{{AppName}}</span>
       </td></tr>
       <!-- card -->
-      <tr><td class="resp-card" style="padding:48px 40px;background:rgba(25,20,50,0.8);border:1px solid rgba(13,148,136,0.2);box-shadow:0 0 60px rgba(13,148,136,0.08),0 0 120px rgba(99,102,241,0.04);">
+      <tr><td class="resp-card card-body" style="padding:48px 40px;background:rgba(25,20,50,0.8);border:1px solid rgba(13,148,136,0.2);box-shadow:0 0 60px rgba(13,148,136,0.08),0 0 120px rgba(99,102,241,0.04);">
         <p class="resp-heading" style="margin:0 0 20px;font-size:24px;font-weight:300;color:#ccfbf1;line-height:1.3;letter-spacing:-0.5px;"></p>
         <p style="margin:0 0 24px;font-size:14px;line-height:2;color:rgba(210,252,245,0.88);font-weight:300;"><h2>{{.Repo.FullName}} - {{.Run.WorkflowID}}: {{.RunStatusText}}</h2><ul>{{range $job := .Jobs}}<li><a href="{{$job.HTMLURL}}">{{$job.Status}}: {{$job.Name}}{{if gt $job.Attempt 1}} (retry #{{$job.Attempt}}){{end}} - {{$job.Duration}}</a></li>{{end}}</ul></p>
         <p style="margin:0;font-size:13px;line-height:1.8;color:rgba(180,195,215,0.95);font-weight:300;"></p>
diff --git a/themes/aurora/mail/repo/collaborator.tmpl b/themes/aurora/mail/repo/collaborator.tmpl
index 5939605..c236dd1 100644
--- a/themes/aurora/mail/repo/collaborator.tmpl
+++ b/themes/aurora/mail/repo/collaborator.tmpl
@@ -7,6 +7,10 @@
   <title>{{.Subject}}</title>
   <style type="text/css">
     body,.ExternalClass,.ReadMsgBody{background-color:#0a0815}
+    .card-body h1,.card-body h2,.card-body h3,.card-body h4,.card-body h5,.card-body h6{color:#ccfbf1!important}
+    .card-body a,.card-body a:link,.card-body a:visited{color:#5eead4!important;text-decoration:underline!important}
+    .card-body a:hover,.card-body a:active{color:#99f6e4!important}
+    .card-body li{color:rgba(210,252,245,0.88)!important}
     @media only screen and (max-width:480px){
       .resp-card{padding:32px 20px!important}
       .resp-spacer{padding:24px 20px!important}
@@ -23,7 +27,7 @@
         <span style="font-size:16px;font-weight:300;color:rgba(255,255,255,0.4);letter-spacing:4px;text-transform:uppercase;">{{AppName}}</span>
       </td></tr>
       <!-- card -->
-      <tr><td class="resp-card" style="padding:48px 40px;background:rgba(25,20,50,0.8);border:1px solid rgba(13,148,136,0.2);box-shadow:0 0 60px rgba(13,148,136,0.08),0 0 120px rgba(99,102,241,0.04);">
+      <tr><td class="resp-card card-body" style="padding:48px 40px;background:rgba(25,20,50,0.8);border:1px solid rgba(13,148,136,0.2);box-shadow:0 0 60px rgba(13,148,136,0.08),0 0 120px rgba(99,102,241,0.04);">
         <p class="resp-heading" style="margin:0 0 20px;font-size:24px;font-weight:300;color:#ccfbf1;line-height:1.3;letter-spacing:-0.5px;"></p>
         <p style="margin:0 0 24px;font-size:14px;line-height:2;color:rgba(210,252,245,0.88);font-weight:300;">{{.locale.Tr "mail.repo.collaborator.added.text"}} <code>{{.RepoName}}</code>.</p>
         <p style="margin:0;font-size:13px;line-height:1.8;color:rgba(180,195,215,0.95);font-weight:300;"></p>
diff --git a/themes/aurora/mail/repo/issue/assigned.tmpl b/themes/aurora/mail/repo/issue/assigned.tmpl
index 540fe3b..ddb9669 100644
--- a/themes/aurora/mail/repo/issue/assigned.tmpl
+++ b/themes/aurora/mail/repo/issue/assigned.tmpl
@@ -7,6 +7,10 @@
   <title>{{.Subject}}</title>
   <style type="text/css">
     body,.ExternalClass,.ReadMsgBody{background-color:#0a0815}
+    .card-body h1,.card-body h2,.card-body h3,.card-body h4,.card-body h5,.card-body h6{color:#ccfbf1!important}
+    .card-body a,.card-body a:link,.card-body a:visited{color:#5eead4!important;text-decoration:underline!important}
+    .card-body a:hover,.card-body a:active{color:#99f6e4!important}
+    .card-body li{color:rgba(210,252,245,0.88)!important}
     @media only screen and (max-width:480px){
       .resp-card{padding:32px 20px!important}
       .resp-spacer{padding:24px 20px!important}
@@ -23,7 +27,7 @@
         <span style="font-size:16px;font-weight:300;color:rgba(255,255,255,0.4);letter-spacing:4px;text-transform:uppercase;">{{AppName}}</span>
       </td></tr>
       <!-- card -->
-      <tr><td class="resp-card" style="padding:48px 40px;background:rgba(25,20,50,0.8);border:1px solid rgba(13,148,136,0.2);box-shadow:0 0 60px rgba(13,148,136,0.08),0 0 120px rgba(99,102,241,0.04);">
+      <tr><td class="resp-card card-body" style="padding:48px 40px;background:rgba(25,20,50,0.8);border:1px solid rgba(13,148,136,0.2);box-shadow:0 0 60px rgba(13,148,136,0.08),0 0 120px rgba(99,102,241,0.04);">
         <p class="resp-heading" style="margin:0 0 20px;font-size:24px;font-weight:300;color:#ccfbf1;line-height:1.3;letter-spacing:-0.5px;"></p>
         <p style="margin:0 0 24px;font-size:14px;line-height:2;color:rgba(210,252,245,0.88);font-weight:300;">{{$repo_url := HTMLFormat "<a href=\047%s\047>%s</a>" .Issue.Repo.HTMLURL .Issue.Repo.FullName}}{{$link := HTMLFormat "<a href=\047%s\047>#%d</a>" .Link .Issue.Index}}{{if .IsPull}}{{.locale.Tr "mail.issue_assigned.pull" .Doer.Name $link $repo_url}}{{else}}{{.locale.Tr "mail.issue_assigned.issue" .Doer.Name $link $repo_url}}{{end}}</p>
         <p style="margin:0;font-size:13px;line-height:1.8;color:rgba(180,195,215,0.95);font-weight:300;"></p>
diff --git a/themes/aurora/mail/repo/issue/default.tmpl b/themes/aurora/mail/repo/issue/default.tmpl
index 132d254..195ae73 100644
--- a/themes/aurora/mail/repo/issue/default.tmpl
+++ b/themes/aurora/mail/repo/issue/default.tmpl
@@ -8,6 +8,18 @@
   <style type="text/css">
     body,.ExternalClass,.ReadMsgBody{background-color:#0a0815}
     blockquote { padding-left: 1em; margin: 1em 0; border-left: 1px solid rgba(139,92,246,0.5); color: rgba(255,255,255,0.6) }
+    .card-body h1,.card-body h2,.card-body h3,.card-body h4,.card-body h5,.card-body h6{color:#ccfbf1!important}
+    .card-body a,.card-body a:link,.card-body a:visited{color:#5eead4!important;text-decoration:underline!important}
+    .card-body a:hover,.card-body a:active{color:#99f6e4!important}
+    .card-body li{color:rgba(210,252,245,0.88)!important}
+    .aurora-content,.aurora-content *{color:rgba(210,252,245,0.88)!important}
+    .aurora-content a,.aurora-content a:link,.aurora-content a:visited{color:#5eead4!important;text-decoration:underline!important}
+    .aurora-content a:hover,.aurora-content a:active{color:#99f6e4!important}
+    .aurora-content code,.aurora-content pre{color:#99f6e4!important;background:rgba(0,0,0,0.3)!important;border-color:rgba(13,148,136,0.2)!important}
+    .aurora-content blockquote{color:rgba(255,255,255,0.6)!important}
+    .aurora-content h1,.aurora-content h2,.aurora-content h3,.aurora-content h4,.aurora-content h5,.aurora-content h6{color:#ccfbf1!important}
+    .aurora-content hr{border-color:rgba(13,148,136,0.3)!important}
+    .aurora-content img{border:0;max-width:100%!important}
     @media only screen and (max-width:480px){
       .resp-card{padding:32px 20px!important}
       .resp-spacer{padding:24px 20px!important}
@@ -24,9 +36,9 @@
         <span style="font-size:16px;font-weight:300;color:rgba(255,255,255,0.4);letter-spacing:4px;text-transform:uppercase;">{{AppName}}</span>
       </td></tr>
       <!-- card -->
-      <tr><td class="resp-card" style="padding:48px 40px;background:rgba(25,20,50,0.8);border:1px solid rgba(13,148,136,0.2);box-shadow:0 0 60px rgba(13,148,136,0.08),0 0 120px rgba(99,102,241,0.04);">
+      <tr><td class="resp-card card-body" style="padding:48px 40px;background:rgba(25,20,50,0.8);border:1px solid rgba(13,148,136,0.2);box-shadow:0 0 60px rgba(13,148,136,0.08),0 0 120px rgba(99,102,241,0.04);">
         <p class="resp-heading" style="margin:0 0 20px;font-size:24px;font-weight:300;color:#ccfbf1;line-height:1.3;letter-spacing:-0.5px;"></p>
-        <p style="margin:0 0 24px;font-size:14px;line-height:2;color:rgba(210,252,245,0.88);font-weight:300;">{{if .IsMention}}<p>{{.locale.Tr "mail.issue.x_mentioned_you" .Doer.Name}}</p>{{end}}{{if eq .ActionName "push"}}<p>{{if .Comment.IsForcePush}}{{$oldCommitUrl := printf "%s/commit/%s" .Comment.Issue.PullRequest.BaseRepo.HTMLURL .Comment.OldCommit}}{{$oldShortSha := ShortSha .Comment.OldCommit}}{{$oldCommitLink := HTMLFormat "<a href=\047%[1]s\047>%[2]s</a>" $oldCommitUrl $oldShortSha}}{{$newCommitUrl := printf "%s/commit/%s" .Comment.Issue.PullRequest.BaseRepo.HTMLURL .Comment.NewCommit}}{{$newShortSha := ShortSha .Comment.NewCommit}}{{$newCommitLink := HTMLFormat "<a href=\047%[1]s\047>%[2]s</a>" $newCommitUrl $newShortSha}}{{.locale.Tr "mail.issue.action.force_push" .Doer.Name .Comment.Issue.PullRequest.HeadBranch $oldCommitLink $newCommitLink}}{{else}}{{.locale.TrN (len .Comment.Commits) "mail.issue.action.push_1" "mail.issue.action.push_n" .Doer.Name .Comment.Issue.PullRequest.HeadBranch (len .Comment.Commits)}}{{end}}</p>{{end}}<p>{{if eq .ActionName "close"}}{{.locale.Tr "mail.issue.action.close" .Doer.Name .Issue.Index}}{{else if eq .ActionName "reopen"}}{{.locale.Tr "mail.issue.action.reopen" .Doer.Name .Issue.Index}}{{else if eq .ActionName "merge"}}{{.locale.Tr "mail.issue.action.merge" .Doer.Name .Issue.Index .Issue.PullRequest.BaseBranch}}{{else if eq .ActionName "approve"}}{{.locale.Tr "mail.issue.action.approve" .Doer.Name}}{{else if eq .ActionName "reject"}}{{.locale.Tr "mail.issue.action.reject" .Doer.Name}}{{else if eq .ActionName "review"}}{{.locale.Tr "mail.issue.action.review" .Doer.Name}}{{else if eq .ActionName "review_dismissed"}}{{.locale.Tr "mail.issue.action.review_dismissed" .Doer.Name .Comment.Review.Reviewer.Name}}{{else if eq .ActionName "ready_for_review"}}{{.locale.Tr "mail.issue.action.ready_for_review" .Doer.Name}}{{end}}{{- if eq .Body ""}}{{if eq .ActionName "new"}}{{.locale.Tr "mail.issue.action.new" .Doer.Name .Issue.Index}}{{end}}{{else}}{{.Body}}{{end -}}{{if .CanReply}}&nbsp;{{.locale.Tr "mail.reply"}}{{end}}</p>{{- range .ReviewComments}}<hr><p>{{$.locale.Tr "mail.issue.in_tree_path" .TreePath}}</p><pre>{{.Patch}}</pre><div>{{.RenderedContent}}</div>{{end -}}{{if eq .ActionName "push"}}<ul>{{range .Comment.Commits}}<li><a href="{{$.Comment.Issue.PullRequest.BaseRepo.HTMLURL}}/commit/{{.ID}}">{{ShortSha .ID.String}}</a> - {{.MessageTitle}}</li>{{end}}</ul>{{end}}</p>
+        <p style="margin:0 0 24px;font-size:14px;line-height:2;color:rgba(210,252,245,0.88);font-weight:300;">{{if .IsMention}}<p>{{.locale.Tr "mail.issue.x_mentioned_you" .Doer.Name}}</p>{{end}}{{if eq .ActionName "push"}}<p>{{if .Comment.IsForcePush}}{{$oldCommitUrl := printf "%s/commit/%s" .Comment.Issue.PullRequest.BaseRepo.HTMLURL .Comment.OldCommit}}{{$oldShortSha := ShortSha .Comment.OldCommit}}{{$oldCommitLink := HTMLFormat "<a href=\047%[1]s\047>%[2]s</a>" $oldCommitUrl $oldShortSha}}{{$newCommitUrl := printf "%s/commit/%s" .Comment.Issue.PullRequest.BaseRepo.HTMLURL .Comment.NewCommit}}{{$newShortSha := ShortSha .Comment.NewCommit}}{{$newCommitLink := HTMLFormat "<a href=\047%[1]s\047>%[2]s</a>" $newCommitUrl $newShortSha}}{{.locale.Tr "mail.issue.action.force_push" .Doer.Name .Comment.Issue.PullRequest.HeadBranch $oldCommitLink $newCommitLink}}{{else}}{{.locale.TrN (len .Comment.Commits) "mail.issue.action.push_1" "mail.issue.action.push_n" .Doer.Name .Comment.Issue.PullRequest.HeadBranch (len .Comment.Commits)}}{{end}}</p>{{end}}<p>{{if eq .ActionName "close"}}{{.locale.Tr "mail.issue.action.close" .Doer.Name .Issue.Index}}{{else if eq .ActionName "reopen"}}{{.locale.Tr "mail.issue.action.reopen" .Doer.Name .Issue.Index}}{{else if eq .ActionName "merge"}}{{.locale.Tr "mail.issue.action.merge" .Doer.Name .Issue.Index .Issue.PullRequest.BaseBranch}}{{else if eq .ActionName "approve"}}{{.locale.Tr "mail.issue.action.approve" .Doer.Name}}{{else if eq .ActionName "reject"}}{{.locale.Tr "mail.issue.action.reject" .Doer.Name}}{{else if eq .ActionName "review"}}{{.locale.Tr "mail.issue.action.review" .Doer.Name}}{{else if eq .ActionName "review_dismissed"}}{{.locale.Tr "mail.issue.action.review_dismissed" .Doer.Name .Comment.Review.Reviewer.Name}}{{else if eq .ActionName "ready_for_review"}}{{.locale.Tr "mail.issue.action.ready_for_review" .Doer.Name}}{{end}}{{- if eq .Body ""}}{{if eq .ActionName "new"}}{{.locale.Tr "mail.issue.action.new" .Doer.Name .Issue.Index}}{{end}}{{else}}<span class="aurora-content" style="color:rgba(210,252,245,0.88);">{{.Body}}</span>{{end -}}{{if .CanReply}}&nbsp;{{.locale.Tr "mail.reply"}}{{end}}</p>{{- range .ReviewComments}}<hr><p>{{$.locale.Tr "mail.issue.in_tree_path" .TreePath}}</p><pre>{{.Patch}}</pre><div class="aurora-content" style="color:rgba(210,252,245,0.88);">{{.RenderedContent}}</div>{{end -}}{{if eq .ActionName "push"}}<ul>{{range .Comment.Commits}}<li><a href="{{$.Comment.Issue.PullRequest.BaseRepo.HTMLURL}}/commit/{{.ID}}">{{ShortSha .ID.String}}</a> - {{.MessageTitle}}</li>{{end}}</ul>{{end}}</p>
         <p style="margin:0;font-size:13px;line-height:1.8;color:rgba(180,195,215,0.95);font-weight:300;"></p>
       </td></tr>
       <tr><td style="height:1px;background:linear-gradient(90deg,transparent,rgba(13,148,136,0.3),transparent);"></td></tr>
diff --git a/themes/aurora/mail/repo/release.tmpl b/themes/aurora/mail/repo/release.tmpl
index 638721f..616079b 100644
--- a/themes/aurora/mail/repo/release.tmpl
+++ b/themes/aurora/mail/repo/release.tmpl
@@ -7,6 +7,18 @@
   <title>{{.Subject}}</title>
   <style type="text/css">
     body,.ExternalClass,.ReadMsgBody{background-color:#0a0815}
+    .card-body h1,.card-body h2,.card-body h3,.card-body h4,.card-body h5,.card-body h6{color:#ccfbf1!important}
+    .card-body a,.card-body a:link,.card-body a:visited{color:#5eead4!important;text-decoration:underline!important}
+    .card-body a:hover,.card-body a:active{color:#99f6e4!important}
+    .card-body li{color:rgba(210,252,245,0.88)!important}
+    .aurora-content,.aurora-content *{color:rgba(210,252,245,0.88)!important}
+    .aurora-content a,.aurora-content a:link,.aurora-content a:visited{color:#5eead4!important;text-decoration:underline!important}
+    .aurora-content a:hover,.aurora-content a:active{color:#99f6e4!important}
+    .aurora-content code,.aurora-content pre{color:#99f6e4!important;background:rgba(0,0,0,0.3)!important;border-color:rgba(13,148,136,0.2)!important}
+    .aurora-content blockquote{color:rgba(255,255,255,0.6)!important}
+    .aurora-content h1,.aurora-content h2,.aurora-content h3,.aurora-content h4,.aurora-content h5,.aurora-content h6{color:#ccfbf1!important}
+    .aurora-content hr{border-color:rgba(13,148,136,0.3)!important}
+    .aurora-content img{border:0;max-width:100%!important}
     @media only screen and (max-width:480px){
       .resp-card{padding:32px 20px!important}
       .resp-spacer{padding:24px 20px!important}
@@ -23,11 +35,11 @@
         <span style="font-size:16px;font-weight:300;color:rgba(255,255,255,0.4);letter-spacing:4px;text-transform:uppercase;">{{AppName}}</span>
       </td></tr>
       <!-- card -->
-      <tr><td class="resp-card" style="padding:48px 40px;background:rgba(25,20,50,0.8);border:1px solid rgba(13,148,136,0.2);box-shadow:0 0 60px rgba(13,148,136,0.08),0 0 120px rgba(99,102,241,0.04);">
+      <tr><td class="resp-card card-body" style="padding:48px 40px;background:rgba(25,20,50,0.8);border:1px solid rgba(13,148,136,0.2);box-shadow:0 0 60px rgba(13,148,136,0.08),0 0 120px rgba(99,102,241,0.04);">
         <p class="resp-heading" style="margin:0 0 20px;font-size:24px;font-weight:300;color:#ccfbf1;line-height:1.3;letter-spacing:-0.5px;"></p>
         <p style="margin:0 0 24px;font-size:14px;line-height:2;color:rgba(210,252,245,0.88);font-weight:300;">{{$release_url := HTMLFormat "<a href=\047%s\047>%s</a>" .Release.HTMLURL .Release.TagName}}{{$repo_url := HTMLFormat "<a href=\047%s\047>%s</a>" .Release.Repo.HTMLURL .Release.Repo.FullName}}{{.locale.Tr "mail.release.new.text" .Release.Publisher.Name $release_url $repo_url}}
 	<h4>{{.locale.Tr "mail.release.title" .Release.Title}}</h4>
-	{{if .Release.RenderedNote}}{{.locale.Tr "mail.release.note"}}<br><div>{{.Release.RenderedNote}}</div>{{end}}
+	{{if .Release.RenderedNote}}{{.locale.Tr "mail.release.note"}}<br><div class="aurora-content" style="color:rgba(210,252,245,0.88);font-size:14px;line-height:2;">{{.Release.RenderedNote}}</div>{{end}}
 	<p>{{.locale.Tr "mail.release.downloads"}}</p>
 	<ul>{{if not .DisableDownloadSourceArchives}}<li><a href="{{.Release.Repo.HTMLURL}}/archive/{{.Release.TagName | PathEscapeSegments}}.zip">{{.locale.Tr "mail.release.download.zip"}}</a></li><li><a href="{{.Release.Repo.HTMLURL}}/archive/{{.Release.TagName | PathEscapeSegments}}.tar.gz">{{.locale.Tr "mail.release.download.targz"}}</a></li>{{end}}{{if .Release.Attachments}}{{range .Release.Attachments}}<li><a href="{{.DownloadURL}}">{{.Name}} ({{.Size | FileSize}})</a></li>{{end}}{{end}}</ul></p>
         <p style="margin:0;font-size:13px;line-height:1.8;color:rgba(180,195,215,0.95);font-weight:300;"></p>
diff --git a/themes/aurora/mail/repo/transfer.tmpl b/themes/aurora/mail/repo/transfer.tmpl
index 2d33b0a..50e6d36 100644
--- a/themes/aurora/mail/repo/transfer.tmpl
+++ b/themes/aurora/mail/repo/transfer.tmpl
@@ -7,6 +7,10 @@
   <title>{{.Subject}}</title>
   <style type="text/css">
     body,.ExternalClass,.ReadMsgBody{background-color:#0a0815}
+    .card-body h1,.card-body h2,.card-body h3,.card-body h4,.card-body h5,.card-body h6{color:#ccfbf1!important}
+    .card-body a,.card-body a:link,.card-body a:visited{color:#5eead4!important;text-decoration:underline!important}
+    .card-body a:hover,.card-body a:active{color:#99f6e4!important}
+    .card-body li{color:rgba(210,252,245,0.88)!important}
     @media only screen and (max-width:480px){
       .resp-card{padding:32px 20px!important}
       .resp-spacer{padding:24px 20px!important}
@@ -23,7 +27,7 @@
         <span style="font-size:16px;font-weight:300;color:rgba(255,255,255,0.4);letter-spacing:4px;text-transform:uppercase;">{{AppName}}</span>
       </td></tr>
       <!-- card -->
-      <tr><td class="resp-card" style="padding:48px 40px;background:rgba(25,20,50,0.8);border:1px solid rgba(13,148,136,0.2);box-shadow:0 0 60px rgba(13,148,136,0.08),0 0 120px rgba(99,102,241,0.04);">
+      <tr><td class="resp-card card-body" style="padding:48px 40px;background:rgba(25,20,50,0.8);border:1px solid rgba(13,148,136,0.2);box-shadow:0 0 60px rgba(13,148,136,0.08),0 0 120px rgba(99,102,241,0.04);">
         <p class="resp-heading" style="margin:0 0 20px;font-size:24px;font-weight:300;color:#ccfbf1;line-height:1.3;letter-spacing:-0.5px;"></p>
         <p style="margin:0 0 24px;font-size:14px;line-height:2;color:rgba(210,252,245,0.88);font-weight:300;">{{$url := HTMLFormat "<a href=\047%[1]s\047>%[2]s</a>" .Link .Repo}}{{.Subject}}. {{.locale.Tr "mail.repo.transfer.body" $url}}</p>
         <p style="margin:0;font-size:13px;line-height:1.8;color:rgba(180,195,215,0.95);font-weight:300;"></p>
diff --git a/themes/aurora/mail/user/auth/activate.tmpl b/themes/aurora/mail/user/auth/activate.tmpl
index 0e905bd..89b3c13 100644
--- a/themes/aurora/mail/user/auth/activate.tmpl
+++ b/themes/aurora/mail/user/auth/activate.tmpl
@@ -7,6 +7,10 @@
   <title>{{.locale.Tr "mail.activate_account.title" (.DisplayName|DotEscape)}}</title>
   <style type="text/css">
     body,.ExternalClass,.ReadMsgBody{background-color:#0a0815}
+    .card-body h1,.card-body h2,.card-body h3,.card-body h4,.card-body h5,.card-body h6{color:#ccfbf1!important}
+    .card-body a,.card-body a:link,.card-body a:visited{color:#5eead4!important;text-decoration:underline!important}
+    .card-body a:hover,.card-body a:active{color:#99f6e4!important}
+    .card-body li{color:rgba(210,252,245,0.88)!important}
     @media only screen and (max-width:480px){
       .resp-card{padding:32px 20px!important}
       .resp-spacer{padding:24px 20px!important}
@@ -23,7 +27,7 @@
         <span style="font-size:16px;font-weight:300;color:rgba(255,255,255,0.4);letter-spacing:4px;text-transform:uppercase;">{{AppName}}</span>
       </td></tr>
       <!-- card -->
-      <tr><td class="resp-card" style="padding:48px 40px;background:rgba(25,20,50,0.8);border:1px solid rgba(13,148,136,0.2);box-shadow:0 0 60px rgba(13,148,136,0.08),0 0 120px rgba(99,102,241,0.04);">
+      <tr><td class="resp-card card-body" style="padding:48px 40px;background:rgba(25,20,50,0.8);border:1px solid rgba(13,148,136,0.2);box-shadow:0 0 60px rgba(13,148,136,0.08),0 0 120px rgba(99,102,241,0.04);">
         <p class="resp-heading" style="margin:0 0 20px;font-size:24px;font-weight:300;color:#ccfbf1;line-height:1.3;letter-spacing:-0.5px;">{{.locale.Tr "mail.hi_user_x" (.DisplayName|DotEscape)}}</p>
         <p style="margin:0 0 24px;font-size:14px;line-height:2;color:rgba(210,252,245,0.88);font-weight:300;">{{.locale.Tr "mail.activate_account.text_1" (.DisplayName|DotEscape) AppName}}</p>
         <p style="margin:0;font-size:13px;line-height:1.8;color:rgba(180,195,215,0.95);font-weight:300;">{{.locale.Tr "mail.activate_account.text_2" .ActiveCodeLives}}</p>
diff --git a/themes/aurora/mail/user/auth/activate_email.tmpl b/themes/aurora/mail/user/auth/activate_email.tmpl
index a5f7839..e26a319 100644
--- a/themes/aurora/mail/user/auth/activate_email.tmpl
+++ b/themes/aurora/mail/user/auth/activate_email.tmpl
@@ -7,6 +7,10 @@
   <title>{{.locale.Tr "mail.activate_email.title" (.DisplayName|DotEscape)}}</title>
   <style type="text/css">
     body,.ExternalClass,.ReadMsgBody{background-color:#0a0815}
+    .card-body h1,.card-body h2,.card-body h3,.card-body h4,.card-body h5,.card-body h6{color:#ccfbf1!important}
+    .card-body a,.card-body a:link,.card-body a:visited{color:#5eead4!important;text-decoration:underline!important}
+    .card-body a:hover,.card-body a:active{color:#99f6e4!important}
+    .card-body li{color:rgba(210,252,245,0.88)!important}
     @media only screen and (max-width:480px){
       .resp-card{padding:32px 20px!important}
       .resp-spacer{padding:24px 20px!important}
@@ -23,7 +27,7 @@
         <span style="font-size:16px;font-weight:300;color:rgba(255,255,255,0.4);letter-spacing:4px;text-transform:uppercase;">{{AppName}}</span>
       </td></tr>
       <!-- card -->
-      <tr><td class="resp-card" style="padding:48px 40px;background:rgba(25,20,50,0.8);border:1px solid rgba(13,148,136,0.2);box-shadow:0 0 60px rgba(13,148,136,0.08),0 0 120px rgba(99,102,241,0.04);">
+      <tr><td class="resp-card card-body" style="padding:48px 40px;background:rgba(25,20,50,0.8);border:1px solid rgba(13,148,136,0.2);box-shadow:0 0 60px rgba(13,148,136,0.08),0 0 120px rgba(99,102,241,0.04);">
         <p class="resp-heading" style="margin:0 0 20px;font-size:24px;font-weight:300;color:#ccfbf1;line-height:1.3;letter-spacing:-0.5px;">{{.locale.Tr "mail.hi_user_x" (.DisplayName|DotEscape)}}</p>
         <p style="margin:0 0 24px;font-size:14px;line-height:2;color:rgba(210,252,245,0.88);font-weight:300;">{{.locale.Tr "mail.activate_email.text" .ActiveCodeLives}}</p>
         <p style="margin:0;font-size:13px;line-height:1.8;color:rgba(180,195,215,0.95);font-weight:300;"></p>
diff --git a/themes/aurora/mail/user/auth/register_notify.tmpl b/themes/aurora/mail/user/auth/register_notify.tmpl
index e6c55de..09bcdf2 100644
--- a/themes/aurora/mail/user/auth/register_notify.tmpl
+++ b/themes/aurora/mail/user/auth/register_notify.tmpl
@@ -7,6 +7,10 @@
   <title>{{.locale.Tr "mail.register_notify.title" (.DisplayName|DotEscape) AppName}}</title>
   <style type="text/css">
     body,.ExternalClass,.ReadMsgBody{background-color:#0a0815}
+    .card-body h1,.card-body h2,.card-body h3,.card-body h4,.card-body h5,.card-body h6{color:#ccfbf1!important}
+    .card-body a,.card-body a:link,.card-body a:visited{color:#5eead4!important;text-decoration:underline!important}
+    .card-body a:hover,.card-body a:active{color:#99f6e4!important}
+    .card-body li{color:rgba(210,252,245,0.88)!important}
     @media only screen and (max-width:480px){
       .resp-card{padding:32px 20px!important}
       .resp-spacer{padding:24px 20px!important}
@@ -23,7 +27,7 @@
         <span style="font-size:16px;font-weight:300;color:rgba(255,255,255,0.4);letter-spacing:4px;text-transform:uppercase;">{{AppName}}</span>
       </td></tr>
       <!-- card -->
-      <tr><td class="resp-card" style="padding:48px 40px;background:rgba(25,20,50,0.8);border:1px solid rgba(13,148,136,0.2);box-shadow:0 0 60px rgba(13,148,136,0.08),0 0 120px rgba(99,102,241,0.04);">
+      <tr><td class="resp-card card-body" style="padding:48px 40px;background:rgba(25,20,50,0.8);border:1px solid rgba(13,148,136,0.2);box-shadow:0 0 60px rgba(13,148,136,0.08),0 0 120px rgba(99,102,241,0.04);">
         <p class="resp-heading" style="margin:0 0 20px;font-size:24px;font-weight:300;color:#ccfbf1;line-height:1.3;letter-spacing:-0.5px;">{{.locale.Tr "mail.hi_user_x" (.DisplayName|DotEscape)}}</p>
         <p style="margin:0 0 24px;font-size:14px;line-height:2;color:rgba(210,252,245,0.88);font-weight:300;">{{.locale.Tr "mail.register_notify.text_1" AppName}}</p>
         <p style="margin:0;font-size:13px;line-height:1.8;color:rgba(180,195,215,0.95);font-weight:300;">{{.locale.Tr "mail.register_notify.text_2" .Username}}
diff --git a/themes/aurora/mail/user/auth/reset_passwd.tmpl b/themes/aurora/mail/user/auth/reset_passwd.tmpl
index 23b1369..a5c09da 100644
--- a/themes/aurora/mail/user/auth/reset_passwd.tmpl
+++ b/themes/aurora/mail/user/auth/reset_passwd.tmpl
@@ -7,6 +7,10 @@
   <title>{{.locale.Tr "mail.reset_password.title" (.DisplayName|DotEscape)}}</title>
   <style type="text/css">
     body,.ExternalClass,.ReadMsgBody{background-color:#0a0815}
+    .card-body h1,.card-body h2,.card-body h3,.card-body h4,.card-body h5,.card-body h6{color:#ccfbf1!important}
+    .card-body a,.card-body a:link,.card-body a:visited{color:#5eead4!important;text-decoration:underline!important}
+    .card-body a:hover,.card-body a:active{color:#99f6e4!important}
+    .card-body li{color:rgba(210,252,245,0.88)!important}
     @media only screen and (max-width:480px){
       .resp-card{padding:32px 20px!important}
       .resp-spacer{padding:24px 20px!important}
@@ -23,7 +27,7 @@
         <span style="font-size:16px;font-weight:300;color:rgba(255,255,255,0.4);letter-spacing:4px;text-transform:uppercase;">{{AppName}}</span>
       </td></tr>
       <!-- card -->
-      <tr><td class="resp-card" style="padding:48px 40px;background:rgba(25,20,50,0.8);border:1px solid rgba(13,148,136,0.2);box-shadow:0 0 60px rgba(13,148,136,0.08),0 0 120px rgba(99,102,241,0.04);">
+      <tr><td class="resp-card card-body" style="padding:48px 40px;background:rgba(25,20,50,0.8);border:1px solid rgba(13,148,136,0.2);box-shadow:0 0 60px rgba(13,148,136,0.08),0 0 120px rgba(99,102,241,0.04);">
         <p class="resp-heading" style="margin:0 0 20px;font-size:24px;font-weight:300;color:#ccfbf1;line-height:1.3;letter-spacing:-0.5px;">{{.locale.Tr "mail.hi_user_x" (.DisplayName|DotEscape)}}</p>
         <p style="margin:0 0 24px;font-size:14px;line-height:2;color:rgba(210,252,245,0.88);font-weight:300;">{{.locale.Tr "mail.reset_password.text" .ResetPwdCodeLives}}</p>
         <p style="margin:0;font-size:13px;line-height:1.8;color:rgba(180,195,215,0.95);font-weight:300;"></p>