Lubię ciemne motywy. Jednak domyślnym motywem notatników Jupyter jest jasny i nie mogę znaleźć opcji zmiany motywu / koloru tła. Jak to się robi?

Jest to łatwe do zrobienia przy użyciu jupyter-themespakietu Kyle'a Dunovana. Możesz być w stanie zainstalować go za pomocą conda. W przeciwnym razie będziesz musiał użyć pip.

Zainstaluj z conda:

conda install jupyterthemes

lub pip

pip install jupyterthemes

Następnie zmień motyw za pomocą

jt -t chesterish

Aby załadować motyw chesterish lub dowolny inny. Na koniec załaduj stronę ponownie. Dokumenty i kod źródłowy są tutaj: https://github.com/dunovank/jupyter-themes

Wykonaj następujące kroki: -

pip zainstaluj motywy.

pip install jupyterthemes

Następnie wybierz motywy z poniższych i ustaw je za pomocą następującego polecenia: Po pomyślnym zainstalowaniu wielu z nas pomyślało, że musimy ponownie uruchomić serwer jupyter, po prostu odśwież stronę. Ustaw motyw według.

jt -t <theme-name>

Lista nazw motywów

• onedork
• ocena 3
• oceany 16
• chesterish
• monokai
• solarizedl
• solarizedd

Po zmianie motywu zachowywał się dziwnie. Rozmiar czcionki był mały, nie widać paska narzędzi i naprawdę nie podobał mi się nowy wygląd.

Dla tych, którzy chcą przywrócić oryginalny motyw, możesz to zrobić w następujący sposób:

jt -r

Musisz ponownie uruchomić Jupyter za pierwszym razem, a później wystarczy odświeżyć, aby włączyć nowy motyw.

lub bezpośrednio z wnętrza notebooka

!jt -r

Możesz to zrobić bezpośrednio z otwartego notatnika:

!pip install jupyterthemes
!jt -t chesterish

Zamiast instalować bibliotekę w Jupyter, polecam użyć rozszerzenia „Dark Reader” - https://chrome.google.com/webstore/detail/dark-reader/eimadpbcbfnmbkopoojfekhnkhdbieeh w Chrome (możesz znaleźć rozszerzenie „Dark Reader” w innych przeglądarkach, np. Firefox). Możesz się nim bawić; filtruj adresy URL, które chcesz mieć ciemny motyw, a nawet jak sam zdefiniuj ciemny motyw. Poniżej kilka przykładów:

Mam nadzieję, że to pomoże. Behrouz

Aby zainstalować pakiet Jupyterthemes bezpośrednio za pomocą conda, użyj:

conda install -c conda-forge jupyterthemes

Następnie, jak zauważyli inni, zmień motyw za pomocą jt -t <theme-name>

Prosta, globalna zmiana rozmiaru czcionki Jupyter oraz wewnętrznych i zewnętrznych kolorów tła (ta zmiana wpłynie na wszystkie notebooki).

W Windows znajdź katalog config, uruchamiając polecenie: jupyter --config-dir

W Linuksie tak jest ~/.jupyter

W tym katalogu utwórz podfolder custom Utwórz plik custom.cssi wklej:

/* Change outer background and make the notebook take all available width */
.container {
    width: 99% !important;
    background: #DDC !important;
}   

/* Change inner background (CODE) */
div.input_area {
    background: #F4F4E2 !important;
    font-size: 16px !important;
}

/* Change global font size (CODE) */
.CodeMirror {
    font-size: 16px !important;
}  

/* Prevent the edit cell highlight box from getting clipped;
 * important so that it also works when cell is in edit mode */
div.cell.selected {
    border-left-width: 1px !important;
} 

Na koniec - uruchom ponownie Jupyter. Wynik:

Możesz wykonać te kroki.

1. pip install jupyterthemeslub pip install --upgrade jupyterthemesuaktualnić do najnowszej wersji motywu.
2. po czym wypisz wszystkie posiadane motywy:jt -l
3. po tym jt-t <themename>na przykładjt -t solarizedl

conda install jupyterthemes

nie działało dla mnie w systemie Windows. Używam Anacondy.

Ale,

pip install jupyterthemes

pracował w Anaconda Prompt.

Moje kompletne rozwiązanie:

1) Pobierz Dark Reader na chrome, który zapewni nie tylko świetny Dark Theme dla Jupyter, ale także dla każdej strony, którą chcesz (możesz grać z różnymi filtrami. Używam Dynamic).

2) Wklej te wiersze kodu do swojego notatnika, aby legendy i osie stały się widoczne:

from jupyterthemes import jtplot
jtplot.style(theme='monokai', context='notebook', ticks=True, grid=False)

Wszystko gotowe na dyskotekową noc!

Tylko dla trybu ciemnego: -

Użyłem czcionki Raleway do stylizacji

Do pliku C: \ Użytkownik \ Nazwa użytkownika \ .jupyter \ custom \ custom.css

dodaj podane style, jest to specjalnie dla Dark Mode dla notebooka jupyter ...

Powinien to być twój aktualny plik custom.css: -

/* This file contains any manual css for this page that needs to override the global styles.
    This is only required when different pages style the same element differently. This is just
    a hack to deal with our current css styles and no new styling should be added in this file.*/

