Can't remove "White bar" and change "acrylic/glass" color

[primal prawn]

Hey! I'm new to Electron and just experimenting with making a custom login window for fun (trying to match the second screenshot I shared).

The problem is:

• I still see a white bar at the top even with frame: false and transparent: true (it appears when I click on the desktop or focus on other apps)
• Rounded corners aren’t working either, even though I’ve added border-radius and overflow: hidden in CSS

Also wondering if anyone knows how to get that nice glassmorphism / acrylic blur effect with a custom tint like in the example app I’m trying to mimic.

The goal of the app is to start with a login screen, and after logging in, go to a dashboard that shows a library of apps I can launch from inside the interface.

Any tips or code feedback would be super appreciated!
Code is here

[haughty goblet]

I think the white top bar is a CSS problem. Perhaps your electron window is bigger than your web content?

Also, you use a transparent window to get the rounded corners and the seethrough effect

Not sure how well rounded corners work on windows though

[raw glacier]

Yes, you can open the devtools export to quickly check if there is a problem with the page height