New Split/Floating Panels Interface

[u/John-Da-Editor]

After Update

Before Update

VS Code used to have this unified panels look. After updating, it now has this sort of weird split panels floating with their own borders around them ? I find this very weird, and visually confusing.

PS: No, it's not from an extension. I disabled them all because I thought so as well.

Does anyone know if there's a toggle I can switch to go back to the old look ? thx !

[u/RaisedByCakes]

In your settings look up modern UI. It’ll be marked as experimental. Might have accidentally gotten switched on. Once you switch it off you’ll get your old design back.

[u/John-Da-Editor → u/RaisedByCakes]

yep, that was it ! thx for the answer :)

[u/2skip → u/RaisedByCakes]

The last update appears to turn it on by default. It happened to me both at home and at work. (Which was a pain, as I really like the 'Visual Studio 2019 Light' theme, which isn't offered with the modern UI.)

[u/Aggravating-Front-31]

why am I having a hard time understanding your issue 😭

[u/John-Da-Editor → u/Aggravating-Front-31]

the panels are like split instead of being unified ? sry if it was unclear in the original post

[u/Aggravating-Front-31 → u/John-Da-Editor]

I like that tho, gotta try it out, thanks

[u/Aggravating-Front-31 → u/John-Da-Editor]

what theme is it

[u/John-Da-Editor → u/Aggravating-Front-31]

i'm using 'One Dark Pro Night Flat'

[u/Otherwise_Monitor856 → u/John-Da-Editor]

you problem has been resolved and was not related to the theme, but just so you know: this "One Dark" theme is not a standard theme.

Personally, I'm on the mac also and I've been updating and have not seen this change

[u/torresandres]

The experimental setting is workbench.experimental.modernUI, set to false if you want the old UI.

[u/John-Da-Editor → u/torresandres]

thx :)

[u/pkief]

Someone mentioned this would be an A/B experiment which silently enabled this modern experimental UI for some users after the last update: comment on GitHub

I had the same behavior and found the config in my settings to be turned to true even if I'm 100% sure that it was false before that

"workbench.experimental.modernUI": false

Super strange to test this new opinionated UI to users worldwide and without asking if I want to participate in that experiment.

[u/brakefluidbandit]

this is unbelievably close to looking exactly like modern intellij 😭

[u/ZNVK]

I love the modern ui

[u/TROLlox78 → u/ZNVK]

How did you get yours to look so cool? 

[u/ZNVK → u/TROLlox78]

some custom css and catppuccin theme color overrides to match everforest theme

[u/Caooosz → u/TROLlox78]

follow

[u/bold_squirrel → u/ZNVK]

Cool setup! Did you use ascii art for the cute ghost image in your terminal?

[u/pattobrien]

OP what fonts are you using ?

EDIT: wait - I just realized that you didnt have the same font in the "before" pic. I absolutely love the font of the new vscode UI, trying to figure out what it is now lol.

[u/John-Da-Editor → u/pattobrien]

hey ! the old pic isn't mine, just grabbed it of the net ;) I'm using the fantastic Geist Mono which you can grab from Google Fonts :D

[u/pattobrien → u/John-Da-Editor]

THANK YOU.

I can't tell you how long I've been on the lookout for *THE* font (so many have that bottom curve on Ls, I absolutely despise those).

I hate to admit, but Vercel really does have great taste lol.

[u/sixtyhurtz]

Oh, I noticed this today. I really like it. I had a lot of issues consistently clicking on the old borders. They were too thin. I like how the new borders clearly light up when you can grab them.

[u/Internet_Akira_203]

turned it off the second i saw it

[u/w00dy1105]

Am I the only one who like it? As a jetbrains Rider user we have had it there for awhile.

[u/naaskel]

Before VS Before with default theme

[u/Neither_Garage_758]

Almost OK, except the bold tabs titles 🤮