Как отредактировать тему JupyterLab?

Я хотел бы отредактировать темную тему JupyterLab, чтобы метки осей на встроенных графиках можно было четко прочитать. Пример проблемы: Пример проблемы с темной темой

Чтобы решить эту проблему, я хотел бы изменить цвет фона выходных ячеек, содержащих изображение, на оттенок серого. Я использовал Chrome DevTools для проверки веб-страницы и нашел класс class="p-Widget jp-RenderedImage jp-mod-trusted jp-OutputArea-output".

Класс Div, который я хотел бы изменить

Я заметил, что могу обойти эту проблему, используя светлую тему JupyterLab или темную тему построения графиков в matplotlib, однако я хотел бы решить эту проблему напрямую. Я приветствую все предложения или указания к ресурсам для чтения, которые помогут мне понять и исправить это. Спасибо!

Связанная проблема на GitHub:

Связанные с этим вопросы:


jupyter-lab
person Jason    schedule 05.07.2018    source источник

Ответы (2)


arrow_upward
4
arrow_downward

Для редактирования тем Jupypter Lab необходимо внести изменения в файл variables.css, который находится в jupyterlab/packages/[THEME NAME]/style/

Вы можете проверить элемент Jupyter Lab, который хотите изменить, чтобы узнать его класс. Я использовал Chrome DevTools ctrl+shift+i и нажимал на различные классы div, пока не нашел тот, который хотел изменить.

Получив имя класса div, который вы хотите настроить, добавьте изменения в файл variables.css. Вот что я изменил и результат.

.jp-RenderedImage {
  background-color: #A4A4A4
}

Изменить фон цифр на серый, чтобы оси можно было прочитать

Вы можете использовать эту суть (откуда исходит код в первой ячейке), созданный одним из участники JupyterLab экспериментируют с изменениями, внесенными вами в файл variables.css.

person Jason    schedule 05.07.2018

arrow_upward
1
arrow_downward

Похоже, что пример, который вы показываете, связан с тем, что график facecolor прозрачен. Я заметил, что это произошло и с моими графиками, когда я переключился на темную тему Jupyter.

Вот две ссылки для обновления этой конфигурации Jupyter:

  1. Включить белые рамки на рисунке matplotlib/Отключить прозрачные рамки
  2. https://ipython.readthedocs.io/en/stable/config/intro.html

Таким образом, я открыл каталог ~/.ipython/profile_default и создал новый файл ipython_config.py (потому что его там еще не было)

cd ~/.ipython/profile_default/
vi ipython_config.py

В этом файле я добавил строки

c = get_config()
c.InlineBackend.print_figure_kwargs={'facecolor' : "w"}
person blaylockbk    schedule 31.03.2020
comment
Может быть, вы имели в виду ~/.ipython ? - person Allan Chain; 20.04.2020