Consider using a monospace font in the variable viewer

[Tyriar]

Testing #10170

We typically use monospace fonts for things that represent code or their values

See the debug viewlet for example:

[sadasant]

To solve this, we'd like to have a way to use the debug.console.fontFamily as a Less variable coming from VSCode core. More of the conversation can be seen in the back and forward on this PR: #10724

Suggestion (to future me): Open an issue on VSCode, or make a PR, exposing debug.console.fontFamily in the Less variables.

[Tyriar]

You should be able to read config on the ext host, pass the font family to your webview and inject a <style> element

[DonJayamanne]

@Tyriar the problems with that approach is, if users change themes or settings we need to detect that yet again and pas that to the WebView again.
the suggestion is for vscode to inject those along with the other css variables.

note, what @Tyriar have suggested is definitely possible, and perhaps the interim solution.

[Tyriar]

Just refreshing on window.onDidChangeActiveColorTheme as well as config covers that case. I doubt we'll get font related css variables in webviews

[roblourens]

microsoft/vscode#165445