Emacs: Differentiate markdown cells in Emacs IPython Notebook (EIN) - emacs

How can I change the text color or the cell background for a markdown cell in Emacs IPython Notebook?
Text in markdown cells is the same color as code. This makes it difficult to navigate the page. I can't easily differentiate what cells are code and which are annotations.
As a workaround, I've been using code cells with comments. The comments (in my theme) are green and they stand out nicely. But this makes the final notebook look disorganized.

You might be able to achieve this with themes in polymode, but there is a post over on the Emacs Stackexchange suggesting that this isn't how themese work and that it may only be possible for the background.

Related

Change jupyter notebook markdown font color in vscode

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.

Customize the style of Markdown Headings in VS Code Jupyter Notebooks

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.

VSCODE Notebooks - Is it possible to show only markdown headers in outline?

I use markdown headers to navigate in notebooks but I also tend to make a lot of (non-header) markdown notes. Both show up in the outline which makes finding the right heading quite difficult as notebooks grow large.
Is there a way to suppress plain markdown cells showing up in the outline?
I have followed the discussion on github and at Creating Table of Contents in VS code Jupyter Notebook
the author of one answer was also not satisfied with the outline feature and created jupyter TOC extension, and at some point, I also ended up using it. This has an option to exclude text from visualization (I believe it is possible to set maximum expansion level), but I still consider the outline more desireable, because it stays visible when I scroll the document, which I consider essential.
The workaround I found is to put, when possible, text in the same cell as the header. This makes it easier to keep the outline clean, and just avoiding to expand too much the outline works decently for me, even if it implies some annoying restrictions on the way you structure text. Other than that, it is possible to play with the collapse/expand feature of the outline and get a sufficient control, even if the possibility of completely exclude the text is still a desireable upgrade.

How to change cell background colour of a VSCode Jupyter Notebook?

I would like to know what is the JSON setting to change the background colour of a VSCode Jupyter Notebook cell.
I found the VSCode Theme colour reference but I can't find the specific setting to do so.
I found the perfect colour theme but I would like to tweak the background colour cell just a bit.
For those interested the setting is:
"editorWidget.background": "#ff0000",
To find it, from the command palette I ran:
Developer: Generate Color Theme from Current Settings
This will create a new json document with ALL the elements currently affected by your current theme, from there I search for all the occurrences of the hex colour until I found the matching setting.
UPDATE: Please see Mark's answer below
Mark's answer is not comprehensive enough. Not sure if it is the best, please try.
In the settings.json -- can be found at File(Windows)/Code(Mac)>Preferences>Settings
Adding this into the json will work -- notebook's setting has to be put under the workbench.colorCustomizations.
"workbench.colorCustomizations": {
"notebook.cellEditorBackground": "#FFFFFF",
},
The rest of the settings you may follow Mark's guide above.
However, customizing the color background alone at jupyter notebook at vscode is not enough, i need the complete best settings including the font colors. Please share if you found the settings for all under notebook. Or can we change the notebook theme only but leaving the rest of vscode theme untouched?
vscode v1.59 is adding this colorCustomization:
"notebook.cellEditorBackground"
Also available:
"notebook.cellBorderColor"
Previously:
That theme color reference link doesn't seem to be kept up-to-date. See vscode Theme Color reference instead. There are a lot of notebook-related theme colors:
Notebook colors
including:
notebook.focusedCellBackground
notebook.selectedCellBackground
and many more.

Can I remove the border of VScode markdown code tag style?

The border around the code tag is annoying, especially if there are many of code tags inside a paragraph. Can I remove it in the VScode editor?
Well, the reason is I installed the markdown all in one extension and the border was hardcoded for the dark theme.
There is a issue talking about the problem and how to tweak it from code.
But for me, the built-in markdown support of VScode just work well.