search

binaryfunt / electron-seamless-titlebar-tutorial

A guide to creating a seamless Windows 10 titlebar in your Electron app
MIT License
508 stars 58 forks source link

Dim titlebar and window border when window loses focus #15

Open binaryfunt opened 4 years ago

Toby56 commented 4 years ago

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.

binaryfunt commented 4 years ago

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

Toby56 commented 4 years ago

app demo

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