Mac에서 JupyterLab 사용해 보기(검정 배경 및 글꼴 변경)

0. 소개

Jupyter notebook에 검은 배경을 넣고 싶어서 다음 기사를 게재했습니다.

htps : // 코 m / 다마 로우 / ms / 9c5f5295 9f44848d04

다만 실제로 사용해 보면, 디폴트에 비해 스크롤이 느리게, 꽤의 스트레스.
그래서 검은 화면은 일찍 멈추고 기본 화면에서 사용했습니다.

하지만, 최근 jupyterlab 되는 것이 개발되고 있는 것을 알고, 새로운 것을 좋아하는 나는 조속히 설치해 보기로.

환경은 다음과 같습니다.

MacBook Pro (Retina, 13-inch, Mid 2014)

macOS High Sierra 버전 10.13

Python 3.6.3

Jupyter notebook version 5.2.0

1. jupyterlab 설치

설치는 이하를 참고로 실시.

htps : // m / mi gy / ms / 0290 68에서 6009b4 a b9

Jupyter notebook 버전 4.2 이상이 필요합니다.
제 경우에는 5.2.0에서 문제 없습니다.

pip3 install jupyterlab
jupyter serverextension enable --py jupyterlab --sys-prefix

이것으로 설치가 완료되었습니다.
jupyterlab을 시작하려는 디렉토리로 이동하면 다음 명령으로 jupyterlab이 시작됩니다.

jupyter lab

2. 검정색 배경으로 만들기

검정색 배경으로 만들려면 다음을 수행했습니다.

htps //w w. 요츠베. 이 m/와 tch? v = y 0K0k-0

Jupyter notebook의 경우와 달리 검은 화면에서도 스크롤은 경쾌합니다.

그러나 글꼴이 작고 눈이 나쁜 나에게는 보기 어렵다.

글꼴 변경에 대한 정보가 없었기 때문에 시행 착오로 시도했습니다.

3. 글꼴 변경

jupyterlab을 시작하자마자 다음 정보가 표시됩니다.

JupyterLab alpha preview extension loaded from /usr/local/lib/python3.6/site-packages/jupyterlab

그래서이 디렉토리를 들여다 보면. . .

/usr/local/lib/python3.6/site-packages/jupyterlab/themes/jupyterlab-theme-dark-extension에 있습니다.
variables.css라는 파일을 찾았습니다.
여기에 브라우저를 제어하는 ​​정보가 담겨있는 것 같습니다.

글꼴을 변경하려면. . .

다음은 글꼴에 대한 설명을 발췌합니다.
관련된 것 같은 --jp-code-font-size: 16px; 등의 값을 만지십시오.
(이 작업은 모두 자기 책임으로 부탁합니다. 표시가 이상해지거나도 책임은 취할 수 없습니다)

/* UI Fonts

  The UI font CSS variables are used for the typography all of the JupyterLab
  user interface elements that are not directly user generated content.
  */

  --jp-ui-font-scale-factor: 1.2;
  --jp-ui-font-size0: calc(var(--jp-ui-font-size1)/var(--jp-ui-font-scale-factor));
  --jp-ui-font-size1: 14px; /* Base font size */
  --jp-ui-font-size2: calc(var(--jp-ui-font-size1)*var(--jp-ui-font-scale-factor));
  --jp-ui-font-size3: calc(var(--jp-ui-font-size2)*var(--jp-ui-font-scale-factor));
  --jp-ui-font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;

  /* Use these font colors against the corresponding main layout colors.
     In a light theme, these go from dark to light.
  */

  --jp-ui-font-color0: white;
  --jp-ui-font-color1: var(--md-grey-300);
  --jp-ui-font-color2: var(--md-grey-500);
  --jp-ui-font-color3: var(--md-grey-700);

  /* Use these against the brand/accent/warn/error colors.
     These will typically go from light to darker, in both a dark and light theme
   */

  --jp-inverse-ui-font-color0: rgba(0,0,0,1.0);
  --jp-inverse-ui-font-color1: rgba(0,0,0,0.8);
  --jp-inverse-ui-font-color2: rgba(0,0,0,0.5);
  --jp-inverse-ui-font-color3: rgba(0,0,0,0.3);

  /* Content Fonts

  Content font variables are used for typography of user generated content.
  */

  --jp-content-font-size: 16px;
  --jp-content-line-height: 1.5;
  --jp-content-font-color0: white;
  --jp-content-font-color1: var(--md-grey-300);
  --jp-content-font-color2: var(--md-grey-500);
  --jp-content-font-color3: var(--md-grey-700);

  --jp-ui-font-scale-factor: 1.2;
  --jp-ui-font-size0: calc(var(--jp-ui-font-size1)/var(--jp-ui-font-scale-factor));
  --jp-ui-font-size1: 14px; /* Base font size */
  --jp-ui-font-size2: calc(var(--jp-ui-font-size1)*var(--jp-ui-font-scale-factor));
  --jp-ui-font-size3: calc(var(--jp-ui-font-size2)*var(--jp-ui-font-scale-factor));

  --jp-code-font-size: 16px;
  --jp-code-line-height: 20px;
  --jp-code-padding: 5px;
  --jp-code-font-family: Ricty Diminished;

저장하고 다시 jupyterlab을 시작해 보면 생각대로 글꼴이 변경되었습니다.
죄송합니다.

4. 스크린샷

(1) 런처

Notebook 외에, Editor나 Terminal도 붙어 있어, Editor로 프로그램을 치고 Terminal로 실행하는 것도 jupyterlab중에서 할 수 있습니다.
뭔가, 멋지다!

(2) 코드도 Ricty입니다.

(3) 검정 배경으로 하면 그래프의 축이 보이지 않게 되는 문제

제 경우에는 다음과 같이 facecolor = 'w'를 명확하게 지정하여 대응합니다.

fig=plt.figure(figsize=(14,7),facecolor='w')

5. 검정 배경용 흑백 반전 그래프 (2017.10.17 추가)

모처럼 검은 배경이므로 그래프도 배경에 익숙해지도록 반전시키는 것을 시도해 보았습니다.
화면 확인만이라든가, 프레젠테이션용으로서는 매우 멋있다.
그러나 제 경우에는 결국 싫어하는 단어로 쓰여진 보고서에 붙여 넣어야하기 때문에 흰색 배경 기반으로 할 수없는 것이 유감입니다.

아래에 matplotlib의 스타일 변경에 관한 기사가 게재되어 있습니다.
htps : // 코 m / 에리 k 소온 / ms / b93030 4dc686 에cf

내가 한 일은 다음과 같습니다.

다음과 같이 유효한 스타일을 얻을 수 있습니다.

import numpy as np
import matplotlib.pyplot as plt

styles = plt.style.available
count = len(styles)
print(styles)

내 경우에 얻은 유효한 스타일은 다음과 같습니다.

['seaborn-dark', 'seaborn-darkgrid', 'seaborn-ticks', 'fivethirtyeight', 'seaborn-whitegrid', 'classic', 'seaborn-talk', 'seaborn-dark-palette', 'seaborn-bright', 'seaborn-pastel', 'grayscale', 'seaborn-notebook', 'ggplot', 'seaborn-colorblind', 'seaborn-muted', 'seaborn', 'seaborn-paper', 'bmh', 'seaborn-white', 'dark_background', 'seaborn-poster', 'seaborn-deep']

위의 스크린 샷은 아래 이미지입니다.



아래의 한 줄을 추가하여 검정색 배경에 흑백 반전 그래프를 내 보았습니다.
프로그램에서 색 지정을하면 그 색이 우선되는 것 같습니다.

plt.style.use('dark_background')

그 이상