Skip to content

Conversation

@xiaolai
Copy link

@xiaolai xiaolai commented Dec 11, 2025

Summary

This patch adds user-configurable font size settings for both primary and secondary sidebars, addressing long-standing accessibility requests.

New Settings

  • workbench.sideBar.fontSize: Controls the font size used for content inside the primary side bar (6-32px, default 13px)
  • workbench.secondarySideBar.fontSize: Controls the font size used for content inside the secondary side bar (6-32px, default 13px)

Demo

Sidebar Font Size Demo

Implementation

  • Settings are propagated through sidebar components via CSS custom properties (--vscode-workbench-sidebar-font-size and --vscode-workbench-secondary-sidebar-font-size)
  • Real-time reflowing without page reloads
  • Default of 13px preserves existing behavior for themes not explicitly configured

Files Modified (via patch)

  • src/vs/workbench/browser/workbench.contribution.ts — Configuration schema
  • src/vs/workbench/browser/parts/sidebar/sidebarPart.ts — Primary sidebar logic
  • src/vs/workbench/browser/parts/sidebar/media/sidebarpart.css — Primary sidebar styling
  • src/vs/workbench/browser/parts/auxiliarybar/auxiliaryBarPart.ts — Secondary sidebar logic
  • src/vs/workbench/browser/parts/auxiliarybar/media/auxiliaryBarPart.css — Secondary sidebar styling

Motivation

Users frequently request enlarged sidebar content for better readability. Prior solutions were limited to zooming the entire interface or manual CSS editing. This change exposes configuration directly in Settings, supporting accessibility workflows.

Background

This is based on microsoft/vscode#270851, which was rejected by Microsoft with the comment "In this area we do not accept PRs, thanks" despite receiving 18 positive reactions and significant community support.

Since VSCodium is more community-driven, this feature could benefit users who need this accessibility improvement.

Testing

The original PR author tested with:

  • npm run compile executed successfully
  • Smoke tests: 66 passing, 22 pending
  • Manual verification confirmed live sidebar response to new Settings UI sliders

Add two new workbench settings for controlling font sizes in sidebars:
- workbench.sideBar.fontSize: Controls primary sidebar font size (6-32px)
- workbench.secondarySideBar.fontSize: Controls secondary sidebar font size

This improves accessibility by allowing users to independently scale sidebar
content without requiring full UI zoom or source code edits.

Implementation uses CSS custom properties for live updates without reload.
Default of 13px preserves existing behavior.

Based on rejected VS Code PR #270851 - rejected with "In this area we do not
accept PRs" despite 18 positive reactions and community support.
@daiyam daiyam changed the base branch from master to insider December 21, 2025 10:13
@daiyam daiyam changed the base branch from insider to master December 21, 2025 10:19
@daiyam daiyam changed the base branch from master to insider December 21, 2025 10:20
@daiyam
Copy link
Member

daiyam commented Dec 21, 2025

Thank you for the PR. Ya, it fixes an issue with VSCode.

Shouldn't it also change the title, action icons, inputs?

Here the changes I would see:

  • workbench.sideBar.fontSize should change all sidebars (definitely)
  • workbench.sideBar.left.fontSize: only the left sidebar (main might be better)
  • workbench.sideBar.right.fontSize: only the right sidebar (aux might be better)

It would be nice if we could also change the tabs font size.

@daiyam
Copy link
Member

daiyam commented Dec 26, 2025

@xiaolai Can you make the changes?

@daiyam
Copy link
Member

daiyam commented Dec 30, 2025

@codingus-g Could give your feedback? Thx

@setanarut
Copy link
Contributor

This can be combined with my suggestion. It's possible to change the entire Workbench font. -> #2647

Ekran Resmi 2026-12-30 21 16 06

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

3 participants