Electron - Make Windows Title bar Looks like Muno Title bar

Question

I want to make the title bar of Windows Looks Like Muno Title bar

I tried to use This title bar
but it don't show Anything

Please help

Answer 1

He, I am the developer of Muno. Maybe I can help.

I use browserWindow options:

const {width, height} = electron.screen.getPrimaryDisplay().workAreaSize;

let options = {
   show: false,
   frame: false,
   center: !isDev,
   titleBarStyle: 'hidden',
   width: Math.round((width / 100) * 85),
   height: Math.round((height / 100) * 85),
};

The other part is just CSS and I used this snippet for the traffic light buttons: https://codepen.io/atdrago/pen/yezrBR

Hope this helps. What are you making?