#ipython-main-app {
    position: relative;
}

#jupyter-main-app {
    position: relative;
}

Treść do dołączenia zaczyna się teraz

.header-bar {
    display: none;
}

#header-container img {
    display: none;
}

#notebook_name {
    margin-left: 0px !important;
}

#header-container {
    padding-left: 0px !important
}

html,
body {
    overflow: hidden;
    font-family: OpenSans;
}

#header {
    background-color: #212121 !important;
    color: #fff;
    padding-top: 20px;
    padding-bottom: 50px;
}

.navbar-collapse {
    background-color: #212121 !important;
    color: #fff;
    border: none !important
}

#menus {
    border: none !important;
    color: white !important;
}

#menus .dropdown-toggle {
    color: white !important;
}

#filelink {
    color: white !important;
    text-align: centerimportant;
    padding-left: 7px;
    text-decoration: none !important;
}

.navbar-default .navbar-nav>.open>a,
.navbar-default .navbar-nav>.open>a:hover,
.navbar-default .navbar-nav>.open>a:focus {
    background-color: #191919 !important;
    color: #eee !important;
    text-align: left !important;
}

.dropdown-menu,
.dropdown-menu a,
.dropdown-submenu a {
    background-color: #191919;
    color: #fff !important;
}

.dropdown-menu>li>a:hover,
.dropdown-menu>li>a:focus,
.dropdown-submenu>a:after {
    background-color: #212121;
    color: #fff !important;
}

.btn-default {
    color: #fff !important;
    background-color: #212121 !important;
    border: none !important;
}

.dropdown {
    text-align: left !important;
}

.form-control.select-xs {
    background-color: #191919 !important;
    color: #eee !important;
    border: none;
    outline: none;
}

#modal_indicator {
    display: none;
}

#kernel_indicator {
    color: #fff;
}

#notification_trusted,
#notification_notebook {
    background-color: #212121;
    color: #eee !important;
    border: none;
    border-bottom: 1px solid #eee;
}

#logout {
    background-color: #191919;
    color: #eee;
}

#maintoolbar-container {
    padding-top: 0px !important;
}

.notebook_app {
    background-color: #222222;
}

::-webkit-scrollbar {
    display: none;
}

#notebook-container {
    background-color: #212121;
}

div.cell.selected,
div.cell.selected.jupyter-soft-selected {
    border: none !important;
}

.cm-keyword {
    color: orange !important;
}

.input_area {
    background-color: #212121 !important;
    color: white !important;
    border: 1px solid rgba(255, 255, 255, 0.1) !important;
}

.cm-def {
    color: #5bc0de !important;
}

.cm-variable {
    color: yellow !important;
}

.output_subarea.output_text.output_result pre,
.output_subarea.output_text.output_stream.output_stdout pre {
    color: white !important;
}

.CodeMirror-line {
    color: white !important;
}

.cm-operator {
    color: white !important;
}

.cm-number {
    color: lightblue !important;
}

.inner_cell {
    border: 1px thin #eee;
    border-radius: 50px !important;
}

.CodeMirror-lines {
    border-radius: 20px;
}

.prompt.input_prompt {
    color: #5cb85c !important;
}

.prompt.output_prompt {
    color: lightblue;
}

.cm-string {
    color: #6872ac !important;
}

.cm-builtin {
    color: #f0ad4e !important;
}

.run_this_cell {
    color: lightblue !important;
}

.input_area {
    border-radius: 20px;
}

.output_png {
    background-color: white;
}

.CodeMirror-cursor {
    border-left: 1.4px solid white;
}

.box-flex1.output_subarea.raw_input_container {
    color: white;
}

input.raw_input {
    color: black !important;
}

div.output_area pre {
    color: white
}

h1,
h2,
h3,
h4,
h5,
h6 {
    color: white !important;
    font-weight: bolder !important;
}

.CodeMirror-gutter.CodeMirror-linenumber,
.CodeMirror-gutters {
    background-color: #212121 !important;
}


span.filename:hover {
    color: #191919 !important;
    height: auto !important;
}

#site {
    background-color: #191919 !important;
    color: white !important;
}

#tabs li.active a {
    background-color: #212121 !important;
    color: white !important;
}

#tabs li {
    background-color: #191919 !important;
    color: white !important;
    border-top: 1px thin #eee;
}

#notebook_list_header {
    background-color: #212121 !important;
    color: white !important;
}

#running .panel-group .panel {
    background-color: #212121 !important;
    color: white !important;
}

#accordion.panel-heading {
    background-color: #212121 !important;
}

#running .panel-group .panel .panel-heading {
    background-color: #212121;
    color: white
}

.item_name {
    color: white !important;
    cursor: pointer !important;
}

.list_item:hover {
    background-color: #212121 !important;
}

.item_icon.icon-fixed-width {
    color: white !important;
}

#texteditor-backdrop {
    background-color: #191919 !important;
    border-top: 1px solid #eee;
}

.CodeMirror {
    background-color: #212121 !important;
}

#texteditor-backdrop #texteditor-container .CodeMirror-gutter,
#texteditor-backdrop #texteditor-container .CodeMirror-gutters {
    background-color: #212121 !important;
}

.celltoolbar {
    background-color: #212121 !important;
    border: none !important;
}