Ich mag dunkle Themen. Das Standardthema von Jupyter-Notizbüchern ist jedoch hell, und ich kann die Option zum Ändern des Themas / der Hintergrundfarbe nicht finden. Wie geht das?

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

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

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

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

!pip install jupyterthemes
!jt -t chesterish

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:

Ich hoffe, es hilft. Behrouz

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>

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:

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

conda install jupyterthemes

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

Aber,

pip install jupyterthemes

arbeitete in Anaconda Prompt.

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!

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