search

jdinhify / vscode-theme-gruvbox

Gruvbox theme for vscode based on https://github.com/morhetz/gruvbox
https://marketplace.visualstudio.com/items?itemName=jdinhlife.gruvbox
MIT License
274 stars 63 forks source link

support for Jupyter Notebook cells #29

Open capt-pyro opened 3 years ago

capt-pyro commented 3 years ago

Gruvbox can apply the theme to a jupyter notebook in vscode. However, it doesn't apply a contrast to the cell block, making it hard to differentiate it from the background. jupyter-gruvbox Adding a contrast to the cell block and the output block would be helpful

jdinhify commented 3 years ago

Thanks @capt-pyro . I'm not familiar with jupyter notebook, could you please have a code example somewhere that I can use to play around with? Also steps by steps to get to the "cell block" view would be appreciated, such as what extensions to install, how to trigger the "cell block", etc...

capt-pyro commented 3 years ago

Sure no problem.

The extensions required are Jupyter by Microsoft and the python language server (Pylance).

A dummy code example can be found here. (https://colab.research.google.com/github/aymericdamien/TensorFlow-Examples/blob/master/notebooks/3_NeuralNetworks/convolutional_network.ipynb)

Open it and view it under the default dark vscode theme. There is color difference between the input text and the output. Its slightly more evident in the below pictures.

image

image

It isn't as evident in this theme, but other themes make the contrast greater. Its a slight QOL improvement and would be much appreciated.

As of right now only Python is supported, but Microsoft is working on a new notebook api (https://code.visualstudio.com/api/extension-guides/notebook) that will support more languages, be faster and more. It can be found in the vscode-insiders version.

jheuel commented 2 years ago

I added the following to my vscode user settings to add a little bit more contrast:

"workbench.colorCustomizations": {
    "notebook.cellEditorBackground": "#2B2B2B",
    "notebook.focusedCellBorder": "#b8b8b8",
},