I am using VScode with a dark theme and the text dispayed in Jupyter notebook markdown is pretty pale example
What I have been doing is trying to change my color theme in settings.json, but I can not find a variable that accounts for the notebook markup font color, let me give you an example of an existing variable that is similar to what I am looking for "notebook.markup.fontSize": 20. I could not find neither the variable nor the full list of such.
I know I might explicitly assing font color for each cell, but I find it really tedious as I have tons of them.
Are there any other solutions to this problem?
I have tried installing extensions, checking out jupyter VScode settings. Couldn't find anything.
In VS Code Jupyter Notebooks, it is really hard to distinguish between a first level header and a second level header, which makes it hard and confusing to navigate in a long document. I have very poor knowledge of CSS and I couldn't find a way to customize the font size and color of headings.
Please note I'm referring to rendered markdown (in preview).
Thank you for your help.
How do I hide the code cell when exporting .net interactive notebooks in visual studio code?
For instance,
I'd like to export the output, which is the latex display part of the example above,
while excluding the actual code cell from being exported.
I found this question for Jupyter notebook but I can't seem to make it work for vscode.
My best option, for now, is to export the whole file to HTML and then manually exclude the elements that are not needed.
Below is a screenshot of what I mean. I'd like it to show only the headers of the notebook, not each and every single markdown block. Is there a similar way to changing this, like in JupyterLab, where you can toggle different outline options?
Is there some way to modify the font in which the rendered markdown cell is displayed in VS Code's Jupyter Notebook? I have searched the internet to resolve this matter, but all I understand was that this is done by default as shown in the screenshot provided in Working with Jupyter Notebooks in Visual Studio Code. The screenshot below clearly shows that the font for rendered markdown cell is different than the one set for code cells
On the other hand, My VS Code notebook Looks like this
It seems that render font for markdown has somehow been linked with the font for code cells. If I change the font for the code cell, the markdown cell render font changes too.
In settings, I found an option to set fonts for markdown preview, and I changed it to Arial, but this does not have any effect on markdown cell
I finally decided to completely uninstall VS Code, by uninstalling through control panel, then removing remaining folders from %userprofile%\AppData\Roaming\Code and %userprofile%\.vscode. Afterwards, I reinstall VS Code from the latest available stable installer and reinstalled the required extensions. But the problem still persists.
I would really appreciate any help regarding this matter
Yes, you can change the Font Size and other things too...
* -> Bullet Points
Bullet Point Image
*** -> Creates Border Line
Border Image
# -> Largest font Size
Large Font Image
## -> Medium Font Size
Medium Font Image
### -> Smallest Font Size
Small Font Image
` (Back Ticks) -> Mark the Text with Color
Back Tick Image
> -> Shade the Entire Current Cell
Shaded Shell Image
One last thing, to apply these effects you have to press ctrl + enter
for every Shell
This may help: Incorrect font used in notebook Markdown code blocks.
Apply editor-font-family to all code in notebooks (microsoft#157554)
Apply editor-font-family to all code in notebook
Fixes microsoft#146696
This matches what we do in the markdown preview
from https://github.com/Maxxisthename/vscode/commit/0103536a602d5acaffb3f4a39d8c5b31046c272b
So the editor font family you set in the settings (Editor: Font Family) should be respected in the markdown of notebook cells. If that helps...