Ändern Sie das Thema in Jupyter Notebook?

Antworten:

282

Dies ist mit dem jupyter-themesPaket von Kyle Dunovan einfach zu bewerkstelligen. Möglicherweise können Sie es mit installieren conda. Andernfalls müssen Sie verwenden pip.

Installieren Sie es mit conda:

conda install jupyterthemes

oder pip

pip install jupyterthemes

Dann ändern Sie Ihr Thema mit

jt -t chesterish

Um das chesterische Thema oder ein anderes zu laden. Laden Sie zum Schluss die Seite neu. Die Dokumente und der Quellcode finden Sie hier: https://github.com/dunovank/jupyter-themes

Aaron
quelle
29
Hinweis - Ich musste den Jupyter-Server neu starten, damit dies funktioniert.
Amir F
9
Zum ersten Mal muss das möglicherweise neu gestartet werden, jupyter notebookdamit dies funktioniert. Beim nächsten Mal wechseln Sie einfach jt -t <themes>am Terminal und laden die Notebook-Seiten neu. Es verhält sich für mich so.
iNet
10
jupyterthemesist weder auf conda noch auf conda-forge, die einzige Möglichkeit, es zu installieren, ist pipnur durch
Mohammad Hizzani
13
Ich war erfolgreich mit conda, nachdem ich conda-forge channel hinzugefügt hatte conda config --add channels conda-forge
Ernest
11
Wenn jupyterthemeses sich um Conda-Forge handelt, sollte die Antwort entweder lauten, dass dies conda install jupyterthemes -c conda-forgeerforderlich ist, oder von der Empfehlung zur Installation mit Conda zurücktreten.
mmagnuski
90

Folge diesen Schritten:-

pip installiere die Themen.

pip install jupyterthemes

Wählen Sie dann die folgenden Themen aus und legen Sie sie mit dem folgenden Befehl fest: Nach erfolgreicher Installation haben viele von uns gedacht, wir müssen den Jupyter-Server erneut starten. Aktualisieren Sie einfach die Seite. Stellen Sie das Thema ein durch.

jt -t <theme-name>

Liste der Themennamen

  • onedork
  • 3. Klasse
  • Ozeane16
  • chesterisch
  • Monokai
  • solarisiert
  • solarisiertd
Sahil Nagpal
quelle
1
listete zwei Dinge auf: 1. Diskriminierung gegen das Starten des Jupyter-Servers. 2. Thema Konjunktionen / Name
Sahil Nagpal
7
Dies rechtfertigt keine neue Antwort. Nur eine kleine Änderung an der vorhandenen.
Jean-François Corbett
5
Es gibt auch eine Chrome - Erweiterung für diese . Es macht im Grunde das Gleiche, aber ohne terminale Interaktion.
iNet
2
Wie heißt das klassische Thema? Wenn ich zurückkehren und zum ursprünglichen Klassiker zurückkehren möchte?
ZelelB
3
Der Vollständigkeit halber sind neben den aufgeführten Themen auch diese beiden verfügbar: gruvboxd, gruvboxl ab Januar 2019
subtleseeker
49

Nachdem ich das Thema geändert hatte, verhielt es sich seltsam. Die Schriftgröße war klein, ich kann die Symbolleiste nicht sehen und das neue Aussehen hat mir wirklich nicht gefallen.

Für diejenigen, die das ursprüngliche Thema wiederherstellen möchten, können Sie dies wie folgt tun:

jt -r

Sie müssen Jupyter beim ersten Mal neu starten. Eine spätere Aktualisierung reicht aus, um das neue Thema zu aktivieren.

oder direkt aus dem Notebook

!jt -r
Natheer Alabsi
quelle
4
Ein
großes Lob
28

Sie können dies direkt von einem geöffneten Notizbuch aus tun:

!pip install jupyterthemes
!jt -t chesterish
Amir F.
quelle
Müssen Sie den Jupyter-Server nicht neu starten, damit dies wirksam wird?
Drevicko
Richtig, Sie müssen den Kernel neu starten, wenn ich mich richtig erinnere
Amir F
20

Anstatt eine Bibliothek in Jupyter zu installieren, würde ich empfehlen, die Erweiterung "Dark Reader" zu verwenden - https://chrome.google.com/webstore/detail/dark-reader/eimadpbcbfnmbkopoojfekhnkhdbieeh in Chrome (Sie finden die Erweiterung "Dark Reader") in anderen Browsern, zB Firefox). Du kannst damit spielen; Filtern Sie die URLs, für die Sie ein dunkles Thema haben möchten, oder wie Sie das dunkle Thema für sich selbst definieren. Nachfolgend einige Beispiele:

