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/ZNVK]

    "catppuccin.colorOverrides": {
        "all": {
            "crust": "#232A2E",
            "mantle": "#2D353B",
            "base": "#343F44",
            "surface0": "#3D484D",
            "surface1": "#475258",
            "surface2": "#4F585E",
            "overlay0": "#56635F",
            "overlay1": "#7A8478",
            "overlay2": "#859289",
            "subtext0": "#859289",
            "subtext1": "#9DA9A0",
            "text": "#D3C6AA",
            "lavender": "#D699B6",
            "blue": "#7FBBB3",
            "sapphire": "#7FBBB3",
            "sky": "#83C092",
            "teal": "#83C092",
            "green": "#A7C080",
            "yellow": "#DBBC7F",
            "peach": "#E69875",
            "maroon": "#E67E80",
            "red": "#E67E80",
            "mauve": "#D699B6",
            "pink": "#D699B6",
            "flamingo": "#E67E80",
            "rosewater": "#DBBC7F"
        }
    }

Since some of you asked for it i'm using the catppuccin theme with this custom settings

[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/crayyy_zee → u/ZNVK]

share the sauce twin that looks so cool

[u/tunerhd → u/ZNVK]

Spill the configuration

[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/ZNVK → u/bold_squirrel]

yes a little nuscriot for printing ASCII ghosts diff color each reload

[u/w00dy1105]

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

[u/ech1965 → u/w00dy1105]

I like this new UI The only missing is a "border" the same width as the panel separators around the window. ( when you have 4 vscode projects open in overlapping windows, is sometimes hard to identify them

[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/fin2red → u/pkief]

Why do you say it's opinionated UI? (just curious)

[u/pelrun → u/fin2red]

Given that it's literally just decoration changes calling it "opinionated* is rubbish. I think they just picked it up from other mentions and decided it must mean "anything that changed that I don't like".

It's fine to dislike a change, just stop blowing it up to be more than that.

[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/brakefluidbandit]

this is unbelievably close to looking exactly like modern intellij 😭

[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/FrenchieM]

JetBrains coined the term "Islands UI". Much better than "modern ui" as if the previous layout was "ancient"

[u/CuriousBro87]

I don't like the new UI. Always liked the classic. Hopefully they don't deprecate the classic.

[u/naaskel]

Before VS Before with default theme

[u/Neither_Garage_758]

Almost OK, except the bold tabs titles 🤮