| 1 |
<?php if (!defined('ABSPATH')) exit; // if accessed directly exit ?> |
| 2 |
<?php |
| 3 |
/* |
| 4 |
* Shared email styles. |
| 5 |
* |
| 6 |
* Light colors live inline on every element so clients that drop <style> still render the |
| 7 |
* light design. This block only adds what inline styles cannot: resets, the narrow-screen |
| 8 |
* layout, URL wrapping (stripped from inline styles by wp_kses_post) and the dark scheme. |
| 9 |
* |
| 10 |
* Dark scheme: Apple Mail / iOS / Outlook for Mac read prefers-color-scheme, Outlook.com |
| 11 |
* marks its dark mode with [data-ogsc]. Gmail ignores both and inverts on its own, which is |
| 12 |
* why the light palette avoids pure black on white. |
| 13 |
*/ |
| 14 |
?> |
| 15 |
<style> |
| 16 |
:root { color-scheme: light dark; supported-color-schemes: light dark; } |
| 17 |
body { margin: 0; padding: 0; width: 100% !important; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; } |
| 18 |
table { border-collapse: collapse; } |
| 19 |
img { border: 0; outline: none; text-decoration: none; -ms-interpolation-mode: bicubic; } |
| 20 |
p { margin: 0; } |
| 21 |
a { color: #335CFF; } |
| 22 |
.fbs_email_comment_body p { margin: 0 0 8px; } |
| 23 |
.fbs_email_comment_body p:last-child { margin-bottom: 0; } |
| 24 |
.fbs_email_comment_body img { max-width: 100%; height: auto; } |
| 25 |
.fbs_email_url { word-break: break-all; overflow-wrap: anywhere; } |
| 26 |
|
| 27 |
@media only screen and (max-width: 480px) { |
| 28 |
.fbs_email_outer { padding: 24px 12px !important; } |
| 29 |
.fbs_email_card_pad { padding: 20px !important; } |
| 30 |
.fbs_email_heading { font-size: 20px !important; line-height: 28px !important; } |
| 31 |
.fbs_email_kv_label { width: 80px !important; } |
| 32 |
} |
| 33 |
|
| 34 |
@media (prefers-color-scheme: dark) { |
| 35 |
.fbs_email_body, .fbs_email_outer { background: #151D26 !important; } |
| 36 |
.fbs_email_card { background: #1C2732 !important; border-color: #2C3C4E !important; } |
| 37 |
.fbs_email_text { color: #F5F7FA !important; } |
| 38 |
.fbs_email_text2 { color: #99A0AE !important; } |
| 39 |
.fbs_email_link { color: #7C97FF !important; } |
| 40 |
.fbs_email_border { border-color: #2C3C4E !important; } |
| 41 |
.fbs_email_inset { background: #222F3D !important; border-color: #2C3C4E !important; } |
| 42 |
.fbs_email_btn { background: #F5F7FA !important; color: #0E121B !important; } |
| 43 |
.fbs_email_btn_secondary { color: #F5F7FA !important; border-color: #2C3C4E !important; } |
| 44 |
.fbs_email_logo_tile { background: #F5F7FA !important; color: #0E121B !important; } |
| 45 |
.fbs_email_pill_accent { background: #1C254D !important; color: #A9BBFF !important; } |
| 46 |
.fbs_email_pill_neutral { background: #26323F !important; color: #CACFD8 !important; } |
| 47 |
.fbs_email_pill_warn { background: #3B2E12 !important; color: #FFD268 !important; } |
| 48 |
.fbs_email_pill_ok { background: #163828 !important; color: #3EE089 !important; } |
| 49 |
.fbs_email_warn_text { color: #FFD268 !important; } |
| 50 |
} |
| 51 |
|
| 52 |
[data-ogsc] .fbs_email_body, [data-ogsc] .fbs_email_outer { background: #151D26 !important; } |
| 53 |
[data-ogsc] .fbs_email_card { background: #1C2732 !important; border-color: #2C3C4E !important; } |
| 54 |
[data-ogsc] .fbs_email_text { color: #F5F7FA !important; } |
| 55 |
[data-ogsc] .fbs_email_text2 { color: #99A0AE !important; } |
| 56 |
[data-ogsc] .fbs_email_link { color: #7C97FF !important; } |
| 57 |
[data-ogsc] .fbs_email_border { border-color: #2C3C4E !important; } |
| 58 |
[data-ogsc] .fbs_email_inset { background: #222F3D !important; border-color: #2C3C4E !important; } |
| 59 |
[data-ogsc] .fbs_email_btn { background: #F5F7FA !important; color: #0E121B !important; } |
| 60 |
[data-ogsc] .fbs_email_btn_secondary { color: #F5F7FA !important; border-color: #2C3C4E !important; } |
| 61 |
[data-ogsc] .fbs_email_logo_tile { background: #F5F7FA !important; color: #0E121B !important; } |
| 62 |
[data-ogsc] .fbs_email_pill_accent { background: #1C254D !important; color: #A9BBFF !important; } |
| 63 |
[data-ogsc] .fbs_email_pill_neutral { background: #26323F !important; color: #CACFD8 !important; } |
| 64 |
[data-ogsc] .fbs_email_pill_warn { background: #3B2E12 !important; color: #FFD268 !important; } |
| 65 |
[data-ogsc] .fbs_email_pill_ok { background: #163828 !important; color: #3EE089 !important; } |
| 66 |
[data-ogsc] .fbs_email_warn_text { color: #FFD268 !important; } |
| 67 |
</style> |
| 68 |
|
