claude-code - 💡(How to fix) Fix [FEATURE] Add claudeCode.fontSize setting for VS Code extension panels

Official PRs (…)
ON THIS PAGE

Recommended Tools

×6

Utilities matched from this issue’s tags and category — try them while you read without losing context.

GitHub issue graph ai analysis

Paste a GitHub issue URL. We fetch that issue, discover linked issues from bodies/comments/timeline, collect linked pull requests, and produce a structured English report.

The report is written in English Markdown for sharing and archival.

Helpful · Quick feedback

Loading…

Root Cause

The left tab is Claude Code. The right tab is a text scratch file. As you can see, the font sizes are different. I prefer the font size on the right, but if I were to zoom in to make the Claude Code font match it, the right-hand side's text would grow bigger than I would want. Also, there would be less space in the UI because zooming in reduces the amount of content that can fit in each panel.

Fix Action

Fix / Workaround

The current workaround is increasing window.zoomLevel, but this zooms the entire VS Code UI including the editor, terminal, and all other panels.

RAW_BUFFERClick to expand / collapse

Preflight Checklist

  • I have searched existing requests and this feature hasn't been requested yet
  • This is a single feature request (not multiple features)

Problem Statement

Currently, the only way to increase text size in the Claude Code VS Code extension panels is to increase the overall VS Code zoom level (window.zoomLevel), which affects the entire editor. I'd like to increase the font size in the Claude Code UI without zooming everything else.

Proposed Solution

Add a claudeCode.fontSize VS Code setting (numeric, e.g. "claudeCode.fontSize": 14) that controls the font size within the Claude Code extension panels independently of window.zoomLevel. This should apply to both:

  1. The Claude Code chat window (the primary panel where conversations happen)
  2. The chat history sidebar (the pop-out that lists previous chats)

Alternative Solutions

The current workaround is increasing window.zoomLevel, but this zooms the entire VS Code UI including the editor, terminal, and all other panels.

Priority

Medium - Would be very helpful

Feature Category

Configuration and settings

Use Case Example

<img width="2218" height="264" alt="Image" src="https://github.com/user-attachments/assets/c92697eb-6ffd-439e-92e7-b5cd21caf82d" />

The left tab is Claude Code. The right tab is a text scratch file. As you can see, the font sizes are different. I prefer the font size on the right, but if I were to zoom in to make the Claude Code font match it, the right-hand side's text would grow bigger than I would want. Also, there would be less space in the UI because zooming in reduces the amount of content that can fit in each panel.

Additional Context

It could be argued that this is a bug instead of a feature request. The bug is that Claude Code doesn't respect the VS Code editor's font settings.

<img width="1134" height="984" alt="Image" src="https://github.com/user-attachments/assets/ac8e1f1d-3009-42c0-8033-df30a038e35f" />

VS Code: Version: 1.120.0 (user setup) Commit: 0958016b2af9f09bb4257e0df4a95e2f90590f9f Date: 2026-05-12T20:17:22Z Electron: 39.8.8 ElectronBuildId: 13870025 Chromium: 142.0.7444.265 Node.js: 22.22.1 V8: 14.2.231.22-electron.0

Vote matrix · Quick signals

Works
Did the solution work? Tap to confirm.
Easy Fix
Was it a quick fix?
Time Saver
Did it save you time?
Blocking
Was it severely blocking?
Common Issue
Are others likely hitting this too?
Flaky / Intermittent
Is it intermittent?
Verified / Reproducible
Can you reproduce it reliably?
Loading…

Still need to ship something?

×6

Another batch ranked right after the header list — different links, same matching logic.

Back to top recommendations

TRENDING

claude-code - 💡(How to fix) Fix [FEATURE] Add claudeCode.fontSize setting for VS Code extension panels