{"id":2745,"date":"2025-02-05T12:11:24","date_gmt":"2025-02-05T11:11:24","guid":{"rendered":"https:\/\/acwebstudio.com\/blog\/?p=2745"},"modified":"2025-02-03T12:11:55","modified_gmt":"2025-02-03T11:11:55","slug":"por-que-tu-sitio-necesita-un-modo-oscuro-y-como-darselo","status":"publish","type":"post","link":"https:\/\/acwebstudio.com\/blog\/por-que-tu-sitio-necesita-un-modo-oscuro-y-como-darselo\/","title":{"rendered":"Por qu\u00e9 tu sitio necesita un modo oscuro (y c\u00f3mo d\u00e1rselo)"},"content":{"rendered":"

Hoy vamos a sumergirnos en un tema que est\u00e1 m\u00e1s de moda que los filtros de Instagram con orejitas de perro: el modo oscuro, <\/strong>o dark mode<\/strong>. S\u00ed, esa interfaz elegante, casi misteriosa, que hace que todo parezca sacado de una pel\u00edcula de hackers. Pero no te dejes enga\u00f1ar por la est\u00e9tica, que el modo oscuro no es solo para verse cool<\/i>, tambi\u00e9n tiene sus ventajas, y hoy vamos a desentra\u00f1ar todos sus secretos.\u00a0 As\u00ed que, ag\u00e1rrate a tu silla gamer<\/em> y prep\u00e1rate para un viaje al coraz\u00f3n de las tinieblas digitales, pero con la luz de mi sabidur\u00eda iluminando el camino.<\/p>\n

\u00bfQu\u00e9 demonios es el modo oscuro?<\/h2>\n

Para empezar, el modo oscuro no es precisamente un invento nuevo, aunque ahora est\u00e9 en boca de todos, como ese meme del gatito enojado. Piensa en las antiguas pantallas de f\u00f3sforo verde de los 80, como si las computadoras hubieran salido de Matrix antes de que Matrix fuera top<\/em>. Esos eran modos oscuros a la fuerza. La idea de interfaces oscuras ha estado presente desde los albores de la computaci\u00f3n personal, pero por razones t\u00e9cnicas m\u00e1s que est\u00e9ticas. En la era de las pantallas CRT, con sus electrones disparados a lo loco, se prefer\u00edan fondos oscuros para evitar el desgaste prematuro de la pantalla. Adem\u00e1s, con los primeros sistemas operativos y entornos de desarrollo, la mayor\u00eda de las interfaces de usuario tambi\u00e9n eran oscuras, con texto claro sobre un fondo negro. Esto no era una elecci\u00f3n de estilo, sino una necesidad t\u00e9cnica y econ\u00f3mica.<\/p>\n

Con el tiempo, la tecnolog\u00eda mejor\u00f3 y nos pasamos a la claridad, pero el lado oscuro nos segu\u00eda seduciendo. Ahora, la popularidad del modo oscuro no solo se basa en una nostalgia retro (aunque, seamos sinceros, un poco de nostalgia nunca viene mal), sino tambi\u00e9n en sus beneficios reales. Los usuarios han descubierto que pasar horas mirando pantallas brillantes cansa la vista, y el modo oscuro promete aliviar esa fatiga visual. Imag\u00ednate leer un libro con una linterna apunt\u00e1ndote directamente a los ojos\u2026 no es agradable, \u00bfverdad? Adem\u00e1s, en las modernas pantallas OLED, los p\u00edxeles negros est\u00e1n literalmente apagados, lo que, en teor\u00eda, ahorra bater\u00eda. Y, claro, no podemos negar que se ve incre\u00edblemente chic<\/em>.<\/p>\n

Beneficios del modo oscuro<\/h2>\n

Ahora, hablemos de tu web. S\u00ed, esa que con tanto cari\u00f1o has construido y que ahora mismo podr\u00eda estar luciendo como si la hubieran dise\u00f1ado en 1999. Es hora de modernizarla, y el modo oscuro es la tendencia. No es solo una cuesti\u00f3n de est\u00e9tica, aunque, seamos honestos, un modo oscuro bien implementado hace que tu sitio parezca sacado de una pel\u00edcula de ciencia ficci\u00f3n.<\/p>\n

Empecemos con la experiencia del usuario. \u00bfHas intentado leer un texto blanco sobre un fondo negro bajo la luz del sol? Casi necesitas gafas de sol para interiores. Ahora, imagina a tus usuarios navegando por tu web de noche, con la \u00fanica luz de la pantalla iluminando su cara. El modo oscuro les va a dar una experiencia mucho m\u00e1s placentera, como si les hubieras puesto un b\u00e1lsamo en los ojos. Adem\u00e1s, estamos en una era en la que la personalizaci\u00f3n es clave. Ofrecer la opci\u00f3n de cambiar entre modo claro y oscuro es como darles a tus usuarios el control remoto de su experiencia. Se sentir\u00e1n como los amos de su propio universo digital. Y todos sabemos que un usuario contento es un usuario que regresa.<\/p>\n

Otra ventaja es el consumo de energ\u00eda, sobre todo en dispositivos con pantallas OLED. Como cada p\u00edxel negro est\u00e1 apagado, se consume menos energ\u00eda, lo que se traduce en una mayor duraci\u00f3n de la bater\u00eda. No estamos diciendo que con el modo oscuro tu sitio web vaya a salvar el planeta, pero cada granito de arena cuenta.<\/p>\n

Implementaci\u00f3n del modo oscuro<\/h2>\n

Vale, te he convencido. Est\u00e1s listo para pasarte al lado oscuro. Pero, \u00bfc\u00f3mo se hace? No te preocupes, no necesitas ser un Jedi del c\u00f3digo para lograrlo. Vamos a ver algunas formas de implementar el modo oscuro en tu web sin que tengas que vender un ri\u00f1\u00f3n para pagarle a un desarrollador (a menos que ya seas uno, en cuyo caso, \u00a1enhorabuena!).<\/p>\n

Primero, hablemos de CSS. Este es el lenguaje que le dice a tu web c\u00f3mo debe verse. Para crear un modo oscuro, vas a tener que crear estilos espec\u00edficos. B\u00e1sicamente, vas a invertir los colores: fondos negros, textos blancos o grises, y as\u00ed sucesivamente. Puedes hacerlo creando una hoja de estilos separada para el modo oscuro o, mejor a\u00fan, usando variables CSS, que te permiten cambiar los colores de forma din\u00e1mica con solo un par de l\u00edneas de c\u00f3digo.<\/p>\n

Pero aqu\u00ed viene la parte interesante: la propiedad prefers-color-scheme<\/code>. Esta peque\u00f1a joya te permite detectar si el usuario tiene activado el modo oscuro en su sistema operativo. As\u00ed, tu web puede cambiar autom\u00e1ticamente al modo oscuro sin que el usuario tenga que hacer nada. Magia pura, \u00bfno?<\/p>\n

Ahora, si quieres darle a tus usuarios el poder de elegir, necesitas un poco de JavaScript. Con unas pocas l\u00edneas de c\u00f3digo, puedes a\u00f1adir un bot\u00f3n que permita cambiar entre modos. Y para que tu web recuerde la preferencia del usuario, puedes usar cookies<\/em> o localStorage<\/em>. As\u00ed, cada vez que visiten tu sitio, lo ver\u00e1n tal y como lo dejaron, como si hubieran guardado su partida en un videojuego.<\/p>\n

Y, por \u00faltimo, pero no menos importante, hay frameworks<\/em> y librer\u00edas que te pueden hacer la vida m\u00e1s f\u00e1cil. Tailwind CSS, Bootstrap, y otras herramientas similares ofrecen utilidades para implementar el modo oscuro de forma r\u00e1pida y sencilla. No necesitas reinventar la rueda, usa lo que ya existe y funciona.<\/p>\n

Consideraciones importantes<\/h2>\n

Implementar el modo oscuro no es solo cambiar los colores y ya. Hay que hacerlo bien, o tu web puede terminar pareciendo un desastre. Lo primero es la legibilidad. Aseg\u00farate de que el texto se pueda leer f\u00e1cilmente sobre el fondo oscuro. Elige colores que tengan suficiente contraste, pero que no sean tan brillantes que parezcan neones. Piensa en un gris claro o un blanco roto en lugar de un blanco puro.<\/p>\n

Los contrastes son fundamentales. No solo entre el texto y el fondo, sino tambi\u00e9n entre los diferentes elementos de la p\u00e1gina. Los botones, los enlaces, los iconos\u2026 todo debe ser claramente visible. Si los usuarios tienen que forzar la vista para encontrar algo, no van a estar contentos.<\/p>\n

Las im\u00e1genes y los gr\u00e1ficos tambi\u00e9n son importantes. Algunos pueden verse bien en modo claro, pero en modo oscuro se convierten en manchas oscuras sin sentido. Aseg\u00farate de que todas tus im\u00e1genes sean visibles en ambos modos. Puedes incluso considerar la posibilidad de usar im\u00e1genes diferentes para cada modo, adaptadas espec\u00edficamente para cada uno.<\/p>\n

Y, por \u00faltimo, haz pruebas. Muchas pruebas. No asumas que todo va a funcionar a la perfecci\u00f3n desde el principio. Prueba tu web en diferentes dispositivos, navegadores y sistemas operativos. Pide a tus amigos, familiares o incluso a extra\u00f1os que prueben tu web y te den su opini\u00f3n. Lo importante es que la experiencia del usuario sea impecable, tanto en modo claro como en modo oscuro.<\/p>\n

Sitios web que ya viven en la oscuridad<\/h2>\n

Si necesitas inspiraci\u00f3n, solo tienes que mirar a tu alrededor. Muchos sitios web populares ya han implementado el modo oscuro, y lo han hecho muy bien. Twitter, por ejemplo, ofrece un modo oscuro que es elegante y f\u00e1cil de leer. YouTube tambi\u00e9n te permite sumergirte en la oscuridad, haciendo que los v\u00eddeos destaquen a\u00fan m\u00e1s. Y no olvidemos a Reddit, el foro de internet por excelencia, cuyo modo oscuro es casi legendario.<\/p>\n

Estas grandes empresas han invertido tiempo y recursos en optimizar sus modos oscuros, y los resultados son evidentes. Han demostrado que el modo oscuro no es solo una moda pasajera, sino una caracter\u00edstica que ha llegado para quedarse.<\/p>\n

El lado oscuro te espera<\/h2>\n

En resumen, el modo oscuro es mucho m\u00e1s que una simple moda. Ofrece beneficios reales para tus usuarios, desde una mayor comodidad visual hasta un ahorro de bater\u00eda en algunos dispositivos. Adem\u00e1s, le da a tu web un toque moderno y sofisticado que la har\u00e1 destacar entre la multitud. Y lo mejor de todo es que no es tan dif\u00edcil de implementar como podr\u00edas pensar.<\/p>\n

As\u00ed que, si a\u00fan no lo has hecho, te animo a que consideres seriamente la posibilidad de a\u00f1adir un modo oscuro a tu sitio web. Tus usuarios te lo agradecer\u00e1n, y tu web se ver\u00e1 m\u00e1s incre\u00edble\u00a0que nunca. No temas al lado oscuro, abr\u00e1zalo, y ver\u00e1s c\u00f3mo tu web se transforma en algo realmente especial.<\/p>\n

Y ahora, quiero saber tu opini\u00f3n. \u00bfHas experimentado con el modo oscuro en tus dispositivos o en tus sitios web favoritos? \u00bfTe gusta? \u00bfLo odias? \u00bfTienes alg\u00fan consejo para quienes se est\u00e1n planteando implementarlo? \u00a1Comparte tus experiencias en los comentarios!<\/p>\n","protected":false},"excerpt":{"rendered":"

Hoy vamos a sumergirnos en un tema que est\u00e1 m\u00e1s de moda que los filtros de Instagram con orejitas de perro: el modo oscuro. S\u00ed, esa interfaz elegante, casi misteriosa, que hace que todo parezca sacado de una pel\u00edcula de hackers.<\/p>\n","protected":false},"author":1,"featured_media":2746,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[51],"tags":[],"class_list":["post-2745","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-tendencias"],"acf":[],"yoast_head":"\nPor qu\u00e9 tu sitio necesita un modo oscuro (y c\u00f3mo d\u00e1rselo)<\/title>\n<meta name=\"description\" content=\"Hoy vamos a sumergirnos en un tema que est\u00e1 m\u00e1s de moda que los filtros de Instagram con orejitas de perro: el modo oscuro o dark mode.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/acwebstudio.com\/blog\/por-que-tu-sitio-necesita-un-modo-oscuro-y-como-darselo\/\" \/>\n<meta property=\"og:locale\" content=\"es_ES\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Por qu\u00e9 tu sitio necesita un modo oscuro (y c\u00f3mo d\u00e1rselo)\" \/>\n<meta property=\"og:description\" content=\"Hoy vamos a sumergirnos en un tema que est\u00e1 m\u00e1s de moda que los filtros de Instagram con orejitas de perro: el modo oscuro o dark mode.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/acwebstudio.com\/blog\/por-que-tu-sitio-necesita-un-modo-oscuro-y-como-darselo\/\" \/>\n<meta property=\"og:site_name\" content=\"ACWebStudio\" \/>\n<meta property=\"article:published_time\" content=\"2025-02-05T11:11:24+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/acwebstudio.com\/blog\/wp-content\/uploads\/dark-mode.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1920\" \/>\n\t<meta property=\"og:image:height\" content=\"1280\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Xes\u00fas \u00c1lvarez\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/acwebstudio.com\\\/blog\\\/por-que-tu-sitio-necesita-un-modo-oscuro-y-como-darselo\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/acwebstudio.com\\\/blog\\\/por-que-tu-sitio-necesita-un-modo-oscuro-y-como-darselo\\\/\"},\"author\":{\"name\":\"Xes\u00fas \u00c1lvarez\",\"@id\":\"https:\\\/\\\/acwebstudio.com\\\/blog\\\/#\\\/schema\\\/person\\\/a6ce260e977b8dc238bc94b876145a54\"},\"headline\":\"Por qu\u00e9 tu sitio necesita un modo oscuro (y c\u00f3mo d\u00e1rselo)\",\"datePublished\":\"2025-02-05T11:11:24+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/acwebstudio.com\\\/blog\\\/por-que-tu-sitio-necesita-un-modo-oscuro-y-como-darselo\\\/\"},\"wordCount\":1578,\"commentCount\":0,\"image\":{\"@id\":\"https:\\\/\\\/acwebstudio.com\\\/blog\\\/por-que-tu-sitio-necesita-un-modo-oscuro-y-como-darselo\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/acwebstudio.com\\\/blog\\\/wp-content\\\/uploads\\\/dark-mode.jpg\",\"articleSection\":[\"Tendencias\"],\"inLanguage\":\"es\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\\\/\\\/acwebstudio.com\\\/blog\\\/por-que-tu-sitio-necesita-un-modo-oscuro-y-como-darselo\\\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/acwebstudio.com\\\/blog\\\/por-que-tu-sitio-necesita-un-modo-oscuro-y-como-darselo\\\/\",\"url\":\"https:\\\/\\\/acwebstudio.com\\\/blog\\\/por-que-tu-sitio-necesita-un-modo-oscuro-y-como-darselo\\\/\",\"name\":\"Por qu\u00e9 tu sitio necesita un modo oscuro (y c\u00f3mo d\u00e1rselo)\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/acwebstudio.com\\\/blog\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/acwebstudio.com\\\/blog\\\/por-que-tu-sitio-necesita-un-modo-oscuro-y-como-darselo\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/acwebstudio.com\\\/blog\\\/por-que-tu-sitio-necesita-un-modo-oscuro-y-como-darselo\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/acwebstudio.com\\\/blog\\\/wp-content\\\/uploads\\\/dark-mode.jpg\",\"datePublished\":\"2025-02-05T11:11:24+00:00\",\"author\":{\"@id\":\"https:\\\/\\\/acwebstudio.com\\\/blog\\\/#\\\/schema\\\/person\\\/a6ce260e977b8dc238bc94b876145a54\"},\"description\":\"Hoy vamos a sumergirnos en un tema que est\u00e1 m\u00e1s de moda que los filtros de Instagram con orejitas de perro: el modo oscuro o dark mode.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/acwebstudio.com\\\/blog\\\/por-que-tu-sitio-necesita-un-modo-oscuro-y-como-darselo\\\/#breadcrumb\"},\"inLanguage\":\"es\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/acwebstudio.com\\\/blog\\\/por-que-tu-sitio-necesita-un-modo-oscuro-y-como-darselo\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\\\/\\\/acwebstudio.com\\\/blog\\\/por-que-tu-sitio-necesita-un-modo-oscuro-y-como-darselo\\\/#primaryimage\",\"url\":\"https:\\\/\\\/acwebstudio.com\\\/blog\\\/wp-content\\\/uploads\\\/dark-mode.jpg\",\"contentUrl\":\"https:\\\/\\\/acwebstudio.com\\\/blog\\\/wp-content\\\/uploads\\\/dark-mode.jpg\",\"width\":1920,\"height\":1280,\"caption\":\"Dark mode - El lado oscuro de la web\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/acwebstudio.com\\\/blog\\\/por-que-tu-sitio-necesita-un-modo-oscuro-y-como-darselo\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Portada\",\"item\":\"https:\\\/\\\/acwebstudio.com\\\/blog\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Por qu\u00e9 tu sitio necesita un modo oscuro (y c\u00f3mo d\u00e1rselo)\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/acwebstudio.com\\\/blog\\\/#website\",\"url\":\"https:\\\/\\\/acwebstudio.com\\\/blog\\\/\",\"name\":\"ACWebStudio\",\"description\":\"Blog de dise\u00f1o web y creatividad\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/acwebstudio.com\\\/blog\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"es\"},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/acwebstudio.com\\\/blog\\\/#\\\/schema\\\/person\\\/a6ce260e977b8dc238bc94b876145a54\",\"name\":\"Xes\u00fas \u00c1lvarez\",\"url\":\"https:\\\/\\\/acwebstudio.com\\\/blog\\\/author\\\/jesus\\\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Por qu\u00e9 tu sitio necesita un modo oscuro (y c\u00f3mo d\u00e1rselo)","description":"Hoy vamos a sumergirnos en un tema que est\u00e1 m\u00e1s de moda que los filtros de Instagram con orejitas de perro: el modo oscuro o dark mode.","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:\/\/acwebstudio.com\/blog\/por-que-tu-sitio-necesita-un-modo-oscuro-y-como-darselo\/","og_locale":"es_ES","og_type":"article","og_title":"Por qu\u00e9 tu sitio necesita un modo oscuro (y c\u00f3mo d\u00e1rselo)","og_description":"Hoy vamos a sumergirnos en un tema que est\u00e1 m\u00e1s de moda que los filtros de Instagram con orejitas de perro: el modo oscuro o dark mode.","og_url":"https:\/\/acwebstudio.com\/blog\/por-que-tu-sitio-necesita-un-modo-oscuro-y-como-darselo\/","og_site_name":"ACWebStudio","article_published_time":"2025-02-05T11:11:24+00:00","og_image":[{"width":1920,"height":1280,"url":"https:\/\/acwebstudio.com\/blog\/wp-content\/uploads\/dark-mode.jpg","type":"image\/jpeg"}],"author":"Xes\u00fas \u00c1lvarez","twitter_card":"summary_large_image","schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/acwebstudio.com\/blog\/por-que-tu-sitio-necesita-un-modo-oscuro-y-como-darselo\/#article","isPartOf":{"@id":"https:\/\/acwebstudio.com\/blog\/por-que-tu-sitio-necesita-un-modo-oscuro-y-como-darselo\/"},"author":{"name":"Xes\u00fas \u00c1lvarez","@id":"https:\/\/acwebstudio.com\/blog\/#\/schema\/person\/a6ce260e977b8dc238bc94b876145a54"},"headline":"Por qu\u00e9 tu sitio necesita un modo oscuro (y c\u00f3mo d\u00e1rselo)","datePublished":"2025-02-05T11:11:24+00:00","mainEntityOfPage":{"@id":"https:\/\/acwebstudio.com\/blog\/por-que-tu-sitio-necesita-un-modo-oscuro-y-como-darselo\/"},"wordCount":1578,"commentCount":0,"image":{"@id":"https:\/\/acwebstudio.com\/blog\/por-que-tu-sitio-necesita-un-modo-oscuro-y-como-darselo\/#primaryimage"},"thumbnailUrl":"https:\/\/acwebstudio.com\/blog\/wp-content\/uploads\/dark-mode.jpg","articleSection":["Tendencias"],"inLanguage":"es","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/acwebstudio.com\/blog\/por-que-tu-sitio-necesita-un-modo-oscuro-y-como-darselo\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/acwebstudio.com\/blog\/por-que-tu-sitio-necesita-un-modo-oscuro-y-como-darselo\/","url":"https:\/\/acwebstudio.com\/blog\/por-que-tu-sitio-necesita-un-modo-oscuro-y-como-darselo\/","name":"Por qu\u00e9 tu sitio necesita un modo oscuro (y c\u00f3mo d\u00e1rselo)","isPartOf":{"@id":"https:\/\/acwebstudio.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/acwebstudio.com\/blog\/por-que-tu-sitio-necesita-un-modo-oscuro-y-como-darselo\/#primaryimage"},"image":{"@id":"https:\/\/acwebstudio.com\/blog\/por-que-tu-sitio-necesita-un-modo-oscuro-y-como-darselo\/#primaryimage"},"thumbnailUrl":"https:\/\/acwebstudio.com\/blog\/wp-content\/uploads\/dark-mode.jpg","datePublished":"2025-02-05T11:11:24+00:00","author":{"@id":"https:\/\/acwebstudio.com\/blog\/#\/schema\/person\/a6ce260e977b8dc238bc94b876145a54"},"description":"Hoy vamos a sumergirnos en un tema que est\u00e1 m\u00e1s de moda que los filtros de Instagram con orejitas de perro: el modo oscuro o dark mode.","breadcrumb":{"@id":"https:\/\/acwebstudio.com\/blog\/por-que-tu-sitio-necesita-un-modo-oscuro-y-como-darselo\/#breadcrumb"},"inLanguage":"es","potentialAction":[{"@type":"ReadAction","target":["https:\/\/acwebstudio.com\/blog\/por-que-tu-sitio-necesita-un-modo-oscuro-y-como-darselo\/"]}]},{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/acwebstudio.com\/blog\/por-que-tu-sitio-necesita-un-modo-oscuro-y-como-darselo\/#primaryimage","url":"https:\/\/acwebstudio.com\/blog\/wp-content\/uploads\/dark-mode.jpg","contentUrl":"https:\/\/acwebstudio.com\/blog\/wp-content\/uploads\/dark-mode.jpg","width":1920,"height":1280,"caption":"Dark mode - El lado oscuro de la web"},{"@type":"BreadcrumbList","@id":"https:\/\/acwebstudio.com\/blog\/por-que-tu-sitio-necesita-un-modo-oscuro-y-como-darselo\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Portada","item":"https:\/\/acwebstudio.com\/blog\/"},{"@type":"ListItem","position":2,"name":"Por qu\u00e9 tu sitio necesita un modo oscuro (y c\u00f3mo d\u00e1rselo)"}]},{"@type":"WebSite","@id":"https:\/\/acwebstudio.com\/blog\/#website","url":"https:\/\/acwebstudio.com\/blog\/","name":"ACWebStudio","description":"Blog de dise\u00f1o web y creatividad","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/acwebstudio.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"es"},{"@type":"Person","@id":"https:\/\/acwebstudio.com\/blog\/#\/schema\/person\/a6ce260e977b8dc238bc94b876145a54","name":"Xes\u00fas \u00c1lvarez","url":"https:\/\/acwebstudio.com\/blog\/author\/jesus\/"}]}},"_links":{"self":[{"href":"https:\/\/acwebstudio.com\/blog\/wp-json\/wp\/v2\/posts\/2745","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/acwebstudio.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/acwebstudio.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/acwebstudio.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/acwebstudio.com\/blog\/wp-json\/wp\/v2\/comments?post=2745"}],"version-history":[{"count":1,"href":"https:\/\/acwebstudio.com\/blog\/wp-json\/wp\/v2\/posts\/2745\/revisions"}],"predecessor-version":[{"id":2747,"href":"https:\/\/acwebstudio.com\/blog\/wp-json\/wp\/v2\/posts\/2745\/revisions\/2747"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/acwebstudio.com\/blog\/wp-json\/wp\/v2\/media\/2746"}],"wp:attachment":[{"href":"https:\/\/acwebstudio.com\/blog\/wp-json\/wp\/v2\/media?parent=2745"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/acwebstudio.com\/blog\/wp-json\/wp\/v2\/categories?post=2745"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/acwebstudio.com\/blog\/wp-json\/wp\/v2\/tags?post=2745"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}