From 555566f9f6dbd9c86e73379a9745f27606aad3a3 Mon Sep 17 00:00:00 2001 From: Taylor Otwell Date: Mon, 1 Dec 2025 06:00:22 -0800 Subject: [PATCH 1/2] update theme --- .../resources/views/html/themes/default.css | 70 +++++++++---------- 1 file changed, 35 insertions(+), 35 deletions(-) diff --git a/src/Illuminate/Mail/resources/views/html/themes/default.css b/src/Illuminate/Mail/resources/views/html/themes/default.css index b64dc60cb4df..e6cd6b0b19b1 100644 --- a/src/Illuminate/Mail/resources/views/html/themes/default.css +++ b/src/Illuminate/Mail/resources/views/html/themes/default.css @@ -11,7 +11,7 @@ body *:not(html):not(style):not(br):not(tr):not(code) { body { -webkit-text-size-adjust: none; background-color: #ffffff; - color: #718096; + color: #52525b; height: 100%; line-height: 1.4; margin: 0; @@ -28,7 +28,7 @@ blockquote { } a { - color: #3869d4; + color: #18181b; } a img { @@ -38,7 +38,7 @@ a img { /* Typography */ h1 { - color: #3d4852; + color: #18181b; font-size: 18px; font-weight: bold; margin-top: 0; @@ -80,7 +80,7 @@ img { -premailer-cellpadding: 0; -premailer-cellspacing: 0; -premailer-width: 100%; - background-color: #edf2f7; + background-color: #fafafa; margin: 0; padding: 0; width: 100%; @@ -103,7 +103,7 @@ img { } .header a { - color: #3d4852; + color: #18181b; font-size: 19px; font-weight: bold; text-decoration: none; @@ -123,9 +123,9 @@ img { -premailer-cellpadding: 0; -premailer-cellspacing: 0; -premailer-width: 100%; - background-color: #edf2f7; - border-bottom: 1px solid #edf2f7; - border-top: 1px solid #edf2f7; + background-color: #fafafa; + border-bottom: 1px solid #fafafa; + border-top: 1px solid #fafafa; margin: 0; padding: 0; width: 100%; @@ -136,10 +136,10 @@ img { -premailer-cellspacing: 0; -premailer-width: 570px; background-color: #ffffff; - border-color: #e8e5ef; - border-radius: 2px; + border-color: #e4e4e7; + border-radius: 4px; border-width: 1px; - box-shadow: 0 2px 0 rgba(0, 0, 150, 0.025), 2px 4px 0 rgba(0, 0, 150, 0.015); + box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px -1px rgba(0, 0, 0, 0.1); margin: 0 auto; padding: 0; width: 570px; @@ -152,7 +152,7 @@ img { /* Subcopy */ .subcopy { - border-top: 1px solid #e8e5ef; + border-top: 1px solid #e4e4e7; margin-top: 25px; padding-top: 25px; } @@ -174,13 +174,13 @@ img { } .footer p { - color: #b0adc5; + color: #a1a1aa; font-size: 12px; text-align: center; } .footer a { - color: #b0adc5; + color: #a1a1aa; text-decoration: underline; } @@ -195,13 +195,13 @@ img { } .table th { - border-bottom: 1px solid #edeff2; + border-bottom: 1px solid #e4e4e7; margin: 0; padding-bottom: 8px; } .table td { - color: #74787e; + color: #52525b; font-size: 15px; line-height: 18px; margin: 0; @@ -237,46 +237,46 @@ img { .button-blue, .button-primary { - background-color: #2d3748; - border-bottom: 8px solid #2d3748; - border-left: 18px solid #2d3748; - border-right: 18px solid #2d3748; - border-top: 8px solid #2d3748; + background-color: #18181b; + border-bottom: 8px solid #18181b; + border-left: 18px solid #18181b; + border-right: 18px solid #18181b; + border-top: 8px solid #18181b; } .button-green, .button-success { - background-color: #48bb78; - border-bottom: 8px solid #48bb78; - border-left: 18px solid #48bb78; - border-right: 18px solid #48bb78; - border-top: 8px solid #48bb78; + background-color: #16a34a; + border-bottom: 8px solid #16a34a; + border-left: 18px solid #16a34a; + border-right: 18px solid #16a34a; + border-top: 8px solid #16a34a; } .button-red, .button-error { - background-color: #e53e3e; - border-bottom: 8px solid #e53e3e; - border-left: 18px solid #e53e3e; - border-right: 18px solid #e53e3e; - border-top: 8px solid #e53e3e; + background-color: #dc2626; + border-bottom: 8px solid #dc2626; + border-left: 18px solid #dc2626; + border-right: 18px solid #dc2626; + border-top: 8px solid #dc2626; } /* Panels */ .panel { - border-left: #2d3748 solid 4px; + border-left: #18181b solid 4px; margin: 21px 0; } .panel-content { - background-color: #edf2f7; - color: #718096; + background-color: #fafafa; + color: #52525b; padding: 16px; } .panel-content p { - color: #718096; + color: #52525b; } .panel-item { From dba6d60e93cdb6bca8ce1862695ece6f7d503a13 Mon Sep 17 00:00:00 2001 From: Taylor Otwell Date: Mon, 1 Dec 2025 06:37:18 -0800 Subject: [PATCH 2/2] modernize logo --- config/mail.php | 2 +- src/Illuminate/Mail/resources/views/html/header.blade.php | 2 +- src/Illuminate/Mail/resources/views/html/themes/default.css | 2 ++ 3 files changed, 4 insertions(+), 2 deletions(-) diff --git a/config/mail.php b/config/mail.php index 22c03b032d76..a8d18503e6e9 100644 --- a/config/mail.php +++ b/config/mail.php @@ -122,7 +122,7 @@ | | If you are using Markdown based email rendering, you may configure your | theme and component paths here, allowing you to customize the design - | of the emails. Or, you may simply stick with the Laravel defaults! + | of the emails. Or, you may simply stick with the Laravel defaults. | */ diff --git a/src/Illuminate/Mail/resources/views/html/header.blade.php b/src/Illuminate/Mail/resources/views/html/header.blade.php index c47a260c56b2..479cf67a281b 100644 --- a/src/Illuminate/Mail/resources/views/html/header.blade.php +++ b/src/Illuminate/Mail/resources/views/html/header.blade.php @@ -3,7 +3,7 @@ @if (trim($slot) === 'Laravel') - + @else {!! $slot !!} @endif diff --git a/src/Illuminate/Mail/resources/views/html/themes/default.css b/src/Illuminate/Mail/resources/views/html/themes/default.css index e6cd6b0b19b1..80465b220e9e 100644 --- a/src/Illuminate/Mail/resources/views/html/themes/default.css +++ b/src/Illuminate/Mail/resources/views/html/themes/default.css @@ -113,6 +113,8 @@ img { .logo { height: 75px; + margin-top: 15px; + margin-bottom: 10px; max-height: 75px; width: 75px; }