Using dark mode to increase agent display options


Whenactivated by an admin, dark mode in the Support provides agents with the flexibility to choose the interface that best suits their needs. Agents can pick between dark mode or light mode in the Support ticketing system. They can also choose to match the system appearance they have set for their operating system.


What's my plan?







All Suites

Team, Growth, Professional, Enterprise, or Enterprise Plus










Support

Team, Professional, or Enterprise







Verified AI summary ◀▼
Dark mode in the Support interface offers agents a comfortable viewing option, reducing eye strain and fatigue, especially in low-light settings. You can switch between dark and light modes or match your system's appearance. You can also customize ticket conversations with separate dark or light settings.




When activated by an admin, dark
mode in the Support provides agents with the flexibility to choose the
interface that best suits their needs. Agents can pick between dark mode or
light mode in the Support ticketing system. They can also choose to match
the system appearance they have set for their operating system.
This article contains the following sections:

About dark mode
Turning on dark mode
Turning off dark mode
Matching system appearance
Highlighting ticket conversations with dark or light mode
Dark mode limitations

Related articles

Activating and deactivating
dark mode
Ensuring dark mode
compatibility for your Zendesk Support apps



About dark mode

Dark mode addresses common concerns among agents who spend long hours in
front of screens, helping to reduce eye strain, headaches, and
fatigue. By providing a more comfortable viewing option, especially
during nighttime shifts or in low-light environments, dark mode can
improve overall productivity and accessibility. Dark mode also
supports users with color blindness and light sensitivity, ensuring
that our Zendesk platform is usable for everyone.
Dark mode in Support includes tickets, views, Support settings pages, and
so on. No features or capabilities are impacted. Zendesk also
supports dark mode for third-party apps and integrations that appear
in the Support interface. See Ensuring dark mode
compatibility for your Zendesk Support apps and Supporting dark mode
in our Zendesk developer documentation.

Watch the Youtube video (1:20).



Turning on dark mode

Dark mode changes the default interface for the Support ticketing system
from light to dark.
To turn on dark mode

In Support, click
your profile icon in the top bar.
Click Appearance to open the Appearance menu and select
Dark mode.
The interface
changes to dark mode immediately.





Turning off dark mode

Turning off dark mode changes the interface for the Support ticketing
system from dark to light again.
To turn off dark mode

In Support, click
your profile icon in the top bar.
Click Appearance to open the Appearance menu and select
Light mode. The interface changes back to
the default light mode.





Matching system appearance

In addition to switching between light and dark mode, you can set Support
to match the system appearance on your laptop. This can be useful
for situations where you work on multiple laptops or devices with
changing interface options.
To match your system appearance

Set the system appearance on your laptop. For example, use
settings in Mac OS to set the appearance or use
settings in MS Windows to set personalized
colors.

In Support, click
your profile icon in the top bar.
Click Appearance and select Match system
appearance. The Support interface will change
to match the dark or light mode settings on your
laptop.





Highlighting ticket conversations with dark or light mode

In some cases, you may want to mix dark and light mode in the ticket
interface to highlight ticket conversations. You can set dark and
light mode separately for ticket conversations. This setting applies
to ticket conversations only.
To highlight ticket conversations

In a ticket, click the options menu icon ( ) in the conversation
header to open the options menu.
Select View in dark or View in light to switch
between dark and light mode in ticket
conversations.





Dark mode limitations

Dark mode limitations include:

The dark mode setting applies to Support only, not Admin Center
or other Zendesk products.
Dark mode doesn't work for the in-product help panel or for some
in-product notifications.
Dark mode does not change the Brand Color
you have set for the Support interface.



{
"@context": "https://schema.org",
"@type": "TechArticle",
"@id": "https://support.zendesk.com/hc/en-us/articles/9011095783322",
"url": "https://support.zendesk.com/hc/en-us/articles/9011095783322",
"headline": "Using dark mode to increase agent display options",
"description": "You can activate dark mode in the Support ticketing system to reduce eye strain and match your system appearance, with options to toggle between dark and light modes for the interface and ticket conversations.",
"articleSection": "Ticket basics",
"datePublished": "2025-03-11T16:28:28+00:00",
"dateModified": "2026-04-22T15:39:32.094097+00:00",
"inLanguage": "en-US",
"mainEntityOfPage": {
"@type": "WebPage",
"@id": "https://support.zendesk.com/hc/en-us/articles/9011095783322"
},
"author": {
"@type": "Organization",
"name": "Zendesk",
"@id": "https://www.zendesk.com"
},
"publisher": {
"@type": "Organization",
"name": "Zendesk",
"@id": "https://www.zendesk.com"
},
"isPartOf": {
"@type": "WebSite",
"name": "Zendesk Help",
"@id": "https://support.zendesk.com/hc/"
},
"about": {
"@type": "SoftwareApplication",
"name": "Zendesk",
"@id": "https://www.zendesk.com"
}
}
//
const ai_summary_style = document.createElement('style');
ai_summary_style.innerHTML = `#styled-article-body{padding:0 0 0}#article-body #docs-ai-summary{background-color:#f3f3f3;border:1px solid #d3d3d3;padding:10px 10px 6px;margin-bottom:16px}#article-body #docs-ai-summary #docs-ai-summary-toggle{font-size:.9em;font-weight:700;margin-bottom:4px;cursor:pointer;display:flex;justify-content:space-between;align-items:center}#article-body #docs-ai-summary #docs-ai-summary-toggle #up-triangle{margin-left:auto;padding-right:10px;display:none}#article-body #docs-ai-summary #docs-ai-summary-toggle #down-triangle{margin-left:auto;padding-right:10px}#article-body #docs-ai-summary #docs-ai-summary-content{font-size:.9em;padding-left:25px;padding-right:25px;margin-bottom:12px}`;
document.head.appendChild(ai_summary_style);

const toggleAISummary = () => {
const summary = document.getElementById("docs-ai-summary-content");
const upTriangle = document.getElementById("up-triangle");
const downTriangle = document.getElementById("down-triangle");
if (summary.style.display === "none") {
summary.style.display = "block";
upTriangle.style.display = "none";
downTriangle.style.display = "inline";
} else {
summary.style.display = "none";
upTriangle.style.display = "inline";
downTriangle.style.display = "none";
}
};

document.getElementById("docs-ai-summary-toggle").addEventListener("click", toggleAISummary);
//

