暗いテーマに応じて電子トレイのアイコンが変わりますか？

Question

私はElectronを使用しており、トレイ（メニューバー）アプリケーションを開発しようとしています。テーマ（ノーマルまたは暗い）に応じて色が変わります

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

はどうやってアイコンを作成（または別のいずれかを選択）することができます

私はアイコンを設定する方法を知っていますユーザーが選択した？

上記の例では、暗いテーマを使用しているため、白いアイコンを作成できますが、ユーザーが通常の白いテーマを持っているとどうなりますか？

Answer 1

あなたはテンプレート画像（黒のみとクリア色）を使用する必要があります：MacOSのは、自動的に通常のテーマに黒、そして時に暗いテーマに白であるためにあなたのトレイアイコンを調整https://github.com/electron/electron/blob/master/docs/api/native-image.md#template-image

その方法。

ファイル名の末尾がTemplate.pngであることを確認してください。そうしないと、動作しません。 hi-dpiデバイスをターゲットにしている場合は、@2x.pngバージョンも含めてください。あなたのmain.jsに続いて

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

：

だからあなたのフォルダは次のようになり

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