KenanZhuandClaude Opus 4.8
d9e6873f49
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>
54 lines
3.9 KiB
Cheetah
54 lines
3.9 KiB
Cheetah
<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
|
<meta name="x-apple-disable-message-reformatting" />
|
|
<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}
|
|
.resp-heading{font-size:20px!important}
|
|
}
|
|
</style>
|
|
</head>
|
|
<body style="margin:0;padding:0;background:#0a0815;font-family:system-ui,-apple-system,sans-serif;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;">
|
|
<center style="width:100%;table-layout:fixed;">
|
|
<table width="100%" cellpadding="0" cellspacing="0" border="0" style="max-width:600px;margin:40px auto;">
|
|
<!-- floating title -->
|
|
<tr><td style="padding:0 0 32px;text-align:center;">
|
|
<img src="{{AppUrl}}assets/img/favicon.png" alt="logo" width="24" height="24" style="display:block;margin:0 auto 14px;border:0;outline:none;opacity:0.5;" />
|
|
<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 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>
|
|
</td></tr>
|
|
<tr><td style="height:1px;background:linear-gradient(90deg,transparent,rgba(13,148,136,0.3),transparent);"></td></tr>
|
|
<!-- button + link -->
|
|
<tr><td class="resp-spacer" style="padding:40px 40px;text-align:center;">
|
|
|
|
<table border="0" cellpadding="0" cellspacing="0" width="100%" style="margin:0 0 32px;"><tr><td align="center">
|
|
<a href="{{.Link}}" style="display:inline-block;padding:16px 48px;font-size:14px;font-weight:400;color:#e0f5f3;text-decoration:none;background:rgba(13,148,136,0.18);border:1px solid rgba(13,148,136,0.3);letter-spacing:1px;">{{.locale.Tr "mail.view_it_on" AppName}}</a>
|
|
</td></tr></table>
|
|
<table width="100%" cellpadding="0" cellspacing="0" border="0" style="border:1px solid rgba(13,148,136,0.18);background:rgba(13,148,136,0.03);"><tr><td style="padding:16px 18px;">
|
|
<p style="margin:0 0 8px;font-size:11px;color:rgba(180,252,238,0.75);font-weight:300;">{{.locale.Tr "mail.link_not_working_do_paste"}}</p>
|
|
<p style="margin:0;font-size:11px;font-family:monospace;color:#99f6e4;background:rgba(0,0,0,0.2);padding:10px 12px;border:1px solid rgba(13,148,136,0.15);word-break:break-all;">{{.Link}}</p>
|
|
</td></tr></table>
|
|
</td></tr>
|
|
<!-- footer -->
|
|
<tr><td style="padding:32px 0 0;text-align:center;">
|
|
<p style="margin:0;font-size:11px;color:rgba(160,175,200,0.55);font-weight:300;">© <a href="{{AppUrl}}" style="color:rgba(94,234,212,0.5);text-decoration:none;font-weight:400;">{{AppName}}</a> — Gitea Mail Templates</p>
|
|
</td></tr>
|
|
</table>
|
|
</center>
|
|
</body>
|
|
</html> |