Значок электронного трека меняется в зависимости от темной темы?

Question

Я использую Electron и пытаюсь разработать приложение для подносов (меню).

Я знаю, как установить значок:

const {Tray} = require('electron') 
appIcon = new Tray('/path/to/my/icon') 

Как создать иконку (или выберите другой), который будет менять цвет в зависимости от темы (нормальный или темный) что пользователь выбрал?

В приведенном выше примере я использую темную тему, поэтому я могу создать белый значок, но что происходит, когда пользователь имеет обычную белую тему?

Answer 1

Вы должны использовать шаблон изображения (только черные и четкие цвета): https://github.com/electron/electron/blob/master/docs/api/native-image.md#template-image

Таким образом, MacOs автоматически настраивает иконку в трее, чтобы быть черным, когда на нормальную тему, и белым цветом, когда на темной темы.

Убедитесь, что имя файла оканчивается Template.png или оно не будет работать! Также укажите версию @2x.png, если вы нацеливаете устройства hi-dpi.

Так папка будет выглядеть следующим образом:

. 
├── main.js 
├── IconTemplate.png 
└── IconTemplate@2x.png 

Затем в main.js:

const {Tray} = require('electron') 
appIcon = new Tray('./IconTemplate.png')