technology software

news/blog

English

OptanonConsent

_vwo_consent

Within the commercial generic top-level domain (.com), 'www.litmus.com' is registered and includes subdomain 'www'. The registrable portion 'litmus' spans 6 characters with two vowels and four consonants. Tokenizing the label suggests 1 word: litmus. The median word length lands at six characters. No strong language cues emerged from the frequency lists.

input_11

input_1

input_3

input_4

input_5

input_6

input_7

input_9.1

input_10.1

gform_submission_method

gform_theme

gform_style_settings

is_submit_2

gform_submit

gform_unique_id

state_2

gform_target_page_number_2

gform_source_page_number_2

gform_field_values

html/4f/92/4f92b3f8-369a-4591-9c60-14c1e53a9669.html.gz

frame-ancestors 'self' https://*.visualwebsiteoptimizer.com https://litmus.localhost https://app.vwo.com https://*.vwo.com https://*.greenhouse.io https://*.wistia.net https://www.litmus.com https://litmus.com https://*.litmuscdn.com https://*.googletagmanager.com https://*.google-analytics.com  https://*.segment.com https://*.trustradius.com  https://*.cookielaw.org https://*.newrelic.com https://*.typekit.net https://*.nr-data.net https://*.doubleclick.net https://*.litmus.com https://*.hotjar.com https://*.facebook.com https://*.twitter.com https://litmus.localhost https://litmus-staging.com https://litmus.com; frame-src 'self' https://*.greenhouse.io https://*.wistia.net https://www.litmus.com https://litmus.com https://*.litmuscdn.com https://*.googletagmanager.com https://*.google-analytics.com https://*.visualwebsiteoptimizer.com https://app.vwo.com  https://*.segment.com https://*.trustradius.com https://*.cookielaw.org https://*.newrelic.com https://*.typekit.net https://*.nr-data.net https://*.doubleclick.net https://*.litmus.com https://*.hotjar.com https://*.facebook.com https://*.twitter.com https://*.wufoo.com/ https://*.marketo.com https://*.timeanddate.com https://*.instagram.com http://hotjar.io/ https://hotjar.io/ https://*.linkedin.com/ https://*.spotify.com/ https://*.libsyn.com/ https://*.google.com https://*.tiktok.com/ https://*.youtube.com https://*.cvent.com https://*.leandata.com/ https://*.vwo.com https://*.outgrow.us https://*.teamwalnut.com https://*.qualified.com https://*.wistia.com https://litmus.localhost https://litmus-staging.com https://litmus.com

f313d12ea6124bd28fc4a6b7163d253bb83d5aeab5edce594880c5c3df475cbc

9a1e0d38b691f1d22a92cff65ec0439b428170ac39a4493c7ecb06d5585f56a3

5274f11e6fb32ae0cf2dfb9f8043272865c397a7c4223b4cfa7d50ea52fbde89

cb6f2d32c49d1c2b25e9ffc9aaafa3f83075346c01bcd4ae6eb187392a4292cf

e7297ba7d3ce6605a9f41268a88701881c1c07d27a91682b261064e64e94d563

0f055fe017b9ad898074254e24f991ac84734076d24bd64719fbcee0a67794ff

06f175cc08e3e1ce78121842f6f26f3918e4647d7f9fda26d2becadc08f2b974

f99525ae5088e8b0bbb128ec9597ae788685a20a89197ebdb1824d01b712abee

05a6f7965c9f93c8b3858046ea63d62e1411b5f7c60f7f85f86b0257034cdd14

b2d31599822dae1353d655633c6dbd9454ef2138d172798f4a91119eedd6d89d

5a43a22e48f94b7a45a9a9b1a107f197213b73307fdfa2e6b2daadab264f94d2

28ca2f2c17022b993cf79b1fad2d219332417afc96a646b00f1706c03744a094

cf1aa9163953fb477fe5cf452229042578738fa9e600c6ef64c47e4635ba78c2

e279c8eb9a9a7e049375dfba4be83ea9664a7fd5cd29f1ea21c5df15b0c138c7

731854fd1079a87cd61592530e35b549baa5c721c40c9afb2e9206f5f6a41346

8bd1f0a3f2159febb309b0e3b3730623b07042115ad8583d176b89e09fe9dbab

d62a7b7ec5313469ebff5c006b9068dc44d6d1c122cf787ffa29a10113b34060

0b8ffaa7c45831d22e7f5fbafbf6f9492625eff743a65e28f6aacffa41b3273b

a3716da01260b91cfbe34a7dbcf5b765fd380f83c983bfa116410d15ff264479

d636ff6ae0ebbf907f0cc6a8837537b20b3892f3629a0ac4ed591362efc5abfe

