Tweak font styles for code blocks in chat

[dlqqq]

Description

Binds the line-height, font-family, and font-size CSS properties to the CSS variables used in JupyterLab.

Unfortunately I'm not having much luck changing the color scheme of the code block; the dependency is outdated and most of the styles are broken out-of-the-box. We will likely have to migrate to the JupyterLab code renderer soon.

Demo

[3coins]

@dlqqq
Thanks for making these tweaks. Should we decrease the spacing between the “Copy To Clipboard” and the code block to specify better context? We can also explore moving it to the top of code block.

[dlqqq]

@3coins That's a great suggestion! However, there are lots of other changes that need to be made regarding how we present code blocks to the end user after JupyterCon. I think it's best to track that in our internal design for now.