Changing Chat Panel Font Size / Line Height easily

VSCode still doesn’t have an easy way to change the font size and line height of side bar text. All current solutions to achieve this are hacky and either require loading in a custom CSS file that modifies the sidebar styling or updating the zoom level globally and then modifying the editor/terminal/etc panels’ font sizes so it looks right.

https://www.reddit.com/r/vscode/comments/l72z6c/tip_how_to_change_the_explorersidebar_font/

This is mostly not an issue in VSCode because the sidebar panel extensions in VSCode are not that important to the editor experience, but on Cursor, the chat panel is a core feature!

Would love if you guys added a few settings that control only the chat panel’s font size and line height for better readability

Cheers

2 Likes

+1 for the feature. It is almost impossible to read chat output on 13 inch screen. Generally, we’ve many windows open and the font size is just un-readable. I copy paste the entire chat in a new buffer to read it.

Please work on a fix for this one.

1 Like

Just to be sure, is the font size in the chat the same as in the editor for you? Or is it smaller than the editor font size?

@truell20 It’s much smaller than my editor font, very hard to read on 13 inch screen :frowning:

I’ve currently zoomed in the entire editor ( changed window.zoomLevel from 0 to 0.3) and then reduced my editor and terminal font size to compensate, but this has the unfortunate side effect of making everything bigger (icons, tab sizes, etc) so I’m left with less room on the screen as a result

Would really appreciate it if I could just adjust only the chat panel’s font size and line height, thank you!

Could you send a screenshot?

Still no workaround/solution? Really struggling with this…

I figured it out!

Steps:

  1. Install the APC Customize UI extension (Apc Customize UI++ - Visual Studio Marketplace)
  2. In your editor settings, add this:
"apc.stylesheet": {
  ".anysphere-markdown-container-root": "font-size: 16px; line-height: 1.4;"
}

Change the font size to whatever you want.

2 Likes

+1 Likewise struggling with this

A workaround is to use ctrl/cmd + “+” to increase font size. This will increase font size in both the editor and chat, after that you can decrease the font size of the editor in settings → Editor: Font size

This extension worked! Except here is the settings.json that worked for me:

"apc.stylesheet": {
    ".anysphere-markdown-container-root": "font-size: 15px !important; line-height: 1.5 !important;",
    ".view-line": "font-size: 14px !important;",
    ".aislash-editor-input": "font-size: 15px !important; line-height: 1.5 !important;"
  },
1 Like