## **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 `` 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**
- 🔴 High - Blocking issue
- 🟡 Medium - Important improvement
- 🟢 Low - Nice to have
## **Additional Info**
(Optional: screenshots, examples, links)