Help please: how to set electron window frame to false

[hologerry]

Hi,
I am new to here, previously I used apc-extension to achieve frameless title bar and solve the 1px top white line drcika/apc-extension#169 microsoft/vscode#144389:

"apc.electron": {
    "frame": false,
    "transparent": true,
}

However, the apc-extension is broken by the VSCode's latest version drcika/apc-extension#230.
May I ask how to do so with vscode-custom-css?
Thanks a lot!

[shahzaibkhalid]

Also looking to do the same!

[hologerry]

I found a monkey patch solution for this:
Change the file /Applications/Visual Studio Code.app/Contents/Resources/app/out/vs/code/electron-main/main.js

1. open this file and format it to readable (just open the folder out with VSCode and format it).
2. change this part:

l = {
      backgroundColor: r.getBackgroundColor(),
      minWidth: wp.WIDTH,
      minHeight: wp.HEIGHT,
      title: n.nameLong,
      show: e.mode !== 0 && e.mode !== 3,
      x: e.x,
      y: e.y,
      width: e.width,
      height: e.height,
      webPreferences: {
        ...s,
        enableWebSQL: !1,
        spellcheck: !1,
        zoomFactor: Tl(e.zoomLevel ?? c?.zoomLevel),
        autoplayPolicy: "user-gesture-required",
        enableBlinkFeatures: "HighlightAPI",
        sandbox: !0,
      },
      experimentalDarkMode: !0,
    };

to

l = {
      backgroundColor: r.getBackgroundColor(),
      minWidth: wp.WIDTH,
      minHeight: wp.HEIGHT,
      title: n.nameLong,
      show: e.mode !== 0 && e.mode !== 3,
      x: e.x,
      y: e.y,
      width: e.width,
      height: e.height,
      webPreferences: {
        ...s,
        enableWebSQL: !1,
        spellcheck: !1,
        zoomFactor: Tl(e.zoomLevel ?? c?.zoomLevel),
        autoplayPolicy: "user-gesture-required",
        enableBlinkFeatures: "HighlightAPI",
        sandbox: !0,
      },
      experimentalDarkMode: !0,
      frame: false,
      transparent: true,
    };

[shahzaibkhalid]

I found a monkey patch solution for this: Change the file /Applications/Visual Studio Code.app/Contents/Resources/app/out/vs/code/electron-main/main.js

1. open this file and format it to readable (just open the folder out with VSCode and format it).
2. change this part:

l = {
      backgroundColor: r.getBackgroundColor(),
      minWidth: wp.WIDTH,
      minHeight: wp.HEIGHT,
      title: n.nameLong,
      show: e.mode !== 0 && e.mode !== 3,
      x: e.x,
      y: e.y,
      width: e.width,
      height: e.height,
      webPreferences: {
        ...s,
        enableWebSQL: !1,
        spellcheck: !1,
        zoomFactor: Tl(e.zoomLevel ?? c?.zoomLevel),
        autoplayPolicy: "user-gesture-required",
        enableBlinkFeatures: "HighlightAPI",
        sandbox: !0,
      },
      experimentalDarkMode: !0,
    };

to

l = {
      backgroundColor: r.getBackgroundColor(),
      minWidth: wp.WIDTH,
      minHeight: wp.HEIGHT,
      title: n.nameLong,
      show: e.mode !== 0 && e.mode !== 3,
      x: e.x,
      y: e.y,
      width: e.width,
      height: e.height,
      webPreferences: {
        ...s,
        enableWebSQL: !1,
        spellcheck: !1,
        zoomFactor: Tl(e.zoomLevel ?? c?.zoomLevel),
        autoplayPolicy: "user-gesture-required",
        enableBlinkFeatures: "HighlightAPI",
        sandbox: !0,
      },
      experimentalDarkMode: !0,
      frame: false,
      transparent: true,
    };

Finally got to like VSCode again, thank you!

[Blankeos]

Monkey patch doesn't work for me D:

[github-actions]

This issue is stale because it has been open 60 days with no activity. Remove stale label or comment or this will be closed in 15 days.