f40767552e5e94b2d5f9a65d7f640cfa7d225298023dbd682095e040809a3d1a

1cbbb414828901dc40bf44ac65274219f4cbead729d9b488e4b844ae118277f9

00bab1a0ca70bae23e6e733c1b78045476a2d2688aa0c5cf26fc7efa81ccaa0b

b90d78c73f4c7cfefb0852c01dafd1a9d38545151fe3809ebb710d5e17fa574c

3d2fe027a4007736f75cb8e1c0d516c4b24a3bcc827446dca76870369b379534

816f383f66cb322176ce56b0c94cd59758b879a07dde3e86baa85f68cc91ecb3

c26d52a52440fc954b7420dd3f77cc2daf851ad7220b15f2dec3ca5de4475958

79620764aeb3c3d9daa7914a314fd9f7447cd80b5e8ee41c90807006909b876a

94355297a3135e8e01293b4fa80c81703f2656c30dd0ffed913992c0976e8a8f

d08590d17d9124af37c96b9d390ecba5b30e5986bb2f90ba2cdc1f3ffdd16166

2017528099801ffbd9fe487ddb9e1ffdfd642c586cc9d59973c486bd58f9cd1a

f3d972560dd8d0dafd9a71c7494d27bec6544daba02c0f321309afef13a340c2

52f0c0ac879073bef243f9b6a90646ab576dc344dbdb5b5c5eb3560a4d011741

74909fed8697c840f85153c2d6521e290542e686f85ec453de94a0aacaf08759

83f8aab1c9e30b5acaa18240ac452e88d1dd346b00b29f65980e2072944e16ef

305e60257df51c27995ac44a06ea60cf4318ea3d66c153566dbe9354022d7415

ece644a0fae609d7c65e514283d520da4d450aaa6f638195ac6ee7d6764d36ce

e903e29382d7fd7bd9c103b3ff1d788038a51a7b43428ef935495437c4c46dd8

8f018210562ff65d553cf18472e8f2c887b8828d463be3ab20b6fdd6d02688ad

593e79da464c58a68350d1b4cfd29e75ef49ce654f8eecdf03655efb232c67e6

803e89707a85d2acf744382bbc331e9e3dd96c6427fb30960f43b3a2bf502c67

d639f62e52f75677bc19b0afe9ac95a8c34f8727c6c8052fc7be36377566f9fe

e9ec262a2535f377f0fc9ac17e498be559a15b840551cff860b49963764bc8aa

b3d696a30305101bde0465412c835965f4dfdc99088a6fafe250df34f34024a0

a02c0e6160ff62d224e93c7e2a249963db51bb2e10e7d5a9ab2df6174770d263

c6fdac33e763931c0aa5cd172b22c41aab6e68d872af539651b66343cbb493f3

a63ad435aa9df339acbd4b081618d2f1cea2bd1747b8a4e5fb8d83c7533792b7

3ee6935e081fad06605e210f960c47cc21b06de5afce1a470395f15b91b3aecf

eb308fe24c82b5103f107177010ceaa209b4d5d9953901c4cf5109aa4338869b

181a79c0aee45e874e4ecce90405258b38358c6ac633069d0369fe8f0b2a8bf3

af86e574d24947ff5269bc22464052d88c5f4c502e6c635b7ea2c5fbdfe8ca91

9fbea36dcd69e0f36b4eae43543848550b8e78f9f17acc8fb08b9642436e49ce

d0fa2d12baa0758b930305fcf59f421931677081e828205dff6de903be17a29c

f230b52af904ff1820d24439e5ee5a9dccdbc5fb74f7550a710a66d8f8847adb

8a96c1a0a8b1c2a8eab8adfa21634b7f2c4226f6bc5322df1ab7efc4f1f1af7f

1675449f2b675f840b0df2b3cec23424b321d9ccd89d3c499d47e3f9b7cc26c9

ad2cc142e03d8b4f099d2f2135e01c187ff8cec17441d5ba590dfec9a1c3040a

7295d8d3cf38375e1d35e0be879f22efb0f3314386e8d7de6d97cce9ecfe9cde

7c2622856281b393a3550d160769140784a40a1b730307e22c3fc5b8fc9f7388

fbdbf6cb250e06cf6a716da61eb9f755cfc24a9e47d7b74258b5c01d559c589f

9531ff39e96221bfc5968fcaf5edea3fb7a4008229d728ae2e67af40d89f4e13

d7a6bf0df31e8536d79fdcd94a333577295e7f9fad6c214a132350ecbf987694

e045795378606edc615cb205a4a7bbd205107d635855b084ac7429639e6b76f0

7cf5deb705b1e36e7c8cbdb9e8eacdb50432bc5551e3f068b647992ad7e4e784

