I have tried going to shell and install jupyterthemes and apply jt -r. Doesn't work.
The dark theme is too dark for me. All the graph labels cannot be seen well.
Related
I want Pycharm Pro not to highlight current line in Jupyter notebooks (this ugly stripe on the left).
I can't find option for this in Settings (only for current cell color).
I am struggling with jupyter notebook slideshow. At the beginning I made a presentation, everything looked normal. However later I wanted to align some text, move image to the ceneter, adding padding, setting margins etc. I was using html for that.
Now sth changed my settings gloabally and my input and output cells looks bizzare.
exemplary view
I tried to reinstall jupyter.
I tried creating new notebook.
I tried two different browsers with cleaning cache.
I used jt -r command.
I deleted manually custom.css
I have no idea how to make it look as it used to.
I make my presentation by this command in jupyter notebook terminal:
jupyter nbconvert "<test.ipynb" --to slides --post serve
Sometimes it is convenient to deal with jupyter notebooks from the VS Code editor (faster load, less latency and easier debugging).
Nonetheless, there is a problem that default theme colors are not contrast enough to distinguish between input and output cells.
I'm having a hard time to figure out which setting I should change, to, let us say, make the output cell background just "dark-grey" (I'm using default VS 2019 Dark theme but other options are also not contrast with .ipynb files).
Any help will be welcome.
(I've also come across other similar questions but did not find the turn key solution.)
Example:
In the settings.json -- can be found at File(Windows)/Code(Mac)>Preferences>Settings -- click on any link stated "Edit in settings.json"
Adding this into the json will work -- notebook's setting has to be put under the workbench.colorCustomizations.
"workbench.colorCustomizations": {
"notebook.outputContainerBackgroundColor": "#FFFFFF",
},
I'm not sure if this helps you, but you can try overriding VSCode's theme by adding this to your settings.json file:
{
"jupyter.ignoreVscodeTheme": true
}
If you prefer to use VSCode's gui to edit settings, you can go to your Jupyter extension (assuming you have it installed) => Extension settings => and check "Ignore Vscode Theme".
You need to restart or reload VSCode for this to take effect.
I’m trying to pimp my VS Code integrated terminal with the agnoster theme and I ran into a small problem. It installed but the symbols are not shown correctly and the arrow at the end of the color bar is cut off. Also the text font is all stretched out too far. How do I fix this? I can't attach a screen shot illustrating the problem due to reputation points...
Cheers!
Try putting this line in your settings:
"terminal.integrated.fontFamily": "'Meslo LG S for Powerline'",
This will make vscode use the correct font family
I had the mentioned problem in the VS Code integrated terminal on MacOS:
I fixed it using Monaco, PowerlineSymbols in the user settings of VS Code.
You can fix this by either editing the
$HOME/Library/Application Support/Code/User/settings.json
by adding/setting "terminal.integrated.fontFamily": "Monaco, PowerlineSymbols"
or directly in the VS Code settings via Code -> Preferences -> Settings by searching there for terminal integrated font. Just add Monaco, PowerlineSymbols into the Terminal > Integrated: Font Family text input box.
What you need to do is set
"terminal.integrated.fontFamily": <YOUR_ZSH_FONT_NAME>
To whatever font you have in your zsh settings:
So, for my own settings I added:
"terminal.integrated.fontFamily": "MesloLGS NF"
Add this to your VSCode settings.json editor by pressing F1 and go to setting
"terminal.integrated.fontFamily": "'RobotoMono Nerd Font', 'PowerlineSymbols'"
Note: If you haven't installed one of the above fonts then this won't work.
Above answers works specially of #fose, adding up few more details so in case any newbie face this can easily solve the problem. for complete guide check this link
You need to download fonts first to solve this,
for Power Line fonts clone this fonts from github
git clone https://github.com/abertsch/Menlo-for-Powerline.git
after that you need to move this fonts to your Fonts folder that could be used globally.
sudo mv Menlo*.ttf /usr/share/fonts
if you face any error in this, you can manually type the name of Fonts, e.g
sudo mv 'Menlo Bold Italic for Powerline.ttf' /usr/share/fonts
after all this, open VS Code
VS Code Settings -> Preferences -> Settings
Search for terminal integrated font or Font Family and select Terminal.
Add Monaco, PowerlineSymbols into the Terminal > Integrated: Font Family in text input box.
END RESULT: including settings
this work for me on WSL 1 , windows 10
here it's before
open vs code you can press F1 and type setting.json
and add {
"terminal.integrated.fontFamily": "'RobotoMono Nerd Font', 'PowerlineSymbols' , 'Hack Nerd Font'"
}
here is a link for RobotoMono Nerd Font
here is a link for PowerlineSymbols
here is a link for Hack Nerd Font
then restart vs code and it will work just fine
here it's after
MesloLGS NF worked for me just you need to check terminal preferences font which is installed that you have to use.
None of these worked for me. What I ended up doing that worked (on the Mac)
Install the Powerline/Agnoster font that you want
In VSCode, open Terminal and list the fonts available by running:
$ system_profiler -json SPFontsDataType | grep "family | sort | uniq
Find the Powerline font (and copy exactly what the title of the font is). For me, this was: 'Meslo LG S for Powerline'.
Add the exact title (in single quotes) to the Terminal Fonts (or terminal.integrated.fontFamily in the settings.json)
And done! The terminal should change almost immediately.
I'm using the Base16 Ocean dark theme on IPython Notebook.
The background color of selected text doesn't contrast very well, making it difficult to tell if it's selected:
On the default settings, this does not occur:
Please let me know how to change the background color of selected code on IPython Notebook to a more clear one.
Run the following code in a notebook to find out the jupyter config folder on your system, if you don't know it yet:
from jupyter_core.paths import jupyter_config_dir
jupyter_dir = jupyter_config_dir()
print(jupyter_dir)
In the jupyter config folder, find /custom/custom.css, modify the following line:
.cm-s-ipython div.CodeMirror-selected {background: #384151 !important;}
I use '#3366ff' here, you may use whatever background color that suits your need.
All is well with jimmyazrael answer, but if you're using Jupyter 5.0 from within Anaconda3 you will find your css file at:
C:\Users\YourUsername\Anaconda3\Lib\site-packages\notebook\static\cutom\custom.css
Hope that helped
Mine was I bit more complicated. Couldn't find it in any mentioned folder, thus after searching my system for "custom.css", I have found many of this! It is likely because I had upgraded/downgraded my environment multiple times.
So, in the end, I open the file in:
C:\Users\username\AppData\Local\Continuum\anaconda3\pkgs\notebook-6.1.5-py37haa95532_0\Lib\site-packages\notebook\static\custom\custom.css
Pasted the line:
.cm-s-ipython div.CodeMirror-selected {background: #384151 !important;}
Saved and restarted Jupyter. It worked!