{"id":25976,"date":"2025-05-05T16:27:25","date_gmt":"2025-05-05T19:27:25","guid":{"rendered":"https:\/\/www.bybrand.io\/blog\/?p=25976"},"modified":"2025-05-05T16:27:26","modified_gmt":"2025-05-05T19:27:26","slug":"firma-con-modo-oscuro","status":"publish","type":"post","link":"https:\/\/www.bybrand.io\/blog\/es\/firma-con-modo-oscuro\/","title":{"rendered":"C\u00f3mo crear una firma de correo electr\u00f3nico profesional con modo oscuro"},"content":{"rendered":"\n<p>Si has intentado crear una firma de correo electr\u00f3nico en Gmail, probablemente te habr\u00e1s dado cuenta de que el editor est\u00e1ndar de firmas de correo electr\u00f3nico no admite el modo oscuro. Aunque puede que te quedes con una firma de color claro en el editor est\u00e1ndar, es f\u00e1cil crear una firma en modo oscuro que se mimetice con el fondo de cualquier cliente de correo electr\u00f3nico. <\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"h-que-es-una-firma-de-correo-electronico-en-modo-oscuro\"><span id=\"que-es-una-firma-de-correo-electronico-en-modo-oscuro\">\u00bfQu\u00e9 es una firma de correo electr\u00f3nico en modo oscuro?<\/span><\/h2>\n\n\n\n<p>Las firmas en modo oscuro se adaptan perfectamente a la interfaz de tu cliente de correo electr\u00f3nico, mezcl\u00e1ndose elegantemente con el fondo y manteniendo la claridad profesional.<\/p>\n\n\n\n<p>Estas firmas mejoran la legibilidad al complementar tu mensaje en lugar de competir con \u00e9l, creando una jerarqu\u00eda visual que mantiene la atenci\u00f3n en lo que m\u00e1s importa. Esto es especialmente valioso en entornos profesionales. <\/p>\n\n\n\n<p>Cuando los colores de la marca, como el naranja vibrante o el morado intenso, pueden chocar con las interfaces de correo electr\u00f3nico est\u00e1ndar, las firmas en modo oscuro ofrecen una soluci\u00f3n elegante.<\/p>\n\n\n\n<p>Puedes crear estas firmas utilizando un fondo transparente que se adapta autom\u00e1ticamente, o un fondo oscuro cuidadosamente seleccionado para conseguir un contraste sofisticado.<\/p>\n\n\n\n<p>Ejemplo con fondo transparente:<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"873\" height=\"580\" src=\"https:\/\/www.bybrand.io\/blog\/wp-content\/uploads\/2022\/10\/sig-transparent-background.gif\" alt=\"Ejemplo con fondo transparente.\" class=\"wp-image-11004\"\/><\/figure><\/div>\n\n\n<p>Ejemplo con fondo oscuro:<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"842\" height=\"549\" src=\"https:\/\/www.bybrand.io\/blog\/wp-content\/uploads\/2022\/10\/sig-dark-background.png\" alt=\"Ejemplo con fondo oscuro.\" class=\"wp-image-11007\" srcset=\"https:\/\/www.bybrand.io\/blog\/wp-content\/uploads\/2022\/10\/sig-dark-background.png 842w, https:\/\/www.bybrand.io\/blog\/wp-content\/uploads\/2022\/10\/sig-dark-background-300x196.png 300w, https:\/\/www.bybrand.io\/blog\/wp-content\/uploads\/2022\/10\/sig-dark-background-150x98.png 150w, https:\/\/www.bybrand.io\/blog\/wp-content\/uploads\/2022\/10\/sig-dark-background-768x501.png 768w, https:\/\/www.bybrand.io\/blog\/wp-content\/uploads\/2022\/10\/sig-dark-background-390x254.png 390w, https:\/\/www.bybrand.io\/blog\/wp-content\/uploads\/2022\/10\/sig-dark-background-820x535.png 820w\" sizes=\"auto, (max-width: 842px) 100vw, 842px\" \/><\/figure>\n\n\n\n<h2 id=\"que-problemas-tiene-una-firma-de-correo-electronico-en-modo-oscuro\" class=\"wp-block-heading\">\u00bfQu\u00e9 problemas tiene una firma de correo electr\u00f3nico en modo oscuro?<\/h2>\n\n\n\n<p>El principal problema de las firmas de correo electr\u00f3nico en modo oscuro es que algunas firmas no son compatibles con el modo oscuro. Utilizar im\u00e1genes, determinados colores de texto y logotipos que no sean transparentes podr\u00eda afectar al aspecto de una firma de correo electr\u00f3nico. <\/p>\n\n\n\n<p>Por ejemplo, el modo oscuro podr\u00eda cambiar tu texto de azul oscuro a verde, afectando a tu logotipo o a tu marca. Como este entorno de fondo oscuro gana cada vez m\u00e1s popularidad, ajustar tu firma de correo electr\u00f3nico a un dise\u00f1o compatible con el modo oscuro se convierte en algo esencial.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"h-consejos-para-crear-una-firma-profesional-en-modo-oscuro\"><span id=\"consejos-para-crear-una-firma-profesional-en-modo-oscuro\">Consejos para crear una firma profesional en modo oscuro<\/span><\/h2>\n\n\n\n<h3 id=\"crea-firmas-de-correo-electronico-con-un-editor-profesional\" class=\"wp-block-heading\">Crea firmas de correo electr\u00f3nico con un editor profesional<\/h3>\n\n\n\n<p>Utilizar un editor profesional podr\u00eda eliminar el dolor de cabeza que supone dise\u00f1ar tu firma de correo electr\u00f3nico para que sea compatible con los modos claro y oscuro. <a href=\"https:\/\/www.bybrand.io\/es\" target=\"_blank\" rel=\"noreferrer noopener\">Bybrand<\/a> es un potente software gestor de firmas HTML creado para ayudar a desplegar r\u00e1pidamente firmas de correo electr\u00f3nico empresariales y profesionales.<\/p>\n\n\n\n<p>Con el editor r\u00e1pido y f\u00e1cil de usar de Bybrand, podr\u00e1s crear firmas HTML hiperpersonalizadas que se adaptar\u00e1n autom\u00e1ticamente a los modos claros y oscuros. Tendr\u00e1s acceso ilimitado a todas las funciones adicionales, que incluyen m\u00e1s de <a href=\"https:\/\/www.bybrand.io\/es\/templates\" target=\"_blank\" rel=\"noreferrer noopener\">40 plantillas de firma de correo electr\u00f3nico<\/a>, para crear una firma profesional que funcione para ti.<\/p>\n\n\n\n<figure class=\"wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<iframe loading=\"lazy\" title=\"How to create a dark-mode HTML email signature for Gmail\" width=\"500\" height=\"281\" src=\"https:\/\/www.youtube.com\/embed\/p49-6CXrAzo?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen><\/iframe>\n<\/div><\/figure>\n\n\n\n<p>Lee tambi\u00e9n: <a href=\"https:\/\/www.bybrand.io\/docs\/article\/background-color\/\" target=\"_blank\" rel=\"noreferrer noopener\">C\u00f3mo cambiar el color de fondo de la firma de correo electr\u00f3nico<\/a>.<\/p>\n\n\n\n<h3 id=\"utiliza-un-logotipo-transparente\" class=\"wp-block-heading\">Utiliza un logotipo transparente<\/h3>\n\n\n\n<p>Utilizar un fondo transparente garantiza que tu logotipo no tendr\u00e1 un recuadro blanco detr\u00e1s sobre un fondo oscuro. Sin embargo, lo mejor ser\u00eda asegurarse de que el color de tu logotipo es compatible con fondos claros y oscuros.<\/p>\n\n\n\n<p>Aunque la transparencia puede ser \u00fatil, tambi\u00e9n puede causar algunos problemas si no se hace correctamente. Aseg\u00farate de probar tu logotipo sobre distintos fondos para evitar problemas.<\/p>\n\n\n\n<h3 id=\"color-del-texto\" class=\"wp-block-heading\">Color del texto<\/h3>\n\n\n\n<p>La mayor\u00eda de los clientes de correo electr\u00f3nico con un ajuste de modo oscuro invertir\u00e1n los colores del fondo y del texto para que aparezcan mejor sobre un fondo gris oscuro. Esto har\u00eda que tu texto cambiara a un color diferente. Ten en cuenta este cambio, ya que podr\u00eda oponerse a los colores de tu marca. Por ejemplo, cualquier texto negro o gris se invertir\u00e1 y aparecer\u00e1 blanco.   <\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"h-evita-la-firma-de-correo-electronico-de-solo-imagen\"><span id=\"evita-la-firma-de-correo-electronico-de-solo-imagen\">Evita la firma de correo electr\u00f3nico de solo imagen<\/span><\/h3>\n\n\n\n<p>Evita siempre <a href=\"https:\/\/www.bybrand.io\/blog\/es\/canva-vs-firma-html\/\" target=\"_blank\" rel=\"noreferrer noopener\">utilizar una imagen como firma de correo electr\u00f3nico<\/a>. En la mayor\u00eda de los clientes de correo electr\u00f3nico, las im\u00e1genes no se descargan ni se muestran autom\u00e1ticamente, y es probable que tu correo sea bloqueado por los filtros de correo basura. <\/p>\n\n\n\n<p>Otro inconveniente es que el destinatario no puede copiar tu informaci\u00f3n de contacto, y no puedes a\u00f1adir hiperv\u00ednculos dentro de la imagen. Por \u00faltimo, con las firmas solo con im\u00e1genes, no podr\u00edas utilizar el efecto de modo oscuro.<\/p>\n\n\n\n<h2 id=\"prueba-tu-firma-de-correo-electronico-en-modo-oscuro\" class=\"wp-block-heading\">Prueba tu firma de correo electr\u00f3nico en modo oscuro<\/h2>\n\n\n\n<p>Es esencial que pruebes tu firma de correo electr\u00f3nico en varios clientes de correo electr\u00f3nico diferentes para asegurarte de que se mezcla con el fondo. Aqu\u00ed tienes algunos clientes de correo electr\u00f3nico populares y c\u00f3mo probar tu firma: <\/p>\n\n\n\n<h3 id=\"gmail\" class=\"wp-block-heading\">Gmail<\/h3>\n\n\n\n<p>Para probar tu firma en Gmail, crea un nuevo correo electr\u00f3nico y haz clic en el bot\u00f3n &#8220;Firma&#8221; situado debajo del teclado. Si no est\u00e1s en modo oscuro, Gmail te pedir\u00e1 que lo actives. <\/p>\n\n\n\n<p><strong>Ver tambi\u00e9n:<\/strong> <a href=\"https:\/\/www.linkedin.com\/pulse\/how-change-your-email-signature-gmail-bybrand\/\" target=\"_blank\" rel=\"noreferrer noopener\">C\u00f3mo cambiar tu firma de correo electr\u00f3nico en Gmail<\/a>.<\/p>\n\n\n\n<h3 id=\"outlook\" class=\"wp-block-heading\">Outlook<\/h3>\n\n\n\n<p>Para probar tu firma en Outlook, haz clic en el bot\u00f3n &#8220;Elementos enviados&#8221; de la barra de navegaci\u00f3n superior y crea un nuevo correo electr\u00f3nico. Podr\u00e1s ver tu firma completa seleccionando &#8220;Modo Pantalla Completa&#8221; en el men\u00fa Ver. <\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"h-apple-mail\"><span id=\"apple-mail\">Apple Mail<\/span><\/h3>\n\n\n\n<p>Para probar tu firma en Apple Mail, haz clic en el bot\u00f3n &#8220;Editar&#8221; situado debajo del teclado y selecciona &#8220;Firma&#8221;. Podr\u00e1s ver tu firma completa seleccionando &#8220;Modo Pantalla Completa&#8221; en el men\u00fa Ver. <\/p>\n\n\n\n<p>Ver tambi\u00e9n: <a href=\"https:\/\/www.bybrand.io\/blog\/es\/firma-para-mac-mail\/\" target=\"_blank\" rel=\"noreferrer noopener\">A\u00f1adir una firma de correo electr\u00f3nico HTML en Apple Mail en Mac<\/a>.<\/p>\n\n\n\n<h3 id=\"otros-clientes-de-correo-electronico\" class=\"wp-block-heading\">Otros clientes de correo electr\u00f3nico<\/h3>\n\n\n\n<p>Si utilizas un cliente de correo electr\u00f3nico diferente, hay varias formas de probar tu firma. Puedes copiar y pegar tu firma en un nuevo correo electr\u00f3nico y envi\u00e1rtelo a ti mismo. Tambi\u00e9n puedes utilizar un navegador como el Modo Oscuro para probar tu firma HTML.<\/p>\n\n\n\n<h2 id=\"como-activar-el-modo-oscuro-en-gmail\" class=\"wp-block-heading\">C\u00f3mo activar el modo oscuro en Gmail<\/h2>\n\n\n\n<p>Si quieres crear una firma de correo electr\u00f3nico profesional en modo oscuro, primero deber\u00e1s activar el modo oscuro en Gmail.<\/p>\n\n\n\n<p>Para activar el modo oscuro en Gmail, sigue estos pasos:<\/p>\n\n\n\n<p><strong>Paso 1:<\/strong> Abre Gmail e inicia sesi\u00f3n si es necesario.<\/p>\n\n\n\n<p><strong>Paso 2:<\/strong> Selecciona el icono de <strong>Configuraci\u00f3n<\/strong> con forma de engranaje situado en la parte superior derecha de la pantalla.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"800\" height=\"401\" src=\"https:\/\/www.bybrand.io\/blog\/wp-content\/uploads\/2022\/10\/SignatureDarkMode1.jpg\" alt=\"Bot\u00f3n Configuraci\u00f3n de Gmail\" class=\"wp-image-10991\" srcset=\"https:\/\/www.bybrand.io\/blog\/wp-content\/uploads\/2022\/10\/SignatureDarkMode1.jpg 800w, https:\/\/www.bybrand.io\/blog\/wp-content\/uploads\/2022\/10\/SignatureDarkMode1-300x150.jpg 300w, https:\/\/www.bybrand.io\/blog\/wp-content\/uploads\/2022\/10\/SignatureDarkMode1-150x75.jpg 150w, https:\/\/www.bybrand.io\/blog\/wp-content\/uploads\/2022\/10\/SignatureDarkMode1-768x385.jpg 768w, https:\/\/www.bybrand.io\/blog\/wp-content\/uploads\/2022\/10\/SignatureDarkMode1-390x195.jpg 390w\" sizes=\"auto, (max-width: 800px) 100vw, 800px\" \/><\/figure>\n\n\n\n<p><strong>Paso 3:<\/strong> En la secci\u00f3n <strong>Tema<\/strong>, haz clic en Ver todos.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"800\" height=\"401\" src=\"https:\/\/www.bybrand.io\/blog\/wp-content\/uploads\/2022\/10\/SignatureDarkMode2.jpg\" alt=\"Opciones del tema de Gmail.\" class=\"wp-image-10995\" srcset=\"https:\/\/www.bybrand.io\/blog\/wp-content\/uploads\/2022\/10\/SignatureDarkMode2.jpg 800w, https:\/\/www.bybrand.io\/blog\/wp-content\/uploads\/2022\/10\/SignatureDarkMode2-300x150.jpg 300w, https:\/\/www.bybrand.io\/blog\/wp-content\/uploads\/2022\/10\/SignatureDarkMode2-150x75.jpg 150w, https:\/\/www.bybrand.io\/blog\/wp-content\/uploads\/2022\/10\/SignatureDarkMode2-768x385.jpg 768w, https:\/\/www.bybrand.io\/blog\/wp-content\/uploads\/2022\/10\/SignatureDarkMode2-390x195.jpg 390w\" sizes=\"auto, (max-width: 800px) 100vw, 800px\" \/><\/figure>\n\n\n\n<p><strong>Paso 4:<\/strong> Despl\u00e1zate hacia abajo y elige el tema <strong>Oscuro<\/strong>, luego haz clic en <strong>Guardar<\/strong>.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"800\" height=\"527\" src=\"https:\/\/www.bybrand.io\/blog\/wp-content\/uploads\/2022\/10\/SignatureDarkMode3.jpg\" alt=\"Tema oscuro de Gmail.\" class=\"wp-image-10999\" srcset=\"https:\/\/www.bybrand.io\/blog\/wp-content\/uploads\/2022\/10\/SignatureDarkMode3.jpg 800w, https:\/\/www.bybrand.io\/blog\/wp-content\/uploads\/2022\/10\/SignatureDarkMode3-300x198.jpg 300w, https:\/\/www.bybrand.io\/blog\/wp-content\/uploads\/2022\/10\/SignatureDarkMode3-150x99.jpg 150w, https:\/\/www.bybrand.io\/blog\/wp-content\/uploads\/2022\/10\/SignatureDarkMode3-768x506.jpg 768w, https:\/\/www.bybrand.io\/blog\/wp-content\/uploads\/2022\/10\/SignatureDarkMode3-390x257.jpg 390w\" sizes=\"auto, (max-width: 800px) 100vw, 800px\" \/><\/figure>\n\n\n\n<p>Hay un fondo blanco en la ventana Redactar para los correos nuevos, pero casi todo lo dem\u00e1s aparecer\u00e1 en modo oscuro. Desde aqu\u00ed, podr\u00edas ver tu firma de correo electr\u00f3nico y probarla en modo oscuro para ver si est\u00e1 dise\u00f1ada adecuadamente. <\/p>\n\n\n\n<h2 id=\"conclusion\" class=\"wp-block-heading\">Conclusi\u00f3n<\/h2>\n\n\n\n<p>El modo oscuro es una funci\u00f3n de ahorro de energ\u00eda popular que mejora la legibilidad al fundir las firmas de correo electr\u00f3nico con el fondo, destacando el contenido principal.<\/p>\n\n\n\n<p>Crear firmas atractivas en modo oscuro es sencillo y compatible con Gmail, Outlook, Yahoo y otros servicios de correo que lo admitan.<\/p>\n\n\n\n<p>Para crear una firma profesional en modo oscuro, usa un editor especializado, logotipos transparentes y optimiza los colores del texto, evitando firmas basadas solo en im\u00e1genes.<\/p>\n\n\n\n<hr class=\"wp-block-separator has-css-opacity\"\/>\n\n\n\n<div class=\"wp-block-media-text alignwide is-stacked-on-mobile is-vertically-aligned-center is-image-fill-element has-text-color\" style=\"color:#333333;grid-template-columns:18% auto\"><figure class=\"wp-block-media-text__media\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"536\" src=\"https:\/\/www.bybrand.io\/blog\/wp-content\/uploads\/2020\/10\/signature-block-footer2-1024x536.png\" alt=\"Bybrand background\" class=\"wp-image-3392 size-full\" style=\"object-position:0% 50%\" srcset=\"https:\/\/www.bybrand.io\/blog\/wp-content\/uploads\/2020\/10\/signature-block-footer2-1024x536.png 1024w, https:\/\/www.bybrand.io\/blog\/wp-content\/uploads\/2020\/10\/signature-block-footer2-300x157.png 300w, https:\/\/www.bybrand.io\/blog\/wp-content\/uploads\/2020\/10\/signature-block-footer2-150x79.png 150w, https:\/\/www.bybrand.io\/blog\/wp-content\/uploads\/2020\/10\/signature-block-footer2-768x402.png 768w, https:\/\/www.bybrand.io\/blog\/wp-content\/uploads\/2020\/10\/signature-block-footer2-764x400.png 764w, https:\/\/www.bybrand.io\/blog\/wp-content\/uploads\/2020\/10\/signature-block-footer2-420x220.png 420w, https:\/\/www.bybrand.io\/blog\/wp-content\/uploads\/2020\/10\/signature-block-footer2.png 1200w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure><div class=\"wp-block-media-text__content\">\n<h3 class=\"wp-block-heading\" id=\"h-crea-tu-primera-firma-de-correo-electronico-con-bybrand\"><span id=\"crea-tu-primera-firma-de-correo-electronico-con-bybrand\">Crea tu primera firma de correo electr\u00f3nico con Bybrand<\/span><\/h3>\n\n\n\n<p>Cree, administre e implemente poderosas firmas de correo electr\u00f3nico para su equipo usando Bybrand.<\/p>\n\n\n\n<div class=\"wp-block-buttons is-layout-flex wp-block-buttons-is-layout-flex\">\n<div class=\"wp-block-button is-style-fill\"><a class=\"wp-block-button__link has-white-color has-text-color has-background has-link-color wp-element-button\" href=\"https:\/\/app.bybrand.io\/auth\/create?utm_source=blog&amp;utm_medium=post&amp;utm_campaign=free_trial_es\" style=\"background-color:#191970\" target=\"_blank\" rel=\"noreferrer noopener\">Iniciar prueba gratuita<\/a><\/div>\n<\/div>\n\n\n\n<p>O <a href=\"https:\/\/www.bybrand.io\/es?utm_source=blog&amp;utm_medium=post&amp;utm_campaign=moreinfo_es\"> obtener m\u00e1s informaci\u00f3n.<\/a><\/p>\n<\/div><\/div>\n\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"Es f\u00e1cil crear una firma en modo oscuro que se mimetice con el fondo de cualquier cliente de correo electr\u00f3nico; consulta todos los pasos.\n","protected":false},"author":4,"featured_media":11036,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[3043],"tags":[],"class_list":{"0":"post-25976","1":"post","2":"type-post","3":"status-publish","4":"format-standard","5":"has-post-thumbnail","7":"category-tutoriales-practicos"},"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v26.9 (Yoast SEO v26.9) - https:\/\/yoast.com\/product\/yoast-seo-premium-wordpress\/ -->\n<title>Crea firma de correo electr\u00f3nico profesional con modo oscuro<\/title>\n<meta name=\"description\" content=\"Utilizando un editor profesional de firmas de correo electr\u00f3nico, puedes crear una firma HTML con modo oscuro. Lee los pasos para establecer el modo oscuro para Gmail\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.bybrand.io\/blog\/es\/firma-con-modo-oscuro\/\" \/>\n<meta property=\"og:locale\" content=\"es_ES\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"C\u00f3mo crear una firma de correo electr\u00f3nico profesional con modo oscuro\" \/>\n<meta property=\"og:description\" content=\"Es f\u00e1cil crear una firma en modo oscuro que se mimetice con el fondo de cualquier cliente de correo electr\u00f3nico; consulta todos los pasos.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.bybrand.io\/blog\/es\/firma-con-modo-oscuro\/\" \/>\n<meta property=\"og:site_name\" content=\"Bybrand\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/bybrandio\/\" \/>\n<meta property=\"article:published_time\" content=\"2025-05-05T19:27:25+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2025-05-05T19:27:26+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.bybrand.io\/blog\/wp-content\/uploads\/2022\/10\/SignatureDarkModeHeader.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1200\" \/>\n\t<meta property=\"og:image:height\" content=\"675\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"Bybrand\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@bybrandio\" \/>\n<meta name=\"twitter:site\" content=\"@bybrandio\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"TechArticle\",\"@id\":\"https:\/\/www.bybrand.io\/blog\/es\/firma-con-modo-oscuro\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/www.bybrand.io\/blog\/es\/firma-con-modo-oscuro\/\"},\"author\":{\"name\":\"Bybrand\",\"@id\":\"https:\/\/www.bybrand.io\/blog\/es\/#\/schema\/person\/4ea649e80647a86de8d17a9b3454dc99\"},\"headline\":\"C\u00f3mo crear una firma de correo electr\u00f3nico profesional con modo oscuro\",\"datePublished\":\"2025-05-05T19:27:25+00:00\",\"dateModified\":\"2025-05-05T19:27:26+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/www.bybrand.io\/blog\/es\/firma-con-modo-oscuro\/\"},\"wordCount\":1234,\"publisher\":{\"@id\":\"https:\/\/www.bybrand.io\/blog\/es\/#organization\"},\"image\":{\"@id\":\"https:\/\/www.bybrand.io\/blog\/es\/firma-con-modo-oscuro\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.bybrand.io\/blog\/wp-content\/uploads\/2022\/10\/SignatureDarkModeHeader.png\",\"articleSection\":[\"Tutoriales pr\u00e1cticos\"],\"inLanguage\":\"es-ES\"},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.bybrand.io\/blog\/es\/firma-con-modo-oscuro\/\",\"url\":\"https:\/\/www.bybrand.io\/blog\/es\/firma-con-modo-oscuro\/\",\"name\":\"Crea firma de correo electr\u00f3nico profesional con modo oscuro\",\"isPartOf\":{\"@id\":\"https:\/\/www.bybrand.io\/blog\/es\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/www.bybrand.io\/blog\/es\/firma-con-modo-oscuro\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/www.bybrand.io\/blog\/es\/firma-con-modo-oscuro\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.bybrand.io\/blog\/wp-content\/uploads\/2022\/10\/SignatureDarkModeHeader.png\",\"datePublished\":\"2025-05-05T19:27:25+00:00\",\"dateModified\":\"2025-05-05T19:27:26+00:00\",\"description\":\"Utilizando un editor profesional de firmas de correo electr\u00f3nico, puedes crear una firma HTML con modo oscuro. Lee los pasos para establecer el modo oscuro para Gmail\",\"breadcrumb\":{\"@id\":\"https:\/\/www.bybrand.io\/blog\/es\/firma-con-modo-oscuro\/#breadcrumb\"},\"inLanguage\":\"es-ES\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.bybrand.io\/blog\/es\/firma-con-modo-oscuro\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"es-ES\",\"@id\":\"https:\/\/www.bybrand.io\/blog\/es\/firma-con-modo-oscuro\/#primaryimage\",\"url\":\"https:\/\/www.bybrand.io\/blog\/wp-content\/uploads\/2022\/10\/SignatureDarkModeHeader.png\",\"contentUrl\":\"https:\/\/www.bybrand.io\/blog\/wp-content\/uploads\/2022\/10\/SignatureDarkModeHeader.png\",\"width\":1200,\"height\":675,\"caption\":\"Email signature with dark mode\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.bybrand.io\/blog\/es\/firma-con-modo-oscuro\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"In\u00edcio\",\"item\":\"https:\/\/www.bybrand.io\/blog\/es\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"C\u00f3mo crear una firma de correo electr\u00f3nico profesional con modo oscuro\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.bybrand.io\/blog\/es\/#website\",\"url\":\"https:\/\/www.bybrand.io\/blog\/es\/\",\"name\":\"Bybrand\",\"description\":\"Business Email Signatures Manager\",\"publisher\":{\"@id\":\"https:\/\/www.bybrand.io\/blog\/es\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.bybrand.io\/blog\/es\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"es-ES\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/www.bybrand.io\/blog\/es\/#organization\",\"name\":\"Bybrand\",\"url\":\"https:\/\/www.bybrand.io\/blog\/es\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"es-ES\",\"@id\":\"https:\/\/www.bybrand.io\/blog\/es\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/www.bybrand.io\/blog\/wp-content\/uploads\/2021\/04\/icon-600x600-1.png\",\"contentUrl\":\"https:\/\/www.bybrand.io\/blog\/wp-content\/uploads\/2021\/04\/icon-600x600-1.png\",\"width\":600,\"height\":600,\"caption\":\"Bybrand\"},\"image\":{\"@id\":\"https:\/\/www.bybrand.io\/blog\/es\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/bybrandio\/\",\"https:\/\/x.com\/bybrandio\",\"https:\/\/www.youtube.com\/channel\/UCPUuCgnrU3CWGJiQz5ZoZdA\",\"https:\/\/www.linkedin.com\/company\/bybrand\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/www.bybrand.io\/blog\/es\/#\/schema\/person\/4ea649e80647a86de8d17a9b3454dc99\",\"name\":\"Bybrand\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"es-ES\",\"@id\":\"https:\/\/www.bybrand.io\/blog\/es\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/0db1c7d7836cb218fe710bb074fa076dad1961a92e31ccbf6e7528ab7a8d07cf?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/0db1c7d7836cb218fe710bb074fa076dad1961a92e31ccbf6e7528ab7a8d07cf?s=96&d=mm&r=g\",\"caption\":\"Bybrand\"},\"description\":\"Bybrand is an email signature generator made for IT Managers and Marketing Professionals. The idea is to save you time in managing your team\u2019s email signatures while providing a robust marketing channel.\",\"sameAs\":[\"https:\/\/www.bybrand.io\/\",\"https:\/\/www.linkedin.com\/company\/bybrand\",\"https:\/\/www.youtube.com\/@bybrand\"],\"url\":\"https:\/\/www.bybrand.io\/blog\/es\/author\/bybrand\/\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Crea firma de correo electr\u00f3nico profesional con modo oscuro","description":"Utilizando un editor profesional de firmas de correo electr\u00f3nico, puedes crear una firma HTML con modo oscuro. Lee los pasos para establecer el modo oscuro para Gmail","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:\/\/www.bybrand.io\/blog\/es\/firma-con-modo-oscuro\/","og_locale":"es_ES","og_type":"article","og_title":"C\u00f3mo crear una firma de correo electr\u00f3nico profesional con modo oscuro","og_description":"Es f\u00e1cil crear una firma en modo oscuro que se mimetice con el fondo de cualquier cliente de correo electr\u00f3nico; consulta todos los pasos.","og_url":"https:\/\/www.bybrand.io\/blog\/es\/firma-con-modo-oscuro\/","og_site_name":"Bybrand","article_publisher":"https:\/\/www.facebook.com\/bybrandio\/","article_published_time":"2025-05-05T19:27:25+00:00","article_modified_time":"2025-05-05T19:27:26+00:00","og_image":[{"width":1200,"height":675,"url":"https:\/\/www.bybrand.io\/blog\/wp-content\/uploads\/2022\/10\/SignatureDarkModeHeader.png","type":"image\/png"}],"author":"Bybrand","twitter_card":"summary_large_image","twitter_creator":"@bybrandio","twitter_site":"@bybrandio","schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"TechArticle","@id":"https:\/\/www.bybrand.io\/blog\/es\/firma-con-modo-oscuro\/#article","isPartOf":{"@id":"https:\/\/www.bybrand.io\/blog\/es\/firma-con-modo-oscuro\/"},"author":{"name":"Bybrand","@id":"https:\/\/www.bybrand.io\/blog\/es\/#\/schema\/person\/4ea649e80647a86de8d17a9b3454dc99"},"headline":"C\u00f3mo crear una firma de correo electr\u00f3nico profesional con modo oscuro","datePublished":"2025-05-05T19:27:25+00:00","dateModified":"2025-05-05T19:27:26+00:00","mainEntityOfPage":{"@id":"https:\/\/www.bybrand.io\/blog\/es\/firma-con-modo-oscuro\/"},"wordCount":1234,"publisher":{"@id":"https:\/\/www.bybrand.io\/blog\/es\/#organization"},"image":{"@id":"https:\/\/www.bybrand.io\/blog\/es\/firma-con-modo-oscuro\/#primaryimage"},"thumbnailUrl":"https:\/\/www.bybrand.io\/blog\/wp-content\/uploads\/2022\/10\/SignatureDarkModeHeader.png","articleSection":["Tutoriales pr\u00e1cticos"],"inLanguage":"es-ES"},{"@type":"WebPage","@id":"https:\/\/www.bybrand.io\/blog\/es\/firma-con-modo-oscuro\/","url":"https:\/\/www.bybrand.io\/blog\/es\/firma-con-modo-oscuro\/","name":"Crea firma de correo electr\u00f3nico profesional con modo oscuro","isPartOf":{"@id":"https:\/\/www.bybrand.io\/blog\/es\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.bybrand.io\/blog\/es\/firma-con-modo-oscuro\/#primaryimage"},"image":{"@id":"https:\/\/www.bybrand.io\/blog\/es\/firma-con-modo-oscuro\/#primaryimage"},"thumbnailUrl":"https:\/\/www.bybrand.io\/blog\/wp-content\/uploads\/2022\/10\/SignatureDarkModeHeader.png","datePublished":"2025-05-05T19:27:25+00:00","dateModified":"2025-05-05T19:27:26+00:00","description":"Utilizando un editor profesional de firmas de correo electr\u00f3nico, puedes crear una firma HTML con modo oscuro. Lee los pasos para establecer el modo oscuro para Gmail","breadcrumb":{"@id":"https:\/\/www.bybrand.io\/blog\/es\/firma-con-modo-oscuro\/#breadcrumb"},"inLanguage":"es-ES","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.bybrand.io\/blog\/es\/firma-con-modo-oscuro\/"]}]},{"@type":"ImageObject","inLanguage":"es-ES","@id":"https:\/\/www.bybrand.io\/blog\/es\/firma-con-modo-oscuro\/#primaryimage","url":"https:\/\/www.bybrand.io\/blog\/wp-content\/uploads\/2022\/10\/SignatureDarkModeHeader.png","contentUrl":"https:\/\/www.bybrand.io\/blog\/wp-content\/uploads\/2022\/10\/SignatureDarkModeHeader.png","width":1200,"height":675,"caption":"Email signature with dark mode"},{"@type":"BreadcrumbList","@id":"https:\/\/www.bybrand.io\/blog\/es\/firma-con-modo-oscuro\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"In\u00edcio","item":"https:\/\/www.bybrand.io\/blog\/es\/"},{"@type":"ListItem","position":2,"name":"C\u00f3mo crear una firma de correo electr\u00f3nico profesional con modo oscuro"}]},{"@type":"WebSite","@id":"https:\/\/www.bybrand.io\/blog\/es\/#website","url":"https:\/\/www.bybrand.io\/blog\/es\/","name":"Bybrand","description":"Business Email Signatures Manager","publisher":{"@id":"https:\/\/www.bybrand.io\/blog\/es\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.bybrand.io\/blog\/es\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"es-ES"},{"@type":"Organization","@id":"https:\/\/www.bybrand.io\/blog\/es\/#organization","name":"Bybrand","url":"https:\/\/www.bybrand.io\/blog\/es\/","logo":{"@type":"ImageObject","inLanguage":"es-ES","@id":"https:\/\/www.bybrand.io\/blog\/es\/#\/schema\/logo\/image\/","url":"https:\/\/www.bybrand.io\/blog\/wp-content\/uploads\/2021\/04\/icon-600x600-1.png","contentUrl":"https:\/\/www.bybrand.io\/blog\/wp-content\/uploads\/2021\/04\/icon-600x600-1.png","width":600,"height":600,"caption":"Bybrand"},"image":{"@id":"https:\/\/www.bybrand.io\/blog\/es\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/bybrandio\/","https:\/\/x.com\/bybrandio","https:\/\/www.youtube.com\/channel\/UCPUuCgnrU3CWGJiQz5ZoZdA","https:\/\/www.linkedin.com\/company\/bybrand"]},{"@type":"Person","@id":"https:\/\/www.bybrand.io\/blog\/es\/#\/schema\/person\/4ea649e80647a86de8d17a9b3454dc99","name":"Bybrand","image":{"@type":"ImageObject","inLanguage":"es-ES","@id":"https:\/\/www.bybrand.io\/blog\/es\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/0db1c7d7836cb218fe710bb074fa076dad1961a92e31ccbf6e7528ab7a8d07cf?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/0db1c7d7836cb218fe710bb074fa076dad1961a92e31ccbf6e7528ab7a8d07cf?s=96&d=mm&r=g","caption":"Bybrand"},"description":"Bybrand is an email signature generator made for IT Managers and Marketing Professionals. The idea is to save you time in managing your team\u2019s email signatures while providing a robust marketing channel.","sameAs":["https:\/\/www.bybrand.io\/","https:\/\/www.linkedin.com\/company\/bybrand","https:\/\/www.youtube.com\/@bybrand"],"url":"https:\/\/www.bybrand.io\/blog\/es\/author\/bybrand\/"}]}},"amp_enabled":true,"_links":{"self":[{"href":"https:\/\/www.bybrand.io\/blog\/es\/wp-json\/wp\/v2\/posts\/25976","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.bybrand.io\/blog\/es\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.bybrand.io\/blog\/es\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.bybrand.io\/blog\/es\/wp-json\/wp\/v2\/users\/4"}],"replies":[{"embeddable":true,"href":"https:\/\/www.bybrand.io\/blog\/es\/wp-json\/wp\/v2\/comments?post=25976"}],"version-history":[{"count":1,"href":"https:\/\/www.bybrand.io\/blog\/es\/wp-json\/wp\/v2\/posts\/25976\/revisions"}],"predecessor-version":[{"id":25978,"href":"https:\/\/www.bybrand.io\/blog\/es\/wp-json\/wp\/v2\/posts\/25976\/revisions\/25978"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.bybrand.io\/blog\/es\/wp-json\/wp\/v2\/media\/11036"}],"wp:attachment":[{"href":"https:\/\/www.bybrand.io\/blog\/es\/wp-json\/wp\/v2\/media?parent=25976"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.bybrand.io\/blog\/es\/wp-json\/wp\/v2\/categories?post=25976"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.bybrand.io\/blog\/es\/wp-json\/wp\/v2\/tags?post=25976"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}