7a1f7c9ff16eeaaeae1294d47b8adc815016104255764b372241a0185bc7af2b

Litmus Live is back February 11-12, 2026! 100% free + virtual. Save your spot.

28% of all emails read on Apple’s iPhones

as one user on Stack Overflow pointed out

optimizing your email’s images for high-DPI screens

Up Your Email Campaign Potential: Proven Strategies for 2026

How to Create an “Add to Calendar” Link for Your Emails

viewport

index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1

robots

With 28% of all emails read on Apple’s iPhones, changes to Apple’s phones, the mobile operating system, and its email rendering can make a big difference to the email marketing world. So it’s no surprise that email geeks have monitored the release of Apple’s new phones. We did too, and we’re breaking down everything you must know about the new iPhones and iOS 12.

description

Everything Email Marketers Need to Know about Apple's New iPhones and iOS 12

https://www.litmus.com/blog/everything-email-marketers-need-to-know-about-the-new-iphones-and-ios-12

https://www.litmus.com/wp-content/uploads/2020/04/everything-email-marketers-need-to-know-about-the-new-iphones.png

twitter:card

twitter:creator

twitter:site

https://www.litmus.com/wp-content/uploads/2020/04/favicon-1.png

msapplication-TileImage

5k_6rSopTATpPQFGUyQm5Ti2hrSGYv3NZUrwUClj5cA

google-site-verification

facebook-domain-verification

DgxyHIhhASDlbF7aEtD5icqioEg-R-1HXC7gYB2Io-E

segment-site-verification

html/4f/92/4f92b3f8-369a-4591-9c60-14c1e53a9669_nodriver.html.gz

Everything Email Marketers Need to Know about Apple's New iPhones and iOS 12 - Litmus

1API GmbH

LITMUS.COM

GC Abuse

Google LLC

GOOGL-2


/* <![CDATA[ */
var gform;gform||(document.addEventListener("gform_main_scripts_loaded",function(){gform.scriptsLoaded=!0}),document.addEventListener("gform/theme/scripts_loaded",function(){gform.themeScriptsLoaded=!0}),window.addEventListener("DOMContentLoaded",function(){gform.domLoaded=!0}),gform={domLoaded:!1,scriptsLoaded:!1,themeScriptsLoaded:!1,isFormEditor:()=>"function"==typeof InitializeEditor,callIfLoaded:function(o){return!(!gform.domLoaded||!gform.scriptsLoaded||!gform.themeScriptsLoaded&&!gform.isFormEditor()||(gform.isFormEditor()&&console.warn("The use of gform.initializeOnLoaded() is deprecated in the form editor context and will be removed in Gravity Forms 3.1."),o(),0))},initializeOnLoaded:function(o){gform.callIfLoaded(o)||(document.addEventListener("gform_main_scripts_loaded",()=>{gform.scriptsLoaded=!0,gform.callIfLoaded(o)}),document.addEventListener("gform/theme/scripts_loaded",()=>{gform.themeScriptsLoaded=!0,gform.callIfLoaded(o)}),window.addEventListener("DOMContentLoaded",()=>{gform.domLoaded=!0,gform.callIfLoaded(o)}))},hooks:{action:{},filter:{}},addAction:function(o,r,e,t){gform.addHook("action",o,r,e,t)},addFilter:function(o,r,e,t){gform.addHook("filter",o,r,e,t)},doAction:function(o){gform.doHook("action",o,arguments)},applyFilters:function(o){return gform.doHook("filter",o,arguments)},removeAction:function(o,r){gform.removeHook("action",o,r)},removeFilter:function(o,r,e){gform.removeHook("filter",o,r,e)},addHook:function(o,r,e,t,n){null==gform.hooks[o][r]&&(gform.hooks[o][r]=[]);var d=gform.hooks[o][r];null==n&&(n=r+"_"+d.length),gform.hooks[o][r].push({tag:n,callable:e,priority:t=null==t?10:t})},doHook:function(r,o,e){var t;if(e=Array.prototype.slice.call(e,1),null!=gform.hooks[r][o]&&((o=gform.hooks[r][o]).sort(function(o,r){return o.priority-r.priority}),o.forEach(function(o){"function"!=typeof(t=o.callable)&&(t=window[t]),"action"==r?t.apply(null,e):e[0]=t.apply(null,e)})),"filter"==r)return e[0]},removeHook:function(o,r,t,n){var e;null!=gform.hooks[o][r]&&(e=(e=gform.hooks[o][r]).filter(function(o,r,e){return!!(null!=n&&n!=o.tag||null!=t&&t!=o.priority)}),gform.hooks[o][r]=e)}});
/* ]]> */