Geben Sie hier die Bildbeschreibung ein

Geben Sie hier die Bildbeschreibung ein

Ich hoffe, es hilft. Behrouz

Behrouz Beheshti
quelle
Ich denke, dies ist der beste Ansatz, da wir normalerweise ein dunkles Thema wünschen, das es bietet, und außerdem ist es einfach, die tatsächliche visuelle Darstellung des Dokuments, das wir erstellen, nur mit einem Klick zu überprüfen. (wichtig zum Zeitpunkt der Veröffentlichung)
M. Doosti Lakhani
Ja ... das ist alles gut und gut, aber der Dark Reader weiß nicht, dass ein Jupyter-Notizbuch Wörter färben sollte. Es gibt keine Syntaxfarbe, was diese Option zu einem Nein-Nein macht.
Liebling
@darlove, Soweit ich damit gearbeitet habe, gibt es dort eine 'Syntax-Färbung' (z. B. hat eine 'for-Schleife'-Syntax im gesamten Code dieselbe Farbe.
Behrouz Beheshti
Ich weiß nichts über dich, aber der Dark Reader hebt meine Syntax gut hervor. Auch diese Erweiterung ist ein Lebensretter ..... endlich etwas, das Stack Overflow sogar dunkel machen kann!
-Mathematik-bezogen-auf-Wissenschaft
1
Es gibt jedoch ein Problem. Wenn Sie versuchen, einige Zeichen mit der Maus auszuwählen, ist die Auswahl auf dem schwarzen Hintergrund nicht sichtbar.
Kaushalpranav
7

Verwenden Sie Folgendes, um das Jupyterthemes-Paket direkt mit conda zu installieren:

conda install -c conda-forge jupyterthemes

Ändern Sie dann, wie andere bereits betont haben, das Thema mit jt -t <theme-name>

auf dem Weg
quelle
6

Einfache, globale Änderung der Schriftgröße von Jupyter sowie der inneren und äußeren Hintergrundfarben (diese Änderung wirkt sich auf alle Notebooks aus).

Suchen Sie in Windows das Konfigurationsverzeichnis, indem Sie einen Befehl ausführen: jupyter --config-dir

Unter Linux ist es so ~/.jupyter

In diesem Verzeichnis Unterordner custom erstellen Datei erstellen custom.cssund einfügen:

/* 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;
} 

Schließlich - starten Sie Jupyter neu. Ergebnis:

dunklere Hintergründe

Rafal Chlopek
quelle
Bitte, wie macht man es rückgängig?
Aminu Kano
1
Entfernen Sie die von Ihnen erstellte Datei (custom.css) und starten Sie Jupyter neu.
Rafal Chlopek
Es funktioniert, aber ich muss meinen Browser-Cache leeren.
Aminu Kano
5

Sie können diese Schritte ausführen.

  1. pip install jupyterthemesoder pip install --upgrade jupyterthemesum auf die neueste Version des Themas zu aktualisieren.
  2. Danach, um alle Themen aufzulisten, die Sie haben:jt -l
  3. danach jt-t <themename>zum Beispieljt -t solarizedl
Devesh
quelle
4
conda install jupyterthemes

hat bei mir in Windows nicht funktioniert. Ich benutze Anaconda.

Aber,

pip install jupyterthemes

arbeitete in Anaconda Prompt.

Ceyhun
quelle
7
Sie müssen die richtige Sammlung für conda angeben:conda install -c conda-forge jupyterthemes
Philip Roland Jarnhus
1

Meine Komplettlösung:

1) Holen Sie sich Dark Reader auf Chrome, wodurch Sie nicht nur ein großartiges Dark Theme für Jupyter erhalten, sondern auch für jede einzelne Website, die Sie möchten (Sie können mit den verschiedenen Filtern spielen. Ich verwende Dynamic).

2) Fügen Sie diese Codezeilen in Ihr Notizbuch ein, damit die Legenden und Achsen sichtbar werden:

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

Sie sind bereit für eine Disco-Codierungsnacht!

VideoPac
quelle
1

Nur für den dunklen Modus: -

Ich habe Raleway Font für das Styling verwendet

In die Datei C: \ User \ UserName \ .jupyter \ custom \ custom.css

Fügen Sie die angegebenen Stile hinzu, dies ist speziell für den Dunklen Modus für Jupiter-Notebooks ...

Dies sollte Ihre aktuelle custom.css-Datei sein: -

/* 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;
}

Der anzuhängende Inhalt beginnt jetzt

.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;
}

Dunkler Modus für Jupyter Notebook

Dunkler Modus für Jupyter Notebook

Sarthak Singhal
quelle