Update newsletter HTML styles in index.php by refining background colors, font colors, and padding for improved visual consistency and readability. Adjusted table and text styles to enhance overall aesthetics.

This commit is contained in:
smueller
2026-07-07 11:26:11 +02:00
parent 9950aa25fd
commit f840b68c9c

View File

@@ -359,7 +359,7 @@ function buildNewsletterHtml(array $config, array $articles, string $periodLabel
$articleRows = '
<tr>
<td style="padding:0 32px 22px 32px;" class="mobile-padding">
<table role="presentation" width="100%" border="0" cellspacing="0" cellpadding="0" style="width:100%;border:1px solid #d7dee8;background:#ffffff;border-radius:14px;">
<table role="presentation" width="100%" border="0" cellspacing="0" cellpadding="0" style="width:100%;border:1px solid #d8e0ea;background:#ffffff;border-radius:14px;">
<tr>
<td style="padding:22px;font-family:Arial,Helvetica,sans-serif;font-size:15px;line-height:23px;color:#2e3b4d;">
Für diesen Zeitraum wurden keine neuen Artikel gefunden.
@@ -375,17 +375,17 @@ function buildNewsletterHtml(array $config, array $articles, string $periodLabel
<td style="padding:0 32px 18px 32px;" class="mobile-padding">
<table role="presentation" width="100%" border="0" cellspacing="0" cellpadding="0" style="width:100%;background:#ffffff;border:1px solid #d7dee8;border-radius:14px;">
<tr>
<td style="padding:18px 22px 4px 22px;font-family:Arial,Helvetica,sans-serif;font-size:12px;line-height:17px;color:#6a7688;font-weight:700;letter-spacing:.4px;text-transform:uppercase;">
<td style="padding:18px 22px 4px 22px;font-family:Arial,Helvetica,sans-serif;font-size:12px;line-height:17px;color:#5f6d82;font-weight:700;letter-spacing:.4px;text-transform:uppercase;">
Wiki-Beitrag
</td>
</tr>
<tr>
<td style="padding:0 22px 8px 22px;font-family:Arial,Helvetica,sans-serif;font-size:23px;line-height:31px;font-weight:700;color:#122845;">
<a href="' . h($article['url']) . '" target="_blank" style="color:#122845;text-decoration:none;">' . h($article['title']) . '</a>
<td class="mobile-card-title" style="padding:0 22px 8px 22px;font-family:Arial,Helvetica,sans-serif;font-size:23px;line-height:31px;font-weight:700;color:#003b6f;">
<a href="' . h($article['url']) . '" target="_blank" style="color:#003b6f;text-decoration:none;">' . h($article['title']) . '</a>
</td>
</tr>
<tr>
<td style="padding:0 22px 16px 22px;font-family:Arial,Helvetica,sans-serif;font-size:14px;line-height:22px;color:#334257;">
<td style="padding:0 22px 16px 22px;font-family:Arial,Helvetica,sans-serif;font-size:14px;line-height:22px;color:#2f4159;">
Veröffentlicht am ' . h($article['date_de']) . ' von ' . h($article['author']) . '.
</td>
</tr>
@@ -393,7 +393,7 @@ function buildNewsletterHtml(array $config, array $articles, string $periodLabel
<td style="padding:0 22px 20px 22px;">
<table role="presentation" border="0" cellspacing="0" cellpadding="0">
<tr>
<td bgcolor="#ef7d00" style="background:#ef7d00;">
<td bgcolor="#f39200" style="background:#f39200;">
<a href="' . h($article['url']) . '" target="_blank" style="display:inline-block;padding:11px 18px;font-family:Arial,Helvetica,sans-serif;font-size:13px;line-height:16px;font-weight:700;color:#ffffff;text-decoration:none;">Artikel lesen</a>
</td>
</tr>
@@ -434,7 +434,7 @@ function buildNewsletterHtml(array $config, array $articles, string $periodLabel
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>Thomas-Krenn Wiki Newsletter</title>
<style type="text/css">
html, body { margin:0 !important; padding:0 !important; width:100% !important; background:#e8edf3; }
html, body { margin:0 !important; padding:0 !important; width:100% !important; background:#edf1f5; }
table, td { border-collapse:collapse; mso-table-lspace:0pt; mso-table-rspace:0pt; }
img { border:0; outline:none; text-decoration:none; -ms-interpolation-mode:bicubic; display:block; }
a { text-decoration:none; }
@@ -449,26 +449,26 @@ function buildNewsletterHtml(array $config, array $articles, string $periodLabel
}
</style>
</head>
<body style="margin:0;padding:0;background:#e8edf3;">
<body style="margin:0;padding:0;background:#edf1f5;">
<div class="preheader">' . h($preheader) . '&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;</div>
<center role="article" aria-roledescription="email" lang="de" style="width:100%;background:#e8edf3;">
<table role="presentation" width="100%" border="0" cellspacing="0" cellpadding="0" bgcolor="#e8edf3" style="width:100%;background:#e8edf3;">
<center role="article" aria-roledescription="email" lang="de" style="width:100%;background:#edf1f5;">
<table role="presentation" width="100%" border="0" cellspacing="0" cellpadding="0" bgcolor="#edf1f5" style="width:100%;background:#edf1f5;">
<tr>
<td align="center" style="padding:22px 10px;">
<table role="presentation" width="700" border="0" cellspacing="0" cellpadding="0" class="email-container" style="width:100%;max-width:700px;background:#ffffff;">
<table role="presentation" width="700" border="0" cellspacing="0" cellpadding="0" class="email-container" style="width:100%;max-width:700px;background:#ffffff;border-top:4px solid #f39200;">
<tr>
<td align="center" style="padding:24px 32px 18px 32px;">
<img src="https://www.thomas-krenn.com/res/pics/tk_logo_340px.png" width="182" alt="Thomas-Krenn Logo" style="display:block;margin:0 auto;border:0;outline:none;text-decoration:none;height:auto;">
<td align="center" style="padding:24px 32px 18px 32px;background:#003b6f;" class="mobile-padding">
<img src="https://www.thomas-krenn.com/res/pics/tk_logo_340px.png" width="190" alt="Thomas-Krenn Logo" style="display:block;margin:0 auto;border:0;outline:none;text-decoration:none;height:auto;">
</td>
</tr>
<tr>
<td style="padding:0 32px;" class="mobile-padding">
<table role="presentation" width="100%" border="0" cellspacing="0" cellpadding="0" style="width:100%;background:#102a46;">
<table role="presentation" width="100%" border="0" cellspacing="0" cellpadding="0" style="width:100%;background:#003b6f;">
<tr>
<td style="padding:30px 26px;font-family:Arial,Helvetica,sans-serif;">
<div style="font-size:12px;line-height:16px;font-weight:700;color:#ef7d00;letter-spacing:1px;text-transform:uppercase;">Thomas-Krenn Wiki Update</div>
<div style="font-size:12px;line-height:16px;font-weight:700;color:#f39200;letter-spacing:1px;text-transform:uppercase;">Thomas-Krenn Wiki Update</div>
<div class="mobile-headline" style="font-size:36px;line-height:42px;font-weight:700;color:#ffffff;margin-top:10px;">' . h($periodLabel) . '</div>
<div style="font-size:16px;line-height:24px;color:#bfd0e2;margin-top:10px;">' . h($summaryText) . '</div>
<div style="font-size:16px;line-height:24px;color:#d8e4f0;margin-top:10px;">' . h($summaryText) . '</div>
</td>
</tr>
</table>
@@ -495,7 +495,7 @@ function buildNewsletterHtml(array $config, array $articles, string $periodLabel
<tr>
<td style="font-family:Arial,Helvetica,sans-serif;font-size:15px;line-height:24px;color:#2a3950;">
Haben Sie Fragen oder einen Themenwunsch?
<a href="' . h($replyHref) . '" style="color:#ef7d00;text-decoration:underline;">Schreiben Sie uns gerne direkt.</a><br><br>
<a href="' . h($replyHref) . '" style="color:#f39200;text-decoration:underline;">Schreiben Sie uns gerne direkt.</a><br><br>
Viele Gruesse<br>
Ihr Thomas-Krenn Team
</td>
@@ -504,10 +504,10 @@ function buildNewsletterHtml(array $config, array $articles, string $periodLabel
</td>
</tr>
<tr>
<td style="background:#0f243d;padding:26px 26px;text-align:center;font-family:Arial,Helvetica,sans-serif;">
<td style="background:#003b6f;padding:26px 26px;text-align:center;font-family:Arial,Helvetica,sans-serif;">
<div style="font-size:12px;line-height:20px;color:#b8c5d4;">
Tel.: +49 8551 9150 0 | Fax: +49 8551 9150 55<br>
<a href="https://www.thomas-krenn.com/de/wiki/Hauptseite" target="_blank" style="color:#ef7d00;text-decoration:underline;">thomas-krenn.com</a><br><br>
<a href="https://www.thomas-krenn.com/de/wiki/Hauptseite" target="_blank" style="color:#f39200;text-decoration:underline;">thomas-krenn.com</a><br><br>
Thomas-Krenn.AG | Speltenbach-Steinaecker 1 | D-94078 Freyung
' . $unsubscribeFooter . '
</div>