document.documentElement.className = document.documentElement.className.replace(/\bno-js\b/,'js');

/**
 * This file uses jQuery materials and hashchange plugin licensed under the MIT license
 * Portions, Copyright (c) 2010 "Cowboy" Ben Alman
 * http://benalman.com/projects/jquery-hashchange-plugin/


// When the user scrolls the page, execute myFunction
window.onscroll = function() {myFunction()};

function myFunction() {
  var winScroll = document.body.scrollTop || document.documentElement.scrollTop;
  var height = document.documentElement.scrollHeight - document.documentElement.clientHeight;
  var scrolled = (window.scrollY / height) * 100;
  document.getElementById("blog-scroll-indicator").style.width = scrolled + "%";
}


window.addEventListener('DOMContentLoaded', function() {
$(document).ready(function(){
  
$('.loop').owlCarousel({
    loop:false,
    navText : ['<i class="fa fa-angle-left" aria-hidden="true"></i>','<i class="fa fa-angle-right" aria-hidden="true"></i>'],
    margin:30,
    nav:true,
    autoPlay: false,
    dots: false,
    responsive:{
        0:{
            items:1
        },
        600:{
            items:1
        },
        1000:{
            items:3
        }
    }
})
});
});


  Litmus.SegmentioLoader.groupAuthHandler("C0002");



  Litmus.SegmentioLoader.groupAuthHandler("C0003");



  Litmus.SegmentioLoader.groupAuthHandler("C0004");


Home Page

Blogs Hub

Ultimate Guide to Dark Mode [+ Code Snippets, Tools, Tips from the Email Community]

Read answers to FAQs around Dark Mode email, view code snippets, learn about different tools and tips, &amp; download an all-encompassing &quot;Dark Mode email&quot; toolkit! 

GET STARTED


/* <![CDATA[ */
"use strict";var _createClass=function(){function defineProperties(target,props){for(var i=0;i<props.length;i++){var descriptor=props[i];descriptor.enumerable=descriptor.enumerable||!1,descriptor.configurable=!0,"value"in descriptor&&(descriptor.writable=!0),Object.defineProperty(target,descriptor.key,descriptor)}}return function(Constructor,protoProps,staticProps){return protoProps&&defineProperties(Constructor.prototype,protoProps),staticProps&&defineProperties(Constructor,staticProps),Constructor}}();function _classCallCheck(instance,Constructor){if(!(instance instanceof Constructor))throw new TypeError("Cannot call a class as a function")}var RocketBrowserCompatibilityChecker=function(){function RocketBrowserCompatibilityChecker(options){_classCallCheck(this,RocketBrowserCompatibilityChecker),this.passiveSupported=!1,this._checkPassiveOption(this),this.options=!!this.passiveSupported&&options}return _createClass(RocketBrowserCompatibilityChecker,[{key:"_checkPassiveOption",value:function(self){try{var options={get passive(){return!(self.passiveSupported=!0)}};window.addEventListener("test",null,options),window.removeEventListener("test",null,options)}catch(err){self.passiveSupported=!1}}},{key:"initRequestIdleCallback",value:function(){!1 in window&&(window.requestIdleCallback=function(cb){var start=Date.now();return setTimeout(function(){cb({didTimeout:!1,timeRemaining:function(){return Math.max(0,50-(Date.now()-start))}})},1)}),!1 in window&&(window.cancelIdleCallback=function(id){return clearTimeout(id)})}},{key:"isDataSaverModeOn",value:function(){return"connection"in navigator&&!0===navigator.connection.saveData}},{key:"supportsLinkPrefetch",value:function(){var elem=document.createElement("link");return elem.relList&&elem.relList.supports&&elem.relList.supports("prefetch")&&window.IntersectionObserver&&"isIntersecting"in IntersectionObserverEntry.prototype}},{key:"isSlowConnection",value:function(){return"connection"in navigator&&"effectiveType"in navigator.connection&&("2g"===navigator.connection.effectiveType||"slow-2g"===navigator.connection.effectiveType)}}]),RocketBrowserCompatibilityChecker}();
/* ]]> */



/* <![CDATA[ */
var RocketPreloadLinksConfig = {"excludeUris":"\/litmus-cms-login.php|\/customers|\/blog|\/email-design|\/landing-page\/state-of-email-2025-2|\/(?:.+\/)?feed(?:\/(?:.+\/?)?)?$|\/(?:.+\/)?embed\/|http:\/\/(\/%5B\/%5D+)?\/(index.php\/)?(.*)wp-json(\/.*|$)|\/refer\/|\/go\/|\/recommend\/|\/recommends\/","usesTrailingSlash":"","imageExt":"jpg|jpeg|gif|png|tiff|bmp|webp|avif|pdf|doc|docx|xls|xlsx|php","fileExt":"jpg|jpeg|gif|png|tiff|bmp|webp|avif|pdf|doc|docx|xls|xlsx|php|html|htm","siteUrl":"https:\/\/www.litmus.com","onHoverDelay":"100","rateThrottle":"3"};
/* ]]> */



