The default changed
VS Code 1.142 turns Modern UI on by default. The redesign separates workbench areas with floating surfaces, adds spacing around major parts, changes tab and status-bar styling, and uses shared design tokens for density and theming. Microsoft says the old interface can still be restored during the transition, but it plans to remove that switch. No removal date has been set.
The useful part is not the new coat of paint. The useful part is that density, tab behavior, shell color, borders, and resize cues are becoming named settings instead of accidental CSS.
A rounded panel earns its gutter only when the work still fits.
The cost has numbers
Microsoft's tracking issue estimates that Modern UI uses about 20 extra horizontal pixels and 12 to 18 extra vertical pixels on a 1920 by 1080 display at 100 percent zoom. The exact cost depends on the layout. That estimate explains why the same redesign can feel calm on one monitor and cramped on another.
Compact Mode removes the outer gaps and corner radii from the main editor window. Panels meet the surrounding chrome. Internal separators and control padding remain. The theming notes say this perimeter change does not alter modal editors, auxiliary editor windows, or the Agents window.
Compact is a setting, not a retreat
Set window.density.layout to compact to keep the Modern UI structure while removing perimeter space. The separate Modern UI switch still restores the Classic interface during the transition. Treat that switch as a temporary escape hatch, not a durable configuration.
Tab action spacing, compact Activity Bar behavior, connected or pill tab shape, and workbench colors can be tuned separately. Modern UI also adds registered colors for the shell, surfaces, panel borders, resize grips, tabs, and inactive windows. The standard workbench.colorCustomizations setting applies changes live.
Run the layout under load
Do not judge an editor layout with one empty file. Open the combination that strains your normal setup. That may be a narrow laptop with Explorer, editor, terminal, and chat. It may be a wide monitor with three editor groups. Test the controls at the screen edge. Check the active tab, resize handles, keyboard focus, long filenames, and a busy status bar.
Keep the new layout only if you can identify the active surface, reach the controls, and retain enough room for the work. If default density fails but Compact works, that is useful feedback. If both fail, record the display, zoom, layout, theme, and exact obstruction before using the temporary Classic fallback.
Keep a rollback receipt
- Record the VS Code version, display size, zoom, theme, and open surfaces.
- Try default density with a real project and the panels you use.
- Try Compact Mode without changing the workload.
- Check keyboard focus, resize handles, active tabs, edge controls, and status text.
- Keep the smallest setting that preserves legibility. Record the Classic fallback only if both Modern UI densities block the work.
The rig below drafts that comparison. It changes a schematic preview and a settings packet. It does not run VS Code or measure your display.