title: Electron window corners without radius?
body: <p>I have an electron window with these properties:</p>
  
  <pre><code>mainWindow = new BrowserWindow({
    width: 800,
    height: 600,
    title: "Aqua",
    frame: false,
    transparent: true,
    show: false,
    fullscreenable: false,
    webPreferences: {
      plugins: true
    }
  })
  </code></pre>
  
  <p>When I start it, everything works fine. But because my titlebar only shows on hover, I have an ugly edge on top and rounded edges on the bottom. I now want all of my corners to have a 0px radius. According to other resources on the Internet, it should automatically be 0px radius when the window is frameless and transparent. This does not work for me. How can I make my edges sharp with no radius on the whole window?</p>
  
  <p>If you need my code, <a href="https://github.com/matteo-piatti/aqua/blob/master/css/main.css" rel="nofollow noreferrer">here</a> is my CSS, <a href="https://github.com/matteo-piatti/aqua/blob/master/main.js" rel="nofollow noreferrer">here</a> my main.js and <a href="https://github.com/matteo-piatti/aqua/blob/master/index.html" rel="nofollow noreferrer">here</a> my HTML.</p>