4

When I select text of input cells in Jupyter Notebook on Ubuntu in Chromium, I can barely see the highlight. Like this (everything after "100" is highlighted):

weakly highlighted

On output cells I can easily see the highlighted text (blue background):

enter image description here

How can I fix this? It's hard to do copy-paste edits on input cells when I can barely see what I've selected.

2 Answers 2

3
+50

Follow these steps:

  1. Find your configuration folder (I will assume it is ~/.jupyter) with

    import jupyter_core
    jupyter_core.paths.jupyter_config_dir()
    

    You can easily find what would be the corresponding directory for Windows, if needed.

  2. Create a folder ~/.jupyter/custom, if it does not exist. Other folders might also work (How do I set custom CSS for my IPython/IHaskell/Jupyter Notebook?).

  3. Create an empty file ~/.jupyter/custom/custom.css, if it does not exist.

  4. Add

    .cm-s-ipython div.CodeMirror-selected {
        background: #859900 !important;
    }
    

    to your custom.css. Use a suitable color.

  5. Reload your notebook in the browser, for immediate results.

Sign up to request clarification or add additional context in comments.

Comments

1

I solved by loading jupyter notebook from Terminal (not anaconda), once loaded, I looked for the .css in the execution files that load in the terminal window, and found the styling file.

The file name is style.min.css

/home/<user>/anaconda3/lib/python3.6/site-packages/notebook/static/style/style.min.css

ctrl + f to browse inside the file and your set!

FYI my version of jn:

$ jupyter notebook --version
6.0.0

Comments

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge you have read our privacy policy.

Start asking to get answers

Find the answer to your question by asking.

Ask question

Explore related questions

See similar questions with these tags.