Can I make my vsc look like this with custom-css like I did with Apc?

[Ender-Wang]

I am using Apc Customize UI++ to customize vsc but recently MS changes a lot and it breaks Apc, so I am wondering if I can use custom-css to make vsc looks like the way I did with Apc, cause the discussions ongoing on Apc's repo hints the author may not have time to adapted to MS's breaking changes on vsc for every release, so I am looking for opts to do it my self since what I want to change with vsc is not that complex, here's what my vsc looks like:

• Bottom activity bar (I know we have opt to change the position of activity bar in vsc natively now, but heard that we cannot change the size or sth)
• Get ride of title bar completely (the thing I wanna get ride of mostly)
• Traffic light position? (It would be nice if I can do this with custom-css)

Much appreciated for hints or discussion on the possibilities of making vsc looks like what I did with Apc :D

[kyds3k]

@Ender-Wang did you ever figure this out?

[Ender-Wang]

@Ender-Wang did you ever figure this out?

I managed to disappear the title bar and shift the rest of the UI upwards 35px, but there's another 35px blank at the bottom, which I cannot figure it out. Tried css and also js, still not working 🤣, the problem is that MS hard coded the height of some UI elements with style "top:35px". If you move the UI elements upwards 35px to fill the blank where the title bar was, the high of the element you are moving doesn't change and it needs to be 35px higher so there won't be blank space below, try using JS to do it, but seems it's not that easy, I must missed sth else.

Edit: So now I am turning vsc stock settings to make it look good in here.

[Ender-Wang]

I found a glitch that you can hide title bar completely:

1. 
2. Then set "window.titleBarStyle": "native", you will be prompt to restart, but do not, and you will see your title bar is completely gone like this:
   

[lethefrost]

I found a glitch that you can hide title bar completely:

1. 
2. Then set "window.titleBarStyle": "native", you will be prompt to restart, but do not, and you will see your title bar is completely gone like this:
   

This doesn't work for me 🤔

[lethefrost]

I am also a refugee from APC (and two years ago a VSCode update broke Customize UI... how familiar it feels). So sad. If anyone finds a way to make the window frameless please let me know... ._.

[Ender-Wang]

This doesn't work for me 🤔

I have these changes in settings (not settings.json) below about Window, then set this in settings.json: "window.titleBarStyle": "native" ( you should have this line in settings as "window.titleBarStyle": "custom", then save it, then restart, then change it to native without restarting to do the trick.) It works for me every time.

I think these settings are what matters for the trick, I leave this settings as they're, only trick I did is changing titleBarStyle to native in settings json, as I said above.

[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.

[jdanbrown]

@Ender-Wang @kyds3k @lethefrost In case still helpful, you can make frameless windows in vscode using @subframe7536's new custom-ui-style extension:

• https://github.com/subframe7536/vscode-custom-ui-style
• https://github.com/subframe7536/vscode-custom-ui-style/pull/14/files

More context in this apc-extension issue:

• Not working with the latest VS Code drcika/apc-extension#230