ウィンドウのタイトルバーの色を設定する - electron.js

Question

私の電子版のWindows版のタイトルバーの色を変更したいと思います。現在は白ですが、どのように青に変更するのですか？

Answer 1

は、ネイティブタイトルバーをカスタマイズするための現時点で方法はありません。ですから、最初のステップでは、ブラウザウィンドウにフレームを隠すように伝えることでネイティブのタイトルバーを隠すことです（これはメニューバーを隠すことにもなります）。

mainWindow = new BrowserWindow({ 
    frame: false 
}) 

参照：https://electronjs.org/docs/api/browser-window

その後、カスタムのタイトルバーを作成（または1または2のようなサードパーティのライブラリをインポート）HTML、CSSやJSでなければなりません。 このようにして、タイトルバーはElectronのレンダラープロセスの下に存在します。たとえば、Xボタンをクリックしたときに実際にアプリケーションを終了するには、IPCを利用してメインプロセスにイベントを送信し、アプリケーションを終了する必要があります。

例：

# renderer 
ipcRenderer.send('app:quit') 

# main 
ipcMain.on('app:quit',() => { app.quit() }) 

または代替として：look this answer here on StackOverflow

Answer 2

あなたはウィンドウのタイトルバーを非表示にして、HTML、CSS、JSに新しいウィンドウのタイトルバーを構築する必要があります。..