Microsoft Introduced Rounded Visual Studio Code UI

The 1.129 update added optional rounded corners to the editor to visually separate AI-integrated tool surfaces.

Updated on Sept. 26, 2026 in Software

Isometric editorial illustration of layered, rounded, matte-finish rectangular panels in teal and oxblood, symbolizing software interface design.
Microsoft released version 1.129 of Visual Studio Code on July 15, introducing rounded floating cards to visually separate AI-integrated tools. AI Illustration. Upload story photo >

Live Poll

Do you prefer software updates to prioritize design consistency or maintain familiar, traditional interfaces?

Microsoft released Visual Studio Code version 1.129 on July 15, 2026, featuring a Modern UI preview that incorporates rounded corners and floating card elements. The redesign applies to sidebars, toolbars, and editor panes to better differentiate agent-based interfaces.

Why it matters

The aesthetic update aims to visually segregate new AI-driven chat surfaces and agent hosts from the traditional code editor environment. This shift signals an ongoing effort to integrate increasingly complex generative software tools into the existing developer workflow.

The 1.129 update implements border radii ranging from 4 to 8 pixels throughout the interface. Microsoft achieved this design change using CSS variables and marker classes for overlay webviews, with layout density toggles available between Default and Compact modes.

The players

Microsoft

A global technology leader maintaining the industry-standard Visual Studio Code integrated development environment.

GitHub

The Microsoft-owned platform hosting the open-source repository and issue tracker for Visual Studio Code development.

The details

The redesign applies to core elements including the Activity Bar, toolbars, and editor panes. Microsoft used CSS variables—a method for managing styling across a document—and marker classes, which identify specific DOM (Document Object Model) elements, to render these rounded floating cards. The change is intended to isolate AI-driven agent windows from the standard coding environment, though it remains gated behind an experimental setting.

Timeline

  1. July 15, 2026: Microsoft released Visual Studio Code 1.129.

  2. Late August 2026: Reports confirmed an escape hatch to restore classic layout.

  3. Late September 2026: Visual redesign issue circulated on social media platforms.

The Tech Race

This transition moves Visual Studio Code away from its legacy grid-based interface toward a more modular design language. It mirrors broader industry trends where IDE providers are adopting floating-card aesthetics to manage the footprint of AI-driven coding assistants.

Users can revert to the classic, sharp-cornered layout at any time by modifying the settings.json file. The new look is currently optional, allowing developers to choose between the Modern UI preview and the prior interface configuration.

The takeaway

The redesign highlights a friction point between legacy coding workflows and the spatial requirements of new AI agents. Developers can track the ongoing community response to these UI changes via Issue 338035 on the project's repository.

Further reading

For broader trends in development tooling and interface evolution, see our Software coverage.

Source note: This article includes information reported by WebProNews.

Live Poll

Do you prefer software updates to prioritize design consistency or maintain familiar, traditional interfaces?

Microsoft Introduced Rounded Visual Studio Code UI