Feature request (trivial): configurable font size for the AI chat panel

Feature Requests
1

Problem

The AI sidebar chat font is too small to read comfortably, and there is no setting to change it. chat.editor.fontSize only affects the input box; the response text (prose, headings, code blocks, inline code) has no user-adjustable size. window.zoomLevel scales everything including the code editor, which is not an acceptable trade-off.

Solution

Findingings and my temporary patch

  1. The chat panel is rendered with React + Tailwind CSS in the main workbench document (verified: document.querySelectorAll('.streaming-prose').length > 0 in the top frame — it is not a webview iframe).
  2. Relevant DOM classes: .streaming-prose (response prose), .message-content, .user-message-content, .answer-code-block / .answer-code-wrap-body (code blocks), .chat-input-contenteditable (input), conversation-virtual-row* (list rows).
  3. Because no official setting exists, the only workaround is unsupported patching: injecting CSS via a <link> to external.css inside resources/app/out/vs/code/electron-browser/workbench/workbench.html, which requires changing ownership of system-installed files and must be redone after every update. This took ~1 hour of troubleshooting and is fragile by design.

Request
Please add user settings, e.g.:

  • chat.response.fontSize — AI response prose (default ~13–14px)
  • chat.response.codeFontSize — code blocks and inline code
  • or a single chat.fontSize scaling the whole panel (prose, headings, code, input)

This would remove the need for users to patch installation files and would benefit anyone on high-DPI displays or with accessibility needs.

Use Case

It’s a daily life saving feature.

Priority

  • :red_circle: High - Blocking issue
  • :yellow_circle: Medium - Important improvement
  • :green_circle: Low - Nice to have

Additional Info

(Optional: screenshots, examples, links)