{"id":5344,"date":"2026-10-21T21:49:29","date_gmt":"2026-10-21T21:49:29","guid":{"rendered":"https:\/\/itaca.ai\/?p=5344"},"modified":"2026-10-21T21:49:30","modified_gmt":"2026-10-21T21:49:30","slug":"dark-mode-itaca","status":"publish","type":"post","link":"https:\/\/itaca.ai\/en\/new-features\/modo-oscuro-itaca\/","title":{"rendered":"Dark mode in Itaca: it adapts to your device"},"content":{"rendered":"<p class=\"wp-block-paragraph\">It's nine o'clock at night. The last consultation has finished, the room is almost dark and he still has notes to check. The screen is the brightest thing in the room.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">For those moments, Itaca now you have them <strong>Dark mode<\/strong>. And you don't have to turn it on.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Itaca Follow the mode of your computer or phone. If your device already uses dark mode, Itaca it will be dark when you open it next time. If you use light mode, Itaca it will be as it always is. Your patients will still see the light version of everything they share with them.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" style=\"font-size:24px;line-height:1.3\">Itaca It adapts to your device<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">The default option is called <strong>System<\/strong>. With it, you Itaca use the dark or light mode of your device and change as soon as the device changes. If your phone goes to dark mode at sunset, so Itaca does it.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Most users will not need to touch anything.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" style=\"font-size:24px;line-height:1.3\">If you prefer to set the light mode or the dark mode<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">You can choose a fixed theme, for example, if you want it Itaca always in dark mode even though your computer is using the light mode:<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Click on their name, at the bottom of the sidebar. You will see their initials next to their name.<\/li>\n\n\n\n<li>Look for the row <strong>Subject<\/strong>.<\/li>\n\n\n\n<li>Choose the moon for dark mode or the sun for light mode. The screen will follow your device again.<\/li>\n<\/ol>\n\n\n\n<p class=\"wp-block-paragraph\">The change applies immediately. Nothing needs to be saved.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full is-resized\"><a href=\"https:\/\/i0.wp.com\/itaca.ai\/wp-content\/uploads\/2026\/10\/itaca-menu-cuenta-tema.webp?ssl=1\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"1000\" height=\"550\" src=\"https:\/\/i0.wp.com\/itaca.ai\/wp-content\/uploads\/2026\/10\/itaca-menu-cuenta-tema.webp?resize=1000%2C550&#038;ssl=1\" alt=\"Account menu Itaca with the email, the Theme row with the system icons, the sun and moon, Support and Log out\" class=\"wp-image-5341\" style=\"aspect-ratio:1.8181818181818181;width:560px;height:auto\" srcset=\"https:\/\/i0.wp.com\/itaca.ai\/wp-content\/uploads\/2026\/10\/itaca-menu-cuenta-tema.webp?w=1000&amp;ssl=1 1000w, https:\/\/i0.wp.com\/itaca.ai\/wp-content\/uploads\/2026\/10\/itaca-menu-cuenta-tema.webp?resize=300%2C165&amp;ssl=1 300w, https:\/\/i0.wp.com\/itaca.ai\/wp-content\/uploads\/2026\/10\/itaca-menu-cuenta-tema.webp?resize=768%2C422&amp;ssl=1 768w, https:\/\/i0.wp.com\/itaca.ai\/wp-content\/uploads\/2026\/10\/itaca-menu-cuenta-tema.webp?resize=18%2C10&amp;ssl=1 18w\" sizes=\"auto, (max-width: 1000px) 100vw, 1000px\" \/><\/a><figcaption class=\"wp-element-caption\">The menu in your account, with the Theme row: System, Light and Dark.<\/figcaption><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">It works the same with the collapsed sidebar and in the phone browser.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">The choice is saved on each device, not in your account. You can set the dark mode on your phone and leave the light one on the office computer. On a new device, Itaca start over again <strong>System<\/strong>.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" style=\"font-size:24px;line-height:1.3\">The entire application, not just the background<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">The dark mode does Itaca not invert the colors of the screen. Each view has its own dark colors: start, visits and notes, patients, documents, clinical cases, clinical responses, calls and administration. Also the dialogues, the graphs and the timelines.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">For example, the <a href=\"https:\/\/itaca.ai\/en\/new-features\/compare-laboratory-results-with-clinical-trends\/\">Clinical measurements and their trends<\/a> They are equally clear on dark background.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full is-resized\"><a href=\"https:\/\/i0.wp.com\/itaca.ai\/wp-content\/uploads\/2026\/10\/itaca-modo-oscuro-mediciones.webp?ssl=1\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"1600\" height=\"751\" src=\"https:\/\/i0.wp.com\/itaca.ai\/wp-content\/uploads\/2026\/10\/itaca-modo-oscuro-mediciones.webp?resize=1600%2C751&#038;ssl=1\" alt=\"Summary of fictitious patient in dark mode with HbA1c, blood pressure, weight and heart rate charts and trends\" class=\"wp-image-5342\" style=\"width:556px;height:auto\" srcset=\"https:\/\/i0.wp.com\/itaca.ai\/wp-content\/uploads\/2026\/10\/itaca-modo-oscuro-mediciones.webp?w=1600&amp;ssl=1 1600w, https:\/\/i0.wp.com\/itaca.ai\/wp-content\/uploads\/2026\/10\/itaca-modo-oscuro-mediciones.webp?resize=300%2C141&amp;ssl=1 300w, https:\/\/i0.wp.com\/itaca.ai\/wp-content\/uploads\/2026\/10\/itaca-modo-oscuro-mediciones.webp?resize=1024%2C481&amp;ssl=1 1024w, https:\/\/i0.wp.com\/itaca.ai\/wp-content\/uploads\/2026\/10\/itaca-modo-oscuro-mediciones.webp?resize=768%2C360&amp;ssl=1 768w, https:\/\/i0.wp.com\/itaca.ai\/wp-content\/uploads\/2026\/10\/itaca-modo-oscuro-mediciones.webp?resize=1536%2C721&amp;ssl=1 1536w, https:\/\/i0.wp.com\/itaca.ai\/wp-content\/uploads\/2026\/10\/itaca-modo-oscuro-mediciones.webp?resize=18%2C8&amp;ssl=1 18w\" sizes=\"auto, (max-width: 1000px) 100vw, 1000px\" \/><\/a><figcaption class=\"wp-element-caption\">Summary of the patient with measurements and trends in dark mode. Demonstration with fictitious data.<\/figcaption><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\" style=\"font-size:24px;line-height:1.3\">Designed for reading long notes<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">A clinical note is not looked at again. It is read from beginning to end, often at the end of the day. That is why we pay attention to three details:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Almost black funds, not pure black.<\/strong> They have a slight greenish-blue tone, so the cards and menus stand out from the background.<\/li>\n\n\n\n<li><strong>Light gray text, not bright white.<\/strong> The body of the note uses a softer tone and the titles are clearer, so that the note's structure is recognizable at a glance.<\/li>\n\n\n\n<li><strong>Proven contrast.<\/strong> All text colors meet the WCAG AA accessibility standard, with a minimum contrast ratio of 4.5:1 on each background. The bluish green color Itaca is made brighter in dark mode so that links and buttons are easy to read.<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">The blue-marine side bar looks the same in both themes. It Itaca still looks the same Itaca.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" style=\"font-size:24px;line-height:1.3\">Their patients always see the clear version<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">The dark mode is only for you. Everything a patient sees remains clear:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Su <a href=\"https:\/\/itaca.ai\/en\/new-features\/public-page-for-doctors\/\">public page<\/a>.<\/li>\n\n\n\n<li>The forms that the patient fills out before the consultation.<\/li>\n\n\n\n<li>The answers and the questionnaires that you share via a link.<\/li>\n\n\n\n<li>The login and registration screens.<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">The same happens with the preview views within Itaca. If you review your public page or a form while using dark mode, you will see exactly what the patient will see.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full is-resized\"><a href=\"https:\/\/i0.wp.com\/itaca.ai\/wp-content\/uploads\/2026\/10\/itaca-modo-oscuro-vista-previa-pagina-publica.webp?ssl=1\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"1600\" height=\"1000\" src=\"https:\/\/i0.wp.com\/itaca.ai\/wp-content\/uploads\/2026\/10\/itaca-modo-oscuro-vista-previa-pagina-publica.webp?resize=1600%2C1000&#038;ssl=1\" alt=\"Preview of the public page of a fictional doctor: the page is displayed in clear mode even when Itaca the screen is dark\" class=\"wp-image-5343\" style=\"width:632px;height:auto\" srcset=\"https:\/\/i0.wp.com\/itaca.ai\/wp-content\/uploads\/2026\/10\/itaca-modo-oscuro-vista-previa-pagina-publica.webp?w=1600&amp;ssl=1 1600w, https:\/\/i0.wp.com\/itaca.ai\/wp-content\/uploads\/2026\/10\/itaca-modo-oscuro-vista-previa-pagina-publica.webp?resize=300%2C188&amp;ssl=1 300w, https:\/\/i0.wp.com\/itaca.ai\/wp-content\/uploads\/2026\/10\/itaca-modo-oscuro-vista-previa-pagina-publica.webp?resize=1024%2C640&amp;ssl=1 1024w, https:\/\/i0.wp.com\/itaca.ai\/wp-content\/uploads\/2026\/10\/itaca-modo-oscuro-vista-previa-pagina-publica.webp?resize=768%2C480&amp;ssl=1 768w, https:\/\/i0.wp.com\/itaca.ai\/wp-content\/uploads\/2026\/10\/itaca-modo-oscuro-vista-previa-pagina-publica.webp?resize=1536%2C960&amp;ssl=1 1536w, https:\/\/i0.wp.com\/itaca.ai\/wp-content\/uploads\/2026\/10\/itaca-modo-oscuro-vista-previa-pagina-publica.webp?resize=18%2C12&amp;ssl=1 18w\" sizes=\"auto, (max-width: 1000px) 100vw, 1000px\" \/><\/a><figcaption class=\"wp-element-caption\">The preview of the public page remains clear even when you use dark mode. Demonstration with fictitious data.<\/figcaption><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Printed documents and PDFs do not change either.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" style=\"font-size:24px;line-height:1.3\">A new menu for your account<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">To make it easier to access your account, we have grouped your account controls in a single menu, at the bottom of the sidebar. By clicking on your initials and your name, you will find your email address, the <strong>Subject<\/strong>, <strong>Support<\/strong> and <strong>Log out<\/strong>.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">You will find it in the same place even if you bend the side bar.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" style=\"font-size:24px;line-height:1.3\">Frequently asked questions about dark mode<\/h2>\n\n\n\n<details class=\"wp-block-details is-layout-flow wp-block-details-is-layout-flow\"><summary>Do I have to activate the dark mode?<\/summary>\n<p class=\"wp-block-paragraph\">No. By default, it Itaca follows the mode of your device. If your computer or phone uses dark mode, it does Itaca too.<\/p>\n<\/details>\n\n\n\n<details class=\"wp-block-details is-layout-flow wp-block-details-is-layout-flow\"><summary>How do I Itaca always leave it in dark mode?<\/summary>\n<p class=\"wp-block-paragraph\">Click on your name, at the bottom of the sidebar. In the Theme row, choose the moon. The change is immediate.<\/p>\n<\/details>\n\n\n\n<details class=\"wp-block-details is-layout-flow wp-block-details-is-layout-flow\"><summary>Does the dark mode change what my patients see?<\/summary>\n<p class=\"wp-block-paragraph\">No. Their public page, the forms, the content they share via link, and the PDFs are always displayed clearly.<\/p>\n<\/details>\n\n\n\n<details class=\"wp-block-details is-layout-flow wp-block-details-is-layout-flow\"><summary>Does my choice apply to all my devices?<\/summary>\n<p class=\"wp-block-paragraph\">No. It is stored on each device. You can use dark mode on one device and light mode on another.<\/p>\n<\/details>\n\n\n\n<details class=\"wp-block-details is-layout-flow wp-block-details-is-layout-flow\"><summary>How do I reset my device settings?<\/summary>\n<p class=\"wp-block-paragraph\">In the Theme row, select the screen icon. It Itaca will change again along with your device.<\/p>\n<\/details>\n\n\n\n<h2 class=\"wp-block-heading\" style=\"font-size:24px;line-height:1.3\">Open it tonight<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">If your device already uses dark mode, you just have to open it Itaca. If not, and you want to try it, open your account menu and choose the moon.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Is something not looking right or is there a lack of contrast? Write to us from <strong>Support<\/strong>, In that same menu. Your comments help us fine-tune it. If you don't have an account yet, <a href=\"https:\/\/app.itaca.pro\/sign_up?locale=en\">Create one to get started<\/a>.<\/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\"><a class=\"wp-block-button__link wp-element-button\" href=\"https:\/\/app.itaca.pro\/\">Open Itaca \u2192<\/a><\/div>\n<\/div>","protected":false},"excerpt":{"rendered":"<p>Itaca It already has dark mode and follows the settings of your computer or phone, without activating anything. Your patients continue to see the light version.<\/p>","protected":false},"author":1,"featured_media":5348,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"nf_dc_page":"","slim_seo":{"title":"Dark mode in Itaca: adapts to your device | Itaca","description":"Itaca It already has dark mode and follows the settings of your computer or phone, without activating anything. Your patients continue to see the light version."},"_jetpack_newsletter_access":"","_jetpack_dont_email_post_to_subs":false,"_jetpack_newsletter_tier_id":0,"_jetpack_memberships_contains_paywalled_content":false,"_jetpack_feature_clip_id":0,"_jetpack_memberships_contains_paid_content":false,"_slim_seo_primary_term_category":6,"_slim_seo_primary_term_post_tag":0,"_joinchat":[],"footnotes":"","jetpack_post_was_ever_published":false},"categories":[6],"tags":[],"class_list":["post-5344","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-new-features"],"jetpack_sharing_enabled":true,"jetpack_featured_media_url":"https:\/\/i0.wp.com\/itaca.ai\/wp-content\/uploads\/2026\/10\/itaca-modo-oscuro-encabezado-v3.webp?fit=1200%2C675&ssl=1","_links":{"self":[{"href":"https:\/\/itaca.ai\/en\/wp-json\/wp\/v2\/posts\/5344","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/itaca.ai\/en\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/itaca.ai\/en\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/itaca.ai\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/itaca.ai\/en\/wp-json\/wp\/v2\/comments?post=5344"}],"version-history":[{"count":4,"href":"https:\/\/itaca.ai\/en\/wp-json\/wp\/v2\/posts\/5344\/revisions"}],"predecessor-version":[{"id":5352,"href":"https:\/\/itaca.ai\/en\/wp-json\/wp\/v2\/posts\/5344\/revisions\/5352"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/itaca.ai\/en\/wp-json\/wp\/v2\/media\/5348"}],"wp:attachment":[{"href":"https:\/\/itaca.ai\/en\/wp-json\/wp\/v2\/media?parent=5344"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/itaca.ai\/en\/wp-json\/wp\/v2\/categories?post=5344"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/itaca.ai\/en\/wp-json\/wp\/v2\/tags?post=5344"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}