/* <![CDATA[ */
(function() {
"use strict";var r="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},e=function(){function i(e,t){for(var n=0;n<t.length;n++){var i=t[n];i.enumerable=i.enumerable||!1,i.configurable=!0,"value"in i&&(i.writable=!0),Object.defineProperty(e,i.key,i)}}return function(e,t,n){return t&&i(e.prototype,t),n&&i(e,n),e}}();function i(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}var t=function(){function n(e,t){i(this,n),this.browser=e,this.config=t,this.options=this.browser.options,this.prefetched=new Set,this.eventTime=null,this.threshold=1111,this.numOnHover=0}return e(n,[{key:"init",value:function(){!this.browser.supportsLinkPrefetch()||this.browser.isDataSaverModeOn()||this.browser.isSlowConnection()||(this.regex={excludeUris:RegExp(this.config.excludeUris,"i"),images:RegExp(".("+this.config.imageExt+")$","i"),fileExt:RegExp(".("+this.config.fileExt+")$","i")},this._initListeners(this))}},{key:"_initListeners",value:function(e){-1<this.config.onHoverDelay&&document.addEventListener("mouseover",e.listener.bind(e),e.listenerOptions),document.addEventListener("mousedown",e.listener.bind(e),e.listenerOptions),document.addEventListener("touchstart",e.listener.bind(e),e.listenerOptions)}},{key:"listener",value:function(e){var t=e.target.closest("a"),n=this._prepareUrl(t);if(null!==n)switch(e.type){case"mousedown":case"touchstart":this._addPrefetchLink(n);break;case"mouseover":this._earlyPrefetch(t,n,"mouseout")}}},{key:"_earlyPrefetch",value:function(t,e,n){var i=this,r=setTimeout(function(){if(r=null,0===i.numOnHover)setTimeout(function(){return i.numOnHover=0},1e3);else if(i.numOnHover>i.config.rateThrottle)return;i.numOnHover++,i._addPrefetchLink(e)},this.config.onHoverDelay);t.addEventListener(n,function e(){t.removeEventListener(n,e,{passive:!0}),null!==r&&(clearTimeout(r),r=null)},{passive:!0})}},{key:"_addPrefetchLink",value:function(i){return this.prefetched.add(i.href),new Promise(function(e,t){var n=document.createElement("link");n.rel="prefetch",n.href=i.href,n.onload=e,n.onerror=t,document.head.appendChild(n)}).catch(function(){})}},{key:"_prepareUrl",value:function(e){if(null===e||"object"!==(void 0===e?"undefined":r(e))||!1 in e||-1===["http:","https:"].indexOf(e.protocol))return null;var t=e.href.substring(0,this.config.siteUrl.length),n=this._getPathname(e.href,t),i={original:e.href,protocol:e.protocol,origin:t,pathname:n,href:t+n};return this._isLinkOk(i)?i:null}},{key:"_getPathname",value:function(e,t){var n=t?e.substring(this.config.siteUrl.length):e;return n.startsWith("/")||(n="/"+n),this._shouldAddTrailingSlash(n)?n+"/":n}},{key:"_shouldAddTrailingSlash",value:function(e){return this.config.usesTrailingSlash&&!e.endsWith("/")&&!this.regex.fileExt.test(e)}},{key:"_isLinkOk",value:function(e){return null!==e&&"object"===(void 0===e?"undefined":r(e))&&(!this.prefetched.has(e.href)&&e.origin===this.config.siteUrl&&-1===e.href.indexOf("?")&&-1===e.href.indexOf("#")&&!this.regex.excludeUris.test(e.href)&&!this.regex.images.test(e.href))}}],[{key:"run",value:function(){"undefined"!=typeof RocketPreloadLinksConfig&&new n(new RocketBrowserCompatibilityChecker({capture:!0,passive:!0}),RocketPreloadLinksConfig).init()}}]),n}();t.run();
}());
/* ]]> */



/* <![CDATA[ */
var rocket_lazyload_css_data = {"threshold":"300"};
/* ]]> */



