Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

support for Jupyter Notebook cells #29

Open
capt-pyro opened this issue Nov 24, 2020 · 3 comments
Open

support for Jupyter Notebook cells #29

capt-pyro opened this issue Nov 24, 2020 · 3 comments

Comments

@capt-pyro
Copy link

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
Copy link
Owner

jdinhify commented Jan 7, 2021

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
Copy link
Author

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
Copy link

jheuel commented Dec 1, 2021

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

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

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

No branches or pull requests

3 participants