Code blocks in Markdown render poorly

[fonnesbeck]

Environment data

• VS Code version: 1.89.1
• Jupyter Extension version (available under the Extensions sidebar): v2024.3.1
• Python Extension version (available under the Extensions sidebar): v2024.4.1
• OS (Windows | Mac | Linux distro) and version: Fedora 40
• Python and/or Anaconda version: 3.11
• Type of virtual environment used (N/A | venv | virtualenv | conda | ...): conda
• Jupyter server running: Local

Expected behaviour

When a code block (here, Python) is added to a markdown cell using triple quotes, the block is formatted as code with appropriate language coloration when specified. Here is a working example in a browser-based Jupyter notebook:

Actual behaviour

In VSCode, the block is not well defined and does not include language coloration despite the language being specified with the code block. It looks really terrible, almost as if inline code formatting is being used on the block. If this is the case, it is not the correct encoding.

Note that this is independent of which theme is being used in VSCode. They all look similar to this, but using the dominant colors of the theme being used.

Steps to reproduce:

Create a code block inside of a markdown cell using the triple quote notation (and language label, optionally)

[mjbvz]

Please share an example notebook file too

[fonnesbeck]

This occurs with any notebook containing markdown code blocks, but here is a simple example.

Here is what this code looks like in VSCode, using two different themes:

[mjbvz]

Thanks. Looks fine to me tho:

Does this reproduce in the latest VS Code insiders build with all extensions disabled?

[fonnesbeck]

Thank you. It looks like a Markdown preview extension was causing this. Sorry for the trouble!