/* <![CDATA[ */
!function o(n,c,a){function s(t,e){if(!c[t]){if(!n[t]){var r="function"==typeof require&&require;if(!e&&r)return r(t,!0);if(u)return u(t,!0);throw(r=new Error("Cannot find module '"+t+"'")).code="MODULE_NOT_FOUND",r}r=c[t]={exports:{}},n[t][0].call(r.exports,function(e){return s(n[t][1][e]||e)},r,r.exports,o,n,c,a)}return c[t].exports}for(var u="function"==typeof require&&require,e=0;e<a.length;e++)s(a[e]);return s}({1:[function(e,t,r){"use strict";!function(){const r="undefined"==typeof rocket_pairs?[]:rocket_pairs,e="undefined"==typeof rocket_excluded_pairs?[]:rocket_excluded_pairs;e.map(t=>{var e=t.selector;const r=document.querySelectorAll(e);r.forEach(e=>{e.setAttribute("data-rocket-lazy-bg-".concat(t.hash),"excluded")})});const o=document.querySelector("#wpr-lazyload-bg-container");var t=rocket_lazyload_css_data.threshold||300;const n=new IntersectionObserver(e=>{e.forEach(t=>{if(t.isIntersecting){const e=r.filter(e=>t.target.matches(e.selector));e.map(t=>{var e;t&&((e=document.createElement("style")).textContent=t.style,o.insertAdjacentElement("afterend",e),t.elements.forEach(e=>{n.unobserve(e),e.setAttribute("data-rocket-lazy-bg-".concat(t.hash),"loaded")}))})}})},{rootMargin:t+"px"});function c(){0<(0<arguments.length&&void 0!==arguments[0]?arguments[0]:[]).length&&r.forEach(t=>{try{const e=document.querySelectorAll(t.selector);e.forEach(e=>{"loaded"!==e.getAttribute("data-rocket-lazy-bg-".concat(t.hash))&&"excluded"!==e.getAttribute("data-rocket-lazy-bg-".concat(t.hash))&&(n.observe(e),(t.elements||(t.elements=[])).push(e))})}catch(e){console.error(e)}})}c();const a=function(){const o=window.MutationObserver;return function(e,t){if(e&&1===e.nodeType){const r=new o(t);return r.observe(e,{attributes:!0,childList:!0,subtree:!0}),r}}}();t=document.querySelector("body"),a(t,c)}()},{}]},{},[1]);
//# sourceMappingURL=lazyload-css.min.js.map
/* ]]> */



/* <![CDATA[ */
var SAGE_ARCHIVE_VARS = {"posts_per_page":"6","paged":"1","pageID":"5504"};
var SAGE_AJAX_DEFAULTS = {"posts_per_page":"6","paged":"1","pageID":"5504"};
var SAGE_AJAX_URL = "https:\/\/www.litmus.com\/";
/* ]]> */



/* <![CDATA[ */
wp.i18n.setLocaleData( { 'text direction\u0004ltr': [ 'ltr' ] } );
/* ]]> */



/* <![CDATA[ */
var gform_i18n = {"datepicker":{"days":{"monday":"Mo","tuesday":"Tu","wednesday":"We","thursday":"Th","friday":"Fr","saturday":"Sa","sunday":"Su"},"months":{"january":"January","february":"February","march":"March","april":"April","may":"May","june":"June","july":"July","august":"August","september":"September","october":"October","november":"November","december":"December"},"firstDay":1,"iconText":"Select date"}};
var gf_legacy_multi = [];
var gform_gravityforms = {"strings":{"invalid_file_extension":"This type of file is not allowed. Must be one of the following:","delete_file":"Delete this file","in_progress":"in progress","file_exceeds_limit":"File exceeds size limit","illegal_extension":"This type of file is not allowed.","max_reached":"Maximum number of files reached","unknown_error":"There was a problem while saving the file on the server","currently_uploading":"Please wait for the uploading to complete","cancel":"Cancel","cancel_upload":"Cancel this upload","cancelled":"Cancelled","error":"Error","message":"Message"},"vars":{"images_url":"https:\/\/www.litmus.com\/wp-content\/plugins\/gravityforms\/images"}};
var gf_global = {"gf_currency_config":{"name":"U.S. Dollar","symbol_left":"$","symbol_right":"","symbol_padding":"","thousand_separator":",","decimal_separator":".","decimals":2,"code":"USD"},"base_url":"https:\/\/www.litmus.com\/wp-content\/plugins\/gravityforms","number_formats":[],"spinnerUrl":"https:\/\/www.litmus.com\/wp-content\/plugins\/gravityforms\/images\/spinner.svg","version_hash":"fd71f9370cee64c87f65241ff7b4fd5a","strings":{"newRowAdded":"New row added.","rowRemoved":"Row removed","formSaved":"The form has been saved.  The content contains the link to return and complete the form."}};
/* ]]> */



/* <![CDATA[ */
var gf_legacy = {"is_legacy":""};
/* ]]> */



