{"id":29860,"date":"2026-02-12T10:58:26","date_gmt":"2026-02-12T09:58:26","guid":{"rendered":"https:\/\/acumbamail.com\/blog\/dark-mode-email-design\/"},"modified":"2026-02-12T10:58:26","modified_gmt":"2026-02-12T09:58:26","slug":"dark-mode-email-design","status":"publish","type":"post","link":"https:\/\/acumbamail.com\/blog\/en\/dark-mode-email-design\/","title":{"rendered":"How to Adapt Your Email Design to Dark Mode"},"content":{"rendered":"<!-- wp: --><span style=\"font-weight: 400\">The<\/span><strong>dark mode<\/strong><strong>in <a href=\"https:\/\/acumbamail.com\/email-marketing\/\">email marketing<\/a><\/strong><span style=\"font-weight: 400\">is one of the most popular trends. Do you want to learn how to adapt your email campaigns to it? We show you tips and design structures designed to adapt your newsletter campaigns to this option that is in the hands of the user<\/span><strong>.<\/strong><h2>What is dark mode and why is it used<\/h2><span style=\"font-weight: 400\">This trend has taken the lead because<\/span><strong>the main mobile phone software and browsers have enabled the option to view applications with less bright colors that cause less visual fatigue. <\/strong><span style=\"font-weight: 400\">It consists of changing the environment of applications and the mobile or browser itself to dark, with black tones and light letters.<\/span><span style=\"font-weight: 400\">Specifically, anyone who has<\/span><strong>dark mode activated will benefit from:<\/strong><ul><li><strong>Battery saving:<\/strong> offers lower energy consumption compared to the normal light mode.<\/li><li><strong>Better adaptation in dimly lit or nighttime environments:<\/strong> due to its tones and brightness.<\/li><li><strong>Reduction of visual fatigue:<\/strong> by not receiving so much intense white light directly, the eyes feel more rested and it does not affect sleep quality as harshly.<\/li><\/ul><span style=\"font-weight: 400\">Precisely for this reason,<\/span><strong>it is a trend that the vast majority of people activate this display option on their mobile phones<\/strong><span style=\"font-weight: 400\">or even on Google or Gmail. And that&#8217;s where we come in to tell you how you should adapt your email marketing campaigns.<\/span><h2>How to design emails adapting to dark mode<\/h2><span style=\"font-weight: 400\">This mode changes the default colors to their opposites if it detects that the backgrounds are too light. For this reason, this list of tips will help you know<\/span><strong>how to design <a href=\"https:\/\/acumbamail.com\/blog\/newsletter-que-es\/\">newsletter<\/a> in this mode:<\/strong><h3>1. Design structurally for both modes<\/h3><span style=\"font-weight: 400\">At the HTML level, you can<\/span><strong>use tags to detect when Gmail or the mobile device is using dark mode or light mode<\/strong><span style=\"font-weight: 400\">, so one color scheme or another will be used. Another option is to design directly for this mode, that is, with a dark background and light letters, as it will look good in both modes.<\/span><h3>2. Use transparent images<\/h3><span style=\"font-weight: 400\">It is advisable that<\/span><strong>images have no background<\/strong><span style=\"font-weight: 400\">(if the background is going to be white or very light), since dark mode only alters colors in CSS, that is, the background and text colors, but not the images, and this will make them fit better.<\/span><h3>3. Try color palettes that are not intense<\/h3><span style=\"font-weight: 400\">It is best for dark mode<\/span><strong>to avoid using pure black<\/strong><span style=\"font-weight: 400\">(#000000) and instead use dark gray tones leaning towards blacks or dark blues, as this is what dark mode itself does. You can use colors in buttons and images, but make sure<\/span><strong>they are not harmful to the eyes<\/strong><span style=\"font-weight: 400\">when combined with dark mode.<\/span><h3>4. Choose the right typography<\/h3><span style=\"font-weight: 400\">If we choose a font that is too thin, in dark mode it will cause many<\/span><strong>reading difficulties.<\/strong><span style=\"font-weight: 400\">In this case, we have two options:<\/span><ul><li>Choose a <strong>font that is legible<\/strong> in both modes.<\/li><li><strong>Add a light border<\/strong> to the text that will not be visible in normal mode but will be in dark mode and will facilitate reading.<\/li><\/ul><span style=\"font-weight: 400\">In short, we are facing an evident trend that you cannot ignore in email marketing campaigns, so you should<\/span><strong>take advantage of these tips and start adapting to this display option on mobile devices<\/strong><span style=\"font-weight: 400\">, just as major operating systems and applications are doing. Don&#8217;t forget to test in both modes before sending the newsletters!<\/span><!-- \/wp: -->","protected":false},"excerpt":{"rendered":"<p>Thedark modein email marketingis one of the most popular trends. Do you want to learn how to adapt your email campaigns to it? We show you tips and design structures designed to adapt your newsletter campaigns to this option that is in the hands of the user. What is dark mode and why is it [&hellip;]<\/p>\n","protected":false},"author":22,"featured_media":15897,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1632],"tags":[],"class_list":["post-29860","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-diseno"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v26.8 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>How to Adapt Your Email Design to Dark Mode<\/title>\n<meta name=\"description\" content=\"We teach you how to design your emails considering dark mode to ensure they are displayed correctly at all times.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/acumbamail.com\/blog\/en\/dark-mode-email-design\/\" \/>\n<meta property=\"og:locale\" content=\"es_ES\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"How to Adapt Your Email Design to Dark Mode\" \/>\n<meta property=\"og:description\" content=\"We teach you how to design your emails considering dark mode to ensure they are displayed correctly at all times.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/acumbamail.com\/blog\/en\/dark-mode-email-design\/\" \/>\n<meta property=\"og:site_name\" content=\"Blog de Acumbamail\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/Acumbamail\" \/>\n<meta property=\"article:published_time\" content=\"2026-02-12T09:58:26+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/acumbamail.com\/blog\/wp-content\/uploads\/2020\/04\/modo-oscuromail.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"850\" \/>\n\t<meta property=\"og:image:height\" content=\"567\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Pablo D\u00edaz\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@pablo.diaz@acumbamail.com\" \/>\n<meta name=\"twitter:site\" content=\"@acumbamail\" \/>\n<meta name=\"twitter:label1\" content=\"Escrito por\" \/>\n\t<meta name=\"twitter:data1\" content=\"Pablo D\u00edaz\" \/>\n\t<meta name=\"twitter:label2\" content=\"Tiempo de lectura\" \/>\n\t<meta name=\"twitter:data2\" content=\"3 minutos\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/acumbamail.com\/blog\/en\/dark-mode-email-design\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/acumbamail.com\/blog\/en\/dark-mode-email-design\/\"},\"author\":{\"name\":\"Pablo D\u00edaz\",\"@id\":\"https:\/\/acumbamail.com\/blog\/#\/schema\/person\/055a0a9230bbcd078fcf2d115abc240e\"},\"headline\":\"How to Adapt Your Email Design to Dark Mode\",\"datePublished\":\"2026-02-12T09:58:26+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/acumbamail.com\/blog\/en\/dark-mode-email-design\/\"},\"wordCount\":563,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/acumbamail.com\/blog\/#organization\"},\"image\":{\"@id\":\"https:\/\/acumbamail.com\/blog\/en\/dark-mode-email-design\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/acumbamail.com\/blog\/wp-content\/uploads\/2020\/04\/modo-oscuromail.jpg\",\"articleSection\":[\"Dise\u00f1o Gr\u00e1fico\"],\"inLanguage\":\"es\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/acumbamail.com\/blog\/en\/dark-mode-email-design\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/acumbamail.com\/blog\/en\/dark-mode-email-design\/\",\"url\":\"https:\/\/acumbamail.com\/blog\/en\/dark-mode-email-design\/\",\"name\":\"How to Adapt Your Email Design to Dark Mode\",\"isPartOf\":{\"@id\":\"https:\/\/acumbamail.com\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/acumbamail.com\/blog\/en\/dark-mode-email-design\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/acumbamail.com\/blog\/en\/dark-mode-email-design\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/acumbamail.com\/blog\/wp-content\/uploads\/2020\/04\/modo-oscuromail.jpg\",\"datePublished\":\"2026-02-12T09:58:26+00:00\",\"description\":\"We teach you how to design your emails considering dark mode to ensure they are displayed correctly at all times.\",\"breadcrumb\":{\"@id\":\"https:\/\/acumbamail.com\/blog\/en\/dark-mode-email-design\/#breadcrumb\"},\"inLanguage\":\"es\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/acumbamail.com\/blog\/en\/dark-mode-email-design\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\/\/acumbamail.com\/blog\/en\/dark-mode-email-design\/#primaryimage\",\"url\":\"https:\/\/acumbamail.com\/blog\/wp-content\/uploads\/2020\/04\/modo-oscuromail.jpg\",\"contentUrl\":\"https:\/\/acumbamail.com\/blog\/wp-content\/uploads\/2020\/04\/modo-oscuromail.jpg\",\"width\":850,\"height\":567,\"caption\":\"C\u00f3mo adaptar el dise\u00f1o de tus emails al modo oscuro\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/acumbamail.com\/blog\/en\/dark-mode-email-design\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Blog Acumbamail\",\"item\":\"https:\/\/acumbamail.com\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Uncategorized\",\"item\":\"https:\/\/acumbamail.com\/blog\/category\/uncategorized-es\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"How to Adapt Your Email Design to Dark Mode\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/acumbamail.com\/blog\/#website\",\"url\":\"https:\/\/acumbamail.com\/blog\/\",\"name\":\"Blog de Acumbamail\",\"description\":\"Blog sobre email marketing y marketing online\",\"publisher\":{\"@id\":\"https:\/\/acumbamail.com\/blog\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/acumbamail.com\/blog\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"es\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/acumbamail.com\/blog\/#organization\",\"name\":\"Acumbamail\",\"url\":\"https:\/\/acumbamail.com\/blog\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\/\/acumbamail.com\/blog\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/acumbamail.com\/blog\/wp-content\/uploads\/2022\/05\/acumbamail-black-logo.9f7ef42753fc.svg\",\"contentUrl\":\"https:\/\/acumbamail.com\/blog\/wp-content\/uploads\/2022\/05\/acumbamail-black-logo.9f7ef42753fc.svg\",\"width\":1,\"height\":1,\"caption\":\"Acumbamail\"},\"image\":{\"@id\":\"https:\/\/acumbamail.com\/blog\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/Acumbamail\",\"https:\/\/x.com\/acumbamail\",\"https:\/\/es.linkedin.com\/company\/acumbamail\",\"https:\/\/www.youtube.com\/channel\/UCTBXceaOBLUqC0bdUXc2PDA\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/acumbamail.com\/blog\/#\/schema\/person\/055a0a9230bbcd078fcf2d115abc240e\",\"name\":\"Pablo D\u00edaz\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\/\/acumbamail.com\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/acumbamail.com\/blog\/wp-content\/uploads\/2022\/04\/pablo.svg\",\"contentUrl\":\"https:\/\/acumbamail.com\/blog\/wp-content\/uploads\/2022\/04\/pablo.svg\",\"caption\":\"Pablo D\u00edaz\"},\"description\":\"Soy licenciado en Comunicaci\u00f3n Audiovisual y, actualmente, Senior Marketing Specialist en Acumbamail. Antes, vend\u00eda papel en Dunder Mifflin.\",\"sameAs\":[\"https:\/\/www.linkedin.com\/in\/pablodiazgimenez\/\",\"https:\/\/x.com\/pablo.diaz@acumbamail.com\"],\"url\":\"https:\/\/acumbamail.com\/blog\/author\/pablo\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"How to Adapt Your Email Design to Dark Mode","description":"We teach you how to design your emails considering dark mode to ensure they are displayed correctly at all times.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/acumbamail.com\/blog\/en\/dark-mode-email-design\/","og_locale":"es_ES","og_type":"article","og_title":"How to Adapt Your Email Design to Dark Mode","og_description":"We teach you how to design your emails considering dark mode to ensure they are displayed correctly at all times.","og_url":"https:\/\/acumbamail.com\/blog\/en\/dark-mode-email-design\/","og_site_name":"Blog de Acumbamail","article_publisher":"https:\/\/www.facebook.com\/Acumbamail","article_published_time":"2026-02-12T09:58:26+00:00","og_image":[{"width":850,"height":567,"url":"https:\/\/acumbamail.com\/blog\/wp-content\/uploads\/2020\/04\/modo-oscuromail.jpg","type":"image\/jpeg"}],"author":"Pablo D\u00edaz","twitter_card":"summary_large_image","twitter_creator":"@pablo.diaz@acumbamail.com","twitter_site":"@acumbamail","twitter_misc":{"Escrito por":"Pablo D\u00edaz","Tiempo de lectura":"3 minutos"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/acumbamail.com\/blog\/en\/dark-mode-email-design\/#article","isPartOf":{"@id":"https:\/\/acumbamail.com\/blog\/en\/dark-mode-email-design\/"},"author":{"name":"Pablo D\u00edaz","@id":"https:\/\/acumbamail.com\/blog\/#\/schema\/person\/055a0a9230bbcd078fcf2d115abc240e"},"headline":"How to Adapt Your Email Design to Dark Mode","datePublished":"2026-02-12T09:58:26+00:00","mainEntityOfPage":{"@id":"https:\/\/acumbamail.com\/blog\/en\/dark-mode-email-design\/"},"wordCount":563,"commentCount":0,"publisher":{"@id":"https:\/\/acumbamail.com\/blog\/#organization"},"image":{"@id":"https:\/\/acumbamail.com\/blog\/en\/dark-mode-email-design\/#primaryimage"},"thumbnailUrl":"https:\/\/acumbamail.com\/blog\/wp-content\/uploads\/2020\/04\/modo-oscuromail.jpg","articleSection":["Dise\u00f1o Gr\u00e1fico"],"inLanguage":"es","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/acumbamail.com\/blog\/en\/dark-mode-email-design\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/acumbamail.com\/blog\/en\/dark-mode-email-design\/","url":"https:\/\/acumbamail.com\/blog\/en\/dark-mode-email-design\/","name":"How to Adapt Your Email Design to Dark Mode","isPartOf":{"@id":"https:\/\/acumbamail.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/acumbamail.com\/blog\/en\/dark-mode-email-design\/#primaryimage"},"image":{"@id":"https:\/\/acumbamail.com\/blog\/en\/dark-mode-email-design\/#primaryimage"},"thumbnailUrl":"https:\/\/acumbamail.com\/blog\/wp-content\/uploads\/2020\/04\/modo-oscuromail.jpg","datePublished":"2026-02-12T09:58:26+00:00","description":"We teach you how to design your emails considering dark mode to ensure they are displayed correctly at all times.","breadcrumb":{"@id":"https:\/\/acumbamail.com\/blog\/en\/dark-mode-email-design\/#breadcrumb"},"inLanguage":"es","potentialAction":[{"@type":"ReadAction","target":["https:\/\/acumbamail.com\/blog\/en\/dark-mode-email-design\/"]}]},{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/acumbamail.com\/blog\/en\/dark-mode-email-design\/#primaryimage","url":"https:\/\/acumbamail.com\/blog\/wp-content\/uploads\/2020\/04\/modo-oscuromail.jpg","contentUrl":"https:\/\/acumbamail.com\/blog\/wp-content\/uploads\/2020\/04\/modo-oscuromail.jpg","width":850,"height":567,"caption":"C\u00f3mo adaptar el dise\u00f1o de tus emails al modo oscuro"},{"@type":"BreadcrumbList","@id":"https:\/\/acumbamail.com\/blog\/en\/dark-mode-email-design\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Blog Acumbamail","item":"https:\/\/acumbamail.com\/blog\/"},{"@type":"ListItem","position":2,"name":"Uncategorized","item":"https:\/\/acumbamail.com\/blog\/category\/uncategorized-es\/"},{"@type":"ListItem","position":3,"name":"How to Adapt Your Email Design to Dark Mode"}]},{"@type":"WebSite","@id":"https:\/\/acumbamail.com\/blog\/#website","url":"https:\/\/acumbamail.com\/blog\/","name":"Blog de Acumbamail","description":"Blog sobre email marketing y marketing online","publisher":{"@id":"https:\/\/acumbamail.com\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/acumbamail.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"es"},{"@type":"Organization","@id":"https:\/\/acumbamail.com\/blog\/#organization","name":"Acumbamail","url":"https:\/\/acumbamail.com\/blog\/","logo":{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/acumbamail.com\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/acumbamail.com\/blog\/wp-content\/uploads\/2022\/05\/acumbamail-black-logo.9f7ef42753fc.svg","contentUrl":"https:\/\/acumbamail.com\/blog\/wp-content\/uploads\/2022\/05\/acumbamail-black-logo.9f7ef42753fc.svg","width":1,"height":1,"caption":"Acumbamail"},"image":{"@id":"https:\/\/acumbamail.com\/blog\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/Acumbamail","https:\/\/x.com\/acumbamail","https:\/\/es.linkedin.com\/company\/acumbamail","https:\/\/www.youtube.com\/channel\/UCTBXceaOBLUqC0bdUXc2PDA"]},{"@type":"Person","@id":"https:\/\/acumbamail.com\/blog\/#\/schema\/person\/055a0a9230bbcd078fcf2d115abc240e","name":"Pablo D\u00edaz","image":{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/acumbamail.com\/blog\/#\/schema\/person\/image\/","url":"https:\/\/acumbamail.com\/blog\/wp-content\/uploads\/2022\/04\/pablo.svg","contentUrl":"https:\/\/acumbamail.com\/blog\/wp-content\/uploads\/2022\/04\/pablo.svg","caption":"Pablo D\u00edaz"},"description":"Soy licenciado en Comunicaci\u00f3n Audiovisual y, actualmente, Senior Marketing Specialist en Acumbamail. Antes, vend\u00eda papel en Dunder Mifflin.","sameAs":["https:\/\/www.linkedin.com\/in\/pablodiazgimenez\/","https:\/\/x.com\/pablo.diaz@acumbamail.com"],"url":"https:\/\/acumbamail.com\/blog\/author\/pablo\/"}]}},"lang":"en","translations":{"en":29860,"es":15898},"pll_sync_post":[],"_links":{"self":[{"href":"https:\/\/acumbamail.com\/blog\/wp-json\/wp\/v2\/posts\/29860","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/acumbamail.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/acumbamail.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/acumbamail.com\/blog\/wp-json\/wp\/v2\/users\/22"}],"replies":[{"embeddable":true,"href":"https:\/\/acumbamail.com\/blog\/wp-json\/wp\/v2\/comments?post=29860"}],"version-history":[{"count":0,"href":"https:\/\/acumbamail.com\/blog\/wp-json\/wp\/v2\/posts\/29860\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/acumbamail.com\/blog\/wp-json\/wp\/v2\/media\/15897"}],"wp:attachment":[{"href":"https:\/\/acumbamail.com\/blog\/wp-json\/wp\/v2\/media?parent=29860"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/acumbamail.com\/blog\/wp-json\/wp\/v2\/categories?post=29860"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/acumbamail.com\/blog\/wp-json\/wp\/v2\/tags?post=29860"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}