Управление прозрачностью окна

Сделать окно полупрозрачным позволяет опция opacity. В качестве значения указывается вещественное число от 0.0 до 1.0. Число 0.0 соответствует полностью прозрачному окну, а число 1.0 — отсутствию прозрачности. Пример создания полупрозрачных окон:

function createWindow() {
   const win = new BrowserWindow({
      title: 'opacity: 0.9',
      opacity: 0.9
   });
   const win2 = new BrowserWindow({
      width: 400,
      height: 200,
      title: 'opacity: 0.7',
      opacity: 0.7
   });
}

Задать значение после создания окна позволяет метод setOpacity(<Значение>). Получить значение можно с помощью метода getOpacity().

Если опции transparent присвоить значение true, то фон окна будет полностью прозрачным. Дополнительно следует отключить отображение рамки окна, присвоив опции frame значение false:

let win= null;
function createWindow() {
   win = new BrowserWindow({
      width: 500,
      height: 300,
      frame: false,
      transparent: true,
      webPreferences: {
         nodeIntegration: true,
         contextIsolation: false
      }
   });
   win.loadFile('index.htm');
   win.on('closed', () => {
      win = null;
   });
}