/* <![CDATA[ */
var gform_theme_config = {"common":{"form":{"honeypot":{"version_hash":"fd71f9370cee64c87f65241ff7b4fd5a"},"ajax":{"ajaxurl":"https:\/\/www.litmus.com\/wp-admin\/admin-ajax.php","ajax_submission_nonce":"7baa5db0d4","i18n":{"step_announcement":"Step %1$s of %2$s, %3$s","unknown_error":"There was an unknown error processing your request. Please try again."}}}},"hmr_dev":"","public_path":"https:\/\/www.litmus.com\/wp-content\/plugins\/gravityforms\/assets\/js\/dist\/","config_nonce":"518ef616f7"};
/* ]]> */


Dark Mode. The tech industry buzzed when Apple added Dark Mode to its desktop email client, followed by iOS Mail and Gmail. Litmus’ Email Client Market Share shows that 35% of opens use Dark Mode, indicating steady adoption. While Dark Mode is now common in inboxes, ensuring emails look great in this setting is a challenge for marketers. This guide covers everything all things Dark Mode, including Dark Mode code and hacks developed by Litmus and the email community, and a list of helpful Dark Mode tools email geeks trust and use often.

Ultimate Guide to Email Dark Mode [+ Code Snippets, Tools, Tips from the Email Community]

Get your toolkit

{
  "@context": "https://schema.org",
  "@type": "HowTo",
  "name": "How to Design and Code for Dark Mode",
  "description": "When targeting Dark Mode styles across different email clients, be sure to follow each of these six steps to improve the Dark Mode email experience for your subscribers.",
  "image": "https://www.litmus.com/wp-content/uploads/2020/09/01-logos.png",
  "tool": [
    {
      "@type": "HowToTool",
      "name": "Text Editor"
    },
    {
      "@type": "HowToTool",
      "name": "Web Browser"
    }
  ],
  "step": [
    {
      "@type": "HowToStep",
      "url": "https://www.litmus.com/dark-mode-guide#step1",
      "name": "Step 1: Optimize your logos and other images for all styles",
      "image": {
        "@type": "ImageObject",
        "url": "https://www.litmus.com/wp-content/uploads/2020/09/01-logos.png",
        "width": 656,
        "height": 540
      },
      "itemListElement": {
        "@type": "HowToDirection",
        "text": "Add a translucent outline to transparent PNGs with dark text for legibility in email clients where Dark Mode customization is more limited, like Gmail App and Outlook 2019 (Windows). This will help prevent any issues where the email client might decide to use either the Partial Color Invert or Full Color Invert settings—and make things easier on the eyes for your subscribers. Opting for transparent backgrounds wherever possible will help with this."
      }
    },
    {
      "@type": "HowToStep",
      "url": "https://www.litmus.com/dark-mode-guide#step2",
      "name": "Step 2: Enable Dark Mode in email client user agents",
      "itemListElement": {
        "@type": "HowToDirection",
        "text": "By including this metadata in your <head> tag, you can ensure that Dark Mode is enabled in your email for subscribers that have Dark Mode turned on: <meta name=\"color-scheme\" content=\"light dark\"> <meta name=\"supported-color-schemes\" content=\"light dark\">"
      }
    },
    {
      "@type": "HowToStep",
      "url": "https://www.litmus.com/dark-mode-guide#step3",
      "name": "Step 3: Add Dark Mode styles for @media (prefers-color-scheme: dark)",
      "itemListElement": {
        "@type": "HowToDirection",
        "text": "Add this Dark Mode media query in your embedded <style></style> section for custom Dark Mode styles in iOS, Apple Mail, Outlook.com, Outlook 2019 (MacOS), and Outlook App (iOS). The .dark-img and .light-img classes are particularly useful for showing a dark mode-specific logo if having an outlined logo isn’t ideal.\n\nExample CSS:\n\n@media (prefers-color-scheme: dark ) {   /* Shows Dark Mode-Only Content, Like Images */   .dark-img { display:block !important; width: auto !important; overflow: visible !important; float: none !important; max-height:inherit !important; max-width:inherit !important; line-height: auto !important; margin-top:0px !important; visibility:inherit !important; }       /* Hides Light Mode-Only Content, Like Images */   .light-img { display:none; display:none !important; }       /* Custom Dark Mode Background Color */   .darkmode { background-color: #272623 !important; }       /* Custom Dark Mode Font Colors */   h1, h2, p, span, a, b { color: #ffffff !important; }       /* Custom Dark Mode Text Link Color */   .link { color: #91ADD4 !important; } }"
      }
    },
    {
      "@type": "HowToStep",
      "url": "https://www.litmus.com/dark-mode-guide#step4",
      "name": "Step 4: Duplicate Dark Mode styles with [data-ogsc] or [data-ogsb] prefix",
      "itemListElement": {
        "@type": "HowToDirection",
        "text": "Add this styling for support in Outlook app (Android).\n\nExample CSS: /* Shows Dark Mode-Only Content, Like Images */ [data-ogsc] .dark-img { display:block !important; width: auto !important; overflow: visible !important; float: none !important; max-height:inherit !important; max-width:inherit !important; line-height: auto !important; margin-top:0px !important; visibility:inherit !important; }   /* Hides Light Mode-Only Content, Like Images */ [data-ogsc] .light-img { display:none; display:none !important; }   /* Custom Dark Mode Background Color */ [data-ogsc] .darkmode { background-color: #272623 !important; }   /* Custom Dark Mode Font Colors */ [data-ogsc] h1, [data-ogsc] h2, [data-ogsc] p, [data-ogsc] span, [data-ogsc] a, [data-ogsc] b { color: #ffffff !important; }   /* Custom Dark Mode Text Link Color */ [data-ogsc] .link { color: #91ADD4 !important; }"
      }
    },
    {
      "@type": "HowToStep",
      "url": "https://www.litmus.com/dark-mode-guide#step5",
      "name": "Step 5: Apply your Dark Mode-only styles to your body HTML",
      "itemListElement": {
        "@type": "HowToDirection",
        "text": "Make sure all of your HTML tags have the appropriate Dark Mode classes inserted. Here is an example of the .dark-img and .light-img classes as they appear in our Light Mode vs. Dark Mode logos.\n\nExample HTML:  <a rel=\"noopener\" target=\"_blank\" rel=\"noopener\" target=\"_blank\" rel=\"noopener\" target=\"_blank\" href=\"http://litmus.com/\" target=\"_blank\">       <img class=\"light-img\" src=\"https://campaigns.litmus.com/_email/_global/images/logo_icon-name-black.png\" width=\"163\" height=\"60\" alt=\"Litmus\" style=\"color: #33373E; font-family:'proxima_nova', Helvetica, Arial, sans-serif; text-align:center; font-weight:bold; font-size:36px; line-height:40px; text-decoration: none; margin: 0 auto; padding: 0;\" border=\"0\" />              <div class=\"dark-img\" style=\"display:none; overflow:hidden; float:left; width:0px; max-height:0px; max-width:0px; line-height:0px; visibility:hidden;\" align=\"center\">           <img src=\"https://campaigns.litmus.com/_email/_global/images/logo_icon-name-white.png\" width=\"163\" height=\"60\" alt=\"Litmus\" style=\"color: #ffffff; font-family:'proxima_nova', Helvetica, Arial, sans-serif; text-align:center; font-weight:bold; font-size:36px; line-height:40px; text-decoration: none; margin: 0 auto; padding: 0;\" border=\"0\" />     </div>   </a> "
      }
    },
    {
      "@type": "HowToStep",
      "url": "https://www.litmus.com/dark-mode-guide#step6",
      "name": "Step 6: ABT: Always Be Testing!",
      "itemListElement": {
        "@type": "HowToDirection",
        "text": "As we always mention, email clients are constantly changing. Especially with a feature like Dark Mode, tweaks to rendering logic are frequent. The only way to be on top of it all? Test every email with a tool like Litmus."
      }
    }
  ]
}


  Litmus.SegmentioLoader.groupAuthHandler("C0001");


PoweredBy

WordPress

Nginx

MySQL

MariaDB

Fastly

Akamai Bot Manager

Pantheon

HSTS

Typekit

Gravity Forms

Adobe Fonts

✅ Low Risk - https://www.litmus.com/blog/everything-email-marketers-need-to-know-about-the-new-iphones-and-ios-12

Requests	IP Address	Location	AS Autonomous System
9	23.185.0.4	United States	AS54113FASTLY
6	3.171.214.84	Germany	AS20940
6	34.107.218.251	Kansas City, Missouri, United States	AS396982GOOGLE-CLOUD-PLATFORM
6	184.24.77.146	Germany	AS396982
6	184.24.77.152	Germany	Unknown
6	104.18.86.42	Germany	Unknown
39	6	-	-

Security Scan Report: www.litmus.com

Summary

AI Security Verdict

Safe Website

Safety Factors

Details

Screenshot

Page Load Overview

Language Analysis

Primary Language

Detection Details

Website Classification

Primary Category

All Detected Categories

Detected Features

Domain & IP Information

Detected Technologies12

Content Similarity HashesFor malware variant detection

TLSH (Trend Micro Locality Sensitive Hash)

ssdeep (Context Triggered Piecewise Hashing)

sdhash (Similarity Digest Hashing)

Image Hashes

Perceptual Hashes

Other Hashes

Scan History