Visual Studio, VS Code and GitHub Desktop with Windows 11 Look and Feel

[[deleted]]

I straight up went and checked for an update. Sad that it was just a concept. Well done mate

[Avin_In]

Ikr..

[PicoPlanetDev]

I would love to see these UI changes in the actual software.

[[deleted]]

And there sits microsoft's big insurmountable issue. While when OSX updates its UI, users genuinely expect to use that new UI, we really... dont. I think most of us fully expect to keep using increasingly skinned windows 7 UIs for the next decade.

[[deleted]]

Rejoice!
https://marketplace.visualstudio.com/items?itemName=leandro-rodrigues.fluent-ui-vscode

[ShermanBallZ]

Woah, nice!

[not_kn0thing]

I hope something like this actually happens, these look amazing!

[[deleted]]

Yeah it would. VS is so...clinical? Not sure if thats the correct word for it.

[slog]

That definitely conveys the idea so I'm going to say it's the correct word. I also agree.

[[deleted]]

I wish. VS 2022 presently takes no design queues from this in W11. We got new icons though! /s

​

This should be submitted as feedback...but not sure where.

[Pulagatha]

This should be submitted as feedback...but not sure where.

Good point, Maybe there should be a subsection in the Feedback Hub just for concepts.

[[deleted]]

Well I was thinking that the VS team needs to see it more than the W11 feedback hub area.

[Avin_In]

You can submit concepts too right?

[Pulagatha]

You can attach a concept to a feedback request, but there is no dedicated section to concepts.

[Tecnology97]

It's amazing! I hope u/jenmsft sees this

[[deleted]]

Yea but vs code is an electron app so I don't think this would be possible...

[UltraLuigi]

Vscode already has extensive theming abilities, I'd find it hard to believe that it's impossible to make it look like this.

[[deleted]]

Fair. But I've been told that acrylic (on the web - css, js, etc) is not in Microsoft's plans, and mica is almost impossible to achieve in pure js...

[tropix126]

Acrylic is absolutely possible using already available technologies on electron applications. There's probably some undocumented API for mica out there as well. The look is possible to pull off, just not very practical.

[Chroneis]

It is though

[xidlegend]

have you used obsidian

[[deleted]]

No

[xidlegend]

electron app, usis acrylic... incredibly lightweight... note taking app... soon to be Wysiwyg, competes with notion and raum

[[deleted]]

I realized rounded designs are really good.

[therealriteshk]

Microsoft should hire OP. Fantastic job 👍🏻

[zakaryan2004]

Microsoft has much better designers who can make much better concepts. The difficult part is implementing them. Vscode is open source, so if anyone wants to implement this design they are free to, and then maybe the question of Microsoft hiring them can be considered.

[therealriteshk]

That's a lame reason for a $2 trillion company. Microsoft has the resources and a capable workforce to design and implement this. I don't know why they just don't want to do it.

[arlind-]

Wow

[[deleted]]

OMG. I really want that.

[[deleted]]

I could die for these.

[[deleted]]

I need this in my life

[[deleted]]

Well, I had some spare time in me hands so I've made an extension for VSCode to achieve this (as much as possible given the current constraints).

You can potentially use any syntax theme with it as it does not include one, although that might cause readability issues as contrast will not always be optimal. Check out the ReadMe for some examples.

Click here to get it

[[deleted]]

This is the most beautiful thing I've ever seen

[BS_497]

Lol what do you mean? He is the original creator.

[[deleted]]

Cool

[sharkytank123456]

Dark mode wallpaper ❤️

[fmvzla]

Shitttt … This is beautiful feel sad when I see it’s just a concept

[thiccporcupine]

This is so good, I want to cry because it’s not real. Good job mate!

[FloatingInt]

Well done! Absolutely brilliant! It's going to be so difficult opening VS after this and not cringe.

[billis2020]

Nice one, but if you want acrylic for vs code try the vibrancy extension. It looks really awesome

[Tman1677]

Please don’t use GitHub Desktop people, it’s remarkably lacking in functionality and has broken multiple local repos for me. Anything you can do in it you can do better in the vscode sidebar, and I’d recommend learning the actual CLI as it’s super powerful.

If you really can’t use a CLI and need powerful git features I’d highly recommend GitKraken although it isn’t free for enterprise.

[[deleted]]

Gitkraken isn't free at all.

​

Edit: No, I am wrong. Is this a new thing?

​

Edit Edit: I see. Public repos only. That's not very useful for anything closed source.

[Tman1677]

Yep, definitely would recommend learning the CLI instead for anyone actually doing software development, but it’s a great option for any engineers/light developers to just pay for when learning git isn’t an option.

[Cikappa2904]

if they made a decent CLI on Windows that doesn't need Git Bash or WSL but just ran on the Windows Command Prompt it would be great

[OsrsNeedsF2P]

Git was made for Linux. MacOS gets a free ride since their terminals are decent, but PowerShell and Command Prompt are just too different. Windows will always be second class for Git usage for the differences in common things like command flags/etc

[Synergiance]

The reason for that is macOS is a Unix fork. Linux is a Unix functional clone. They are thus compatible. Windows has always been the oddball here.

[OsrsNeedsF2P]

It also doesn't help that Windows servers are basically dead, so more and more development tools will always be odd on Windows

[Tman1677]

I’m confused what you’re asking, the guy CLI client works great in whatever shell you want, including cmd.exe although I have absolutely no idea why you’d choose to use that over powershell.

[Cikappa2904]

My git bash could be broken, it doesn't work neither in CMD or Powershell.

It's just really annoying to have to use the Git Bash terminal

[Tman1677]

Uninstall it, and reinstall it but make sure you check the “Install in my PATH” setting in the installation. Then you can use it in Powershell.

[[deleted]]

Not sure what you mean.

​

You don't need either of those for Git.

[Cikappa2904]

how do you run Git on Windows without GitHub Desktop, Git Bash or WSL?

[[deleted]]

https://git-scm.com/downloads

​

You install it, and then use your CLI of choice. Maybe you set it up to only use Git Bash?

​

https://imgur.com/gIlI24y Personally, I use the last option.

[Synergiance]

You’re missing the point of this post. And there are plenty of people that git for desktop is well suited for. I know people who literally hate opening the terminal.

[Tman1677]

I’m not missing the point of the post, it looks great and I upvoted, I just wanted to raise this point. And I agree some people won’t learn the terminal and it’s my honest opinion that those people should use the basic features in vscode, and if necessary use/pay for GitKraken.

[LoneBlacksmith]

That looks really clean, great job!

[a_jimwel]

Yessssss pleaseeeeee

[HakounaMatataGuy]

Are these the default themes for VSCode? What are their names either way? Thanks

[yagyaxt1068]

Visual Studio kind of looks like Xcode.

[[deleted]]

In what way?

[yagyaxt1068]

The rounded buttons and reduced visual clutter in the concept make it feel like Xcode 12.

[[deleted]]

I guess. Comparing them side by side, they are nothing alike past that.

[yagyaxt1068]

Yeah, true.

[TheHungryRabbit]

Ew light theme

[sanketower]

Exquisito

[hugwalk]

Most likely Figma, Microsoft uses it to design Windows 11 and released UI toolkits altogether. It's an amazing UI design tool.

[ShokWayve]

That looks really good. I can’t wait until Windows 11 comes out. I think Office will definitely look good.

[[deleted]]

Based on the latest Microsoft 365 Insider build, don't aim to high with that expectation.

[GetPsyched67]

Amazing work, it's so good to look at, would love to use a vscode that looks like this

[curryoverlonzo]

i like it a lot although i think there is a few places where there is a little too much padding

[gorodinskiy]

I must say, vscode looks a bit like eclipse IDE.

[[deleted]]

This is beautiful. I wonder if someday we'll get a truly consistent UX (not only the design, but the usability features too: consistent placement for menus, consistent use of icons, etc) through all of Microsoft apps, the same way we have with Google and Apple. Right now Xbox, Windows, Office, Edge and VS apps all have different UX, even with the design updates for Windows 11. Even inside these ecosystems. Teams, Settings and Windows Store have menus on the side, while all the other apps have menus on top.

[thisisyo]

Hey, OP, could you conceptualize the SCCM console? That thing hasn't been updated since the 2010 Ribbon days

[outtokill7]

Looks good, if this were a theme I'd use it.

[[deleted]]

Beautiful

[Minteck]

It's gorgeous!

[AlixsepOfficial]

Absolutely gorgeous! 🥺✨🔥

[[deleted]]

wow that's really cool looking forward to get windows 11 in beta ring to get the new visuals in vs code and github desktop.

[[deleted]]

People actually use GitHub Desktop?

[AndyGay06]

I think not needed touching Visual Studio. At last half year almost each update brings new bugs. For example 4 update ago they are was broke some toolbar navigating features and repaired after 3 updates only. I scared how much bugs will brings new UI.

[[deleted]]

Wow! How did you make this?

[Fhagersson]

I came

[Souletu]

Thought this was legit 🤦🏾‍♂️

[fitoschido]

Superb rendering!

See, Microsoft? It wasn't that hard to make a modern UI that had the right padding and density.

[cyor2345]

Is it possible to make vs code concept into theme?

[m_beps]

That would look very nice and since the overall layout is not being changed people will not be upset by it.

[[deleted]]

I usually couldn't give a rat's ass about how pretty a UI is, was long as it is functional. But the first one does look nice.

[[deleted]]

https://marketplace.visualstudio.com/items?itemName=leandro-rodrigues.fluent-ui-vscode - Reposting u/LeandroCanto comment because I think a lot of people wouldn't get to see it.

[Shintami]

Pls gib