.default-img {
display: none !important;
}
.light-img {
display: block !important;
}
@media only screen and (max-device-width:650px) {
body{margin: 0 0 4px 0 !important;}
.container{padding: 0 !important; width: 100% !important;}
h1{font-size: 32px !important;}
.headerContent{padding: 20px 24px 20px 24px !important;}
.bodyContent{padding: 0 24px 40px 24px !important;}
.headerEmail{max-width: 150px !important;}
.header-logo img {
max-width: 135px;
}
}
td, th {
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto','Arial', sans-serif; font-size: 16px; font-weight: 400; color: #50575E; line-height: 24px; box-sizing: border-box; -webkit-font-smoothing: antialiased; }
h1 {
line-height: 3rem;
}
@media (prefers-color-scheme:dark) {
/* Custom Dark Mode Background Color */
body, .container {
background-color: #101517 !important;
}
.table-content {
background-color: #2C3337 !important;
}
/* Shows Dark Mode-Only Content, Like Images */
.dark-img {
display: block !important;
}
.dark-img-wrapper {
display: block !important;
}
/* Hides Light Mode-Only Content, Like Images (including some default ones) */
.default-img {
display: none !important;
}
/* Custom Dark Mode Font Colors. */
h1 { color: #FFFFFF !important; }
p, li { color: #DCDCDE !important; }
a { color: #B999FF !important; }
a.button-primary { color: #FFFFFF !important; background-color: #720EEC !important; }
a.button-primary-black { color: #FFFFFF !important; background-color: #101517 !important; }
p.subtitle, p.detail { color: #A7AAAD !important; }
}
@media (prefers-color-scheme:light) {
.default-img {
display: none !important;
}
.light-img {
display: block !important;
}
}
/* Outlook support for dark mode: */
[data-ogsc] .dark-img { display:block !important; }
[data-ogsc] .dark-img-wrapper { display:block !important; background-color: transparent !important; }
/* Hides Light Mode-Only Content, Like Images */
[data-ogsc] .light-img { display:none; display:none !important; }
/* Custom Dark Mode Background Color */
[data-ogsc] body { background-color: #101517 !important; }
[data-ogsc] .table-content { background-color: #2C3337 !important; }
/* Custom Dark Mode Font Colors. */
[data-ogsc] h1 { color: #FFFFFF !important; }
[data-ogsc] p { color: #DCDCDE !important; }
[data-ogsc] a { color: #B999FF !important; }
[data-ogsc] a.button-primary { color: #FFFFFF !important; background-color: #720EEC !important; }
[data-ogsc] a.button-primary-black { color: #FFFFFF !important; background-color: #101517 !important; }
[data-ogsc] p.subtitle, [data-ogsc] p.detail { color: #A7AAAD !important; }
|
||||
|
© 2025 WooCommerce, Inc. – an Automattic company |
||||
|
||||
|
Automattic Inc., 60 29th Street #343, San Francisco, CA 94110 |
