{"id":21386,"date":"2023-08-25T12:09:38","date_gmt":"2023-08-25T12:09:38","guid":{"rendered":"https:\/\/help.kanidesk.com\/en\/docs\/desk365-agent-guide\/real-time-dashboards-reporting\/dark-mode-in-desk365\/"},"modified":"2026-03-16T11:33:08","modified_gmt":"2026-03-16T11:33:08","slug":"dark-mode-in-desk365","status":"publish","type":"docs","link":"https:\/\/help.desk365.io\/en\/articles\/how-to-enable-dark-mode-in-desk365\/","title":{"rendered":"How to enable dark mode in Desk365 helpdesk"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-post\" data-elementor-id=\"21386\" class=\"elementor elementor-21386\" data-elementor-post-type=\"docs\">\n\t\t\t\t<div class=\"elementor-element elementor-element-cfd2437 e-flex e-con-boxed e-con e-parent\" data-id=\"cfd2437\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4ae39e2 elementor-widget elementor-widget-template\" data-id=\"4ae39e2\" data-element_type=\"widget\" data-widget_type=\"template.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"elementor-template\">\n\t\t\t\t\t<div data-elementor-type=\"container\" data-elementor-id=\"35544\" class=\"elementor elementor-35544\" data-elementor-post-type=\"elementor_library\">\n\t\t\t\t<div class=\"elementor-element elementor-element-00eb9f3 e-flex e-con-boxed e-con e-parent\" data-id=\"00eb9f3\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-9c8b655 elementor-widget elementor-widget-html\" data-id=\"9c8b655\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<div style=\"display:inline-flex; align-items:center; gap:12px; padding:10px 16px; border:1px solid #D3D5E2; border-radius:10px; font-family:Roboto, sans-serif; font-size:18px; color:#444963; background:#ffffff;\">\n  <span style=\"font-family:Roboto, sans-serif; font-size:18px; color:#444963; line-height:1;\">Available with:<\/span>\n \n  <span style=\"display:inline-flex; align-items:center; gap:8px;\">\n    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"22\" height=\"22\" viewBox=\"0 0 24 24\" fill=\"none\" style=\"display:block;\">\n      <circle cx=\"12\" cy=\"12\" r=\"9\" stroke=\"#3F51BF\" stroke-width=\"2\"><\/circle>\n      <path d=\"M8.5 12.3L10.8 14.6L15.8 9.6\" stroke=\"#3F51BF\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path>\n    <\/svg>\n    <span style=\"font-family:Roboto, sans-serif; font-size:18px; color:#444963; line-height:1;\">Standard<\/span>\n  <\/span>\n \n  <span style=\"font-family:Roboto, sans-serif; font-size:18px; color:#444963; line-height:1;\">|<\/span>\n \n  <span style=\"display:inline-flex; align-items:center; gap:8px;\">\n    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"22\" height=\"22\" viewBox=\"0 0 24 24\" fill=\"none\" style=\"display:block;\">\n      <circle cx=\"12\" cy=\"12\" r=\"9\" stroke=\"#3F51BF\" stroke-width=\"2\"><\/circle>\n      <path d=\"M8.5 12.3L10.8 14.6L15.8 9.6\" stroke=\"#3F51BF\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path>\n    <\/svg>\n    <span style=\"font-family:Roboto, sans-serif; font-size:18px; color:#444963; line-height:1;\">Plus<\/span>\n  <\/span>\n \n  <span style=\"font-family:Roboto, sans-serif; font-size:18px; color:#444963; line-height:1;\">|<\/span>\n \n  <span style=\"display:inline-flex; align-items:center; gap:8px;\">\n    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"22\" height=\"22\" viewBox=\"0 0 24 24\" fill=\"none\" style=\"display:block;\">\n      <circle cx=\"12\" cy=\"12\" r=\"9\" stroke=\"#3F51BF\" stroke-width=\"2\"><\/circle>\n      <path d=\"M8.5 12.3L10.8 14.6L15.8 9.6\" stroke=\"#3F51BF\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path>\n    <\/svg>\n    <span style=\"font-family:Roboto, sans-serif; font-size:18px; color:#444963; line-height:1;\">Premium<\/span>\n  <\/span>\n<\/div>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-5ae72ef elementor-widget elementor-widget-text-editor\" data-id=\"5ae72ef\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<p>In today&#8217;s digital world, where screens are an integral part of our lives, features that enhance user experience are highly sought after. One such feature that&#8217;s becoming increasingly popular is &#8216;Dark Mode&#8217;.<\/p><p>Dark Mode in Desk365, also referred to as the \u2018Dark Theme,\u2019 is a user interface design that not only alleviates eye strain but also prolongs battery life and provides improved focus. In this article, we will explore how to deploy Dark Mode in Desk365.<\/p>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-d66f2f3 elementor-widget elementor-widget-heading\" data-id=\"d66f2f3\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Why dark mode in Desk365?<\/h2>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-069910c elementor-widget elementor-widget-text-editor\" data-id=\"069910c\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<p>Dark Mode has been introduced in <a href=\"https:\/\/www.desk365.io\/\">Desk365<\/a> to offer a modern, sleek, and aesthetic user interface.<\/p><p>Furthermore, Desk365 has implemented an innovative approach by introducing a lighter shade to its dark screen. This thoughtful addition aims to offer you an even higher level of viewing comfort, making texts legible, and fostering a more relaxed interaction with the interface.<\/p>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-4b59472 elementor-widget elementor-widget-heading\" data-id=\"4b59472\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">How to activate dark mode in Desk365?<\/h2>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-746b93a elementor-widget elementor-widget-text-editor\" data-id=\"746b93a\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<p>Enabling Dark Mode is a breeze, requiring just three simple steps:<\/p><p>1. Navigate to your Desk365 Agent Portal.<\/p><p>2. Click on the &#8216;My Profile&#8217; icon on the top right corner. Now choose &#8216;Themes&#8217; as shown below.<\/p>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-a1eccfc elementor-widget elementor-widget-image\" data-id=\"a1eccfc\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t<img fetchpriority=\"high\" decoding=\"async\" width=\"1024\" height=\"486\" src=\"https:\/\/help.desk365.io\/en\/wp-content\/uploads\/2023\/08\/enabling-dark-mode-in-desk365-1024x486.webp\" class=\"attachment-large size-large wp-image-31715\" alt=\"enabling-dark-mode-in-desk365\" srcset=\"https:\/\/help.desk365.io\/en\/wp-content\/uploads\/2023\/08\/enabling-dark-mode-in-desk365-1024x486.webp 1024w, https:\/\/help.desk365.io\/en\/wp-content\/uploads\/2023\/08\/enabling-dark-mode-in-desk365-300x142.webp 300w, https:\/\/help.desk365.io\/en\/wp-content\/uploads\/2023\/08\/enabling-dark-mode-in-desk365-768x364.webp 768w, https:\/\/help.desk365.io\/en\/wp-content\/uploads\/2023\/08\/enabling-dark-mode-in-desk365-1536x729.webp 1536w, https:\/\/help.desk365.io\/en\/wp-content\/uploads\/2023\/08\/enabling-dark-mode-in-desk365.webp 1912w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-9653c3d elementor-widget elementor-widget-text-editor\" data-id=\"9653c3d\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<p>3. Click on the &#8216;Dark Theme&#8217; to experience a stunning new view of your Agent Portal.<\/p>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-c794f0a elementor-widget elementor-widget-image\" data-id=\"c794f0a\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" width=\"1024\" height=\"486\" src=\"https:\/\/help.desk365.io\/en\/wp-content\/uploads\/2023\/08\/dark-theme-desk365-agent-portal-1024x486.webp\" class=\"attachment-large size-large wp-image-31717\" alt=\"dark-theme-desk365-agent-portal\" srcset=\"https:\/\/help.desk365.io\/en\/wp-content\/uploads\/2023\/08\/dark-theme-desk365-agent-portal-1024x486.webp 1024w, https:\/\/help.desk365.io\/en\/wp-content\/uploads\/2023\/08\/dark-theme-desk365-agent-portal-300x142.webp 300w, https:\/\/help.desk365.io\/en\/wp-content\/uploads\/2023\/08\/dark-theme-desk365-agent-portal-768x365.webp 768w, https:\/\/help.desk365.io\/en\/wp-content\/uploads\/2023\/08\/dark-theme-desk365-agent-portal-1536x729.webp 1536w, https:\/\/help.desk365.io\/en\/wp-content\/uploads\/2023\/08\/dark-theme-desk365-agent-portal.webp 1911w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-7fcc5ed elementor-widget elementor-widget-text-editor\" data-id=\"7fcc5ed\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<p>Voil\u00e0! Your Desk365 interface has now transformed into the dark theme. You can now enjoy a more comfortable and easy-to-use interface, especially in low-light environments.\u00a0<\/p><p>You can also effortlessly switch between the original and dark themes whenever needed.<\/p><p>Dark Mode, with its customizable experience and potential health benefits, promises to elevate your Desk365 helpdesk experience to the next level.<\/p>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"author":13,"featured_media":0,"parent":17828,"menu_order":2,"comment_status":"open","ping_status":"closed","template":"","doc_tag":[],"class_list":["post-21386","docs","type-docs","status-publish","hentry","no-post-thumbnail"],"comment_count":0,"_links":{"self":[{"href":"https:\/\/help.desk365.io\/en\/wp-json\/wp\/v2\/docs\/21386","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/help.desk365.io\/en\/wp-json\/wp\/v2\/docs"}],"about":[{"href":"https:\/\/help.desk365.io\/en\/wp-json\/wp\/v2\/types\/docs"}],"author":[{"embeddable":true,"href":"https:\/\/help.desk365.io\/en\/wp-json\/wp\/v2\/users\/13"}],"replies":[{"embeddable":true,"href":"https:\/\/help.desk365.io\/en\/wp-json\/wp\/v2\/comments?post=21386"}],"version-history":[{"count":48,"href":"https:\/\/help.desk365.io\/en\/wp-json\/wp\/v2\/docs\/21386\/revisions"}],"predecessor-version":[{"id":35820,"href":"https:\/\/help.desk365.io\/en\/wp-json\/wp\/v2\/docs\/21386\/revisions\/35820"}],"up":[{"embeddable":true,"href":"https:\/\/help.desk365.io\/en\/wp-json\/wp\/v2\/docs\/17828"}],"prev":[{"title":"Creating and managing multiple home tab dashboards","link":"https:\/\/help.desk365.io\/en\/articles\/multiple-home-tab-dashboards\/","href":"https:\/\/help.desk365.io\/en\/wp-json\/wp\/v2\/docs\/32513"}],"wp:attachment":[{"href":"https:\/\/help.desk365.io\/en\/wp-json\/wp\/v2\/media?parent=21386"}],"wp:term":[{"taxonomy":"doc_tag","embeddable":true,"href":"https:\/\/help.desk365.io\/en\/wp-json\/wp\/v2\/doc_tag?post=21386"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}