office-js - Office 365 加载项是否支持 Mac 上的深色模式

Question

我们正在为 Outlook 构建 Office 365 加载项。现在 Outlook 在 Mac 上引入了深色模式，我们想知道当 Outlook 在深色模式下运行时是否支持切换颜色/图标。

到目前为止，我无法找到有关该主题的任何信息。

Answer 1

大多数运行 Office 加载项的浏览器引擎都允许您检测用户对深色/浅色配色方案的操作系统级别偏好。见https://caniuse.com/?search=prefers-color-scheme

最大的警告是，这会忽略 Office 应用程序中覆盖操作系统级别首选项的任何配置。

在 JavaScript 中，您可以通过以下方式检测到这一点：

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