设置窗口的标题栏颜色 - electron.js

Question

我想更改我的电子应用程序的Windows版本的标题栏的颜色。目前它是白色的，我如何将它改为例如蓝色？

Answer 1

有没有办法在目前以自定义本地标题栏。所以，第一步是通过告诉你的BrowserWindow隐藏框架来隐藏本地标题栏（这也会隐藏菜单栏）。

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建立一个新的窗口标题栏..