Frameless

Hides the VS Code title bar on macOS and puts the traffic lights next to your editor tabs. Drag the empty part of the tab bar to move the window.

I built it for a layout with the activity bar hidden and the sidebar on the right, so the tabs sit in the top-left corner.

Install

Install it from the Marketplace, or download the .vsix from Releases and run:

code --install-extension frameless-<version>.vsix

Click Apply when it asks, then Relaunch.

Using profiles? Install it in each one.
Using Custom UI Style? Run its Rollback, cleanup and restart instantly and uninstall it first.

Setting	What it does
`frameless.trafficLights`	Where the traffic lights sit. Default `{ "x": 10, "y": 14 }`.
`frameless.stylesheet`	Your own CSS file. Empty by default. examples/one-dark.css is mine.
`frameless.watermark`	An image for the empty editor (SVG, PNG, JPG or WebP).

Run Frameless: Apply after changing any of them. They apply to every profile.

VS Code has no API for this, so Frameless edits three files inside the app and keeps a backup of each:

main.js hides the title bar and moves the traffic lights.
workbench.html loads a small script that makes room for the lights, plus your stylesheet.
product.json gets updated checksums, so VS Code doesn't call itself corrupt.

It also sets window.titleBarStyle to native, which it needs.

A VS Code update replaces those files, so Frameless asks to apply again afterwards.

Run Frameless: Restore VS Code files, or uninstall it. Both put the original files back.

pnpm install
pnpm package

The file patching follows Custom UI Style. The tab bar layout comes from APC.