electron-seamless-titlebar-tutorial icon indicating copy to clipboard operation
electron-seamless-titlebar-tutorial copied to clipboard

Dim titlebar and window border when window loses focus

Open binaryfunt opened this issue 5 years ago • 3 comments

binaryfunt avatar Feb 22 '20 18:02 binaryfunt

I have already done good titlebar and icon dimming in my own app, I can share that with you if you want. As for windows borders, they're really complicated to get the same as a normal window frame (they're actually transparent or maybe something even more complicated, which makes it impossible to get the right color). Maybe you can figure it out or just find something that looks good. Also there is the fairly big chromium issue where last row of pixels on the right and bottom is cut off like 80% of the time (depending on what the window is resized too), because the size of the content inside the windows is 1px larger. You can see this on hyper and chrome itself, but chrome uses the native window border so it doesn't really matter for it.

Toby56 avatar Feb 24 '20 10:02 Toby56

I also already implemented titlebar dimming in an app I'm working on 😛

binaryfunt avatar Feb 24 '20 21:02 binaryfunt

app demo

The recorder messed up the mouse somehow 🤷‍♂️ Also it has full screen support

Toby56 avatar Feb 24 '20 23:02 Toby56