How do I find a root CSS selector for the Composer's docked window?

I would like to increase the font size for the content appearing in the Composer’s window (when docked in the AI Pane between Chat and Review windows). I want to follow the approach - that I have already used successfully - described here: Changing Chat Panel Font Size / Line Height easily - #10 by vxm5091. For that, I need to know the root CSS selector for the above-mentioned window (I know how to find that info in browsers, but not in VS Code IDE and its derivatives). Please advise.

Hi @abba

Open DevTools in Cursor.

1 Like

Hi @deanrie, thank you for your advice. Interestingly enough, I have discovered that, in fact, my current “apc.stylesheet” settings already produce the desired effect. However, that happens only after I (re)activate them by opening “settings.json” and (re)saving or closing the file. Any ideas about why that might be happening?

By the way, this approach (using APC) is not ideal, as it requires specifying all relevant components of the AI Pane. It would be nicer to be able to just specify a scaling (zoom) factor for the pane so that all relevant visual elements are scaled up or down proportionally. A good place for such setting would likely be a new section in Cursor Settings → General or a new tab located between General and Models tabs.

I’m using a separate file and linking it in the settings. I also have some ideas to create an “Appearance” tab with all customization options, but I’m still in the idea phase for now.

1 Like