VS Code Modern UI: Classic Interface Deprecated, 20px Overhead & Compact Mode Fixes

Modern UI Changes in VS Code 1.129

VS Code 1.129 (July) shipped an experimental flag that transforms the decade-old rectilinear workbench into a set of floating cards with rounded corners, borders, and spacing. The sidebar, activity bar, editor groups, and bottom panel become independent cards; menus turn into floating panels; tabs and the status bar are restyled; dark theme contrast is lowered. Microsoft's GitHub discussion "Evolving the VS Code Interface" (September) confirms all users will eventually migrate and the classic UI switch will be removed.

Design Tokens for Theming

The update introduces design tokens — surface.background, editor.border, modernPanel.border — giving theme authors a unified system for density, theming, and future customization.

Enabling or Disabling Modern UI

Stable builds default to classic UI. To try Modern UI, search "modern" in settings and check Workbench › Experimental: Modern UI . Insiders already have it on by default. To revert, add to settings.json:

{
  "workbench.experimental.modernUI": false
}

Space Overhead and Community Backlash

On a 1920×1080 screen at 100% scaling, Modern UI consumes roughly 20 extra pixels horizontally and 12–18 pixels vertically , varying by layout. Small-screen and high-density workflows generated the loudest feedback. A GitHub issue titled "Border radius has infected editor" described the spread of rounded corners into the editor area as an "infection"; the thread gained traction on Hacker News and X.

Official Mitigations: Compact Mode and Density Settings

Microsoft responded with several adjustments:

Simplified chrome (window furniture).

Removed all-caps view titles.

Tightened tab and status bar spacing.

Added Compact Mode : set window.density.layout to "compact" to keep structure but reduce spacing, making the experience closer to classic UI.

Added separate compact toggles for the activity bar and tab action area.

Example settings.json for compact layout:

{
  "window.density.layout": "compact",
  "workbench.activityBar.compact": true
}

Migration Timeline

A transition period follows during which the experimental flag can still disable Modern UI. Microsoft will continue refining based on feedback. The endpoint is mandatory migration for all users and removal of the classic UI switch.