Will Office 365 Add-Ins support Dark Mode on Mac

Question

We're building an Office 365 Add-In for Outlook. Now that Outlook introduced Dark mode on Mac we wonder if there is / will be support for switching the colors/icons when outlook is running in Dark mode.

So far I wasn't able to find any information on that topic.

Answer 1

Most of the browser engines that run Office add-ins will allow you to detect the user's OS level preference for dark/light color scheme. See https://caniuse.com/?search=prefers-color-scheme

The big caveat is that this ignores any configuration in Office applications that override the OS level preference.

In JavaScript you can detect this with:

export const useDarkMode =
  window.matchMedia &&
  window.matchMedia("(prefers-color-scheme: dark)").matches;