Skip to content

Latest commit

 

History

History
24 lines (16 loc) · 1.55 KB

mojave-dark-mode-guide.md

File metadata and controls

24 lines (16 loc) · 1.55 KB

Mojave黑暗模式

在 macOS 10.14 Mojave中， Apple 为所有 macOS 电脑引入了一个全新的 系统级黑暗模式。 如果您的应用有黑暗模式的话，那么你就可以让您的Electron应用遵循系统级的黑暗模式设置了。

在 macOS 10.15 Catalina 中，苹果为所有macOS电脑引入了一个新的“自动”暗色模式选项。 为了让API isDarkMode 和 Tray 在这个模式中正常工作，你需要在 Info.plist 文件里把 NSRequiresAquaSystemAppearance 设置为 false ，或者使用 >=7.0.0 的Electron。

自动更新原生界面

“原生界面”包括文件选择器、窗口边框、对话框、上下文菜单等等； 这些UI基本来源于 macOS ，而不是您的应用。 Electron 7.0.0默认自动根据系统切换主题。 如果您不想自动切换主题，您必须在 Info.plist 文件中将 NSRequiresAquaSystemAppearance 设为 true。 请注意，一旦Electron开始使用 10.14 SDK 构建，您就不再能禁用主题的切换。

自动更新你的接口

如果你的应用本身就有黑暗模式，那么你需要跟系统同步他的开与关。 你可以通过监听 Electron 的 systemPreferences 模块上的主题变更事件来实现。 如下:

const { nativeTheme } = require('electron')

systemPreferences.subscribeNotification(
  'AppleInterfaceThemeChangedNotification',
  function theThemeHasChanged () {
    updateMyAppTheme(nativeTheme.shouldUseDarkColors)
  }
)