Wijzig het thema in Jupyter Notebook?

Ik hou van donkere thema’s. Het standaardthema van JUPYTER-notebooks is echter licht, en ik kan de optie niet vinden om het thema / achtergrondkleur te wijzigen. Hoe is dit gedaan?


Antwoord 1, Autoriteit 100%

Dit is eenvoudig te doen met behulp van de jupyter-themespakket door Kyle Dunovan. Mogelijk kunt u het installeren met conda. Anders moet u pipgebruiken.

Installeer het met Conda:

conda install -c conda-forge jupyterthemes

of pip:

pip install jupyterthemes

U kunt de lijst met beschikbare thema’s ontvangen met:

jt -l

Wijzig uw thema dus met:

jt -t theme-name

Laad de pagina om een ​​thema te laden. De documenten en de broncode zijn hier .


Antwoord 2, Autoriteit 32%

Volg deze stappen

installeren jupyterthemes met pip:

pip install jupyterthemes

Kies vervolgens de thema’s van het volgende en stel ze in met de volgende opdracht, nadat u met succes hebt geïnstalleerd, velen velen van ons dachten dat we de JUPYTER-server opnieuw moeten starten, ververs de pagina.

Stel het thema in met de volgende opdracht:

jt -t <theme-name>

Beschikbare thema’s:

  • onedork
  • grade3
  • oceans16
  • chestish
  • monokai
  • Solarizedl
  • Solarizedd

Schermen van de beschikbare thema’s zijn ook verkrijgbaar in de GitHub Repository .


Antwoord 3, Autoriteit 19%

Nadat ik het thema had gewijzigd, gedroeg het zich vreemd. De lettergrootte was klein, kan de werkbalk niet zien en ik vond de nieuwe look echt niet leuk.

Voor degenen die het originele thema willen herstellen, kunt u dit als volgt doen:

jt -r

Je moet Jupyter de eerste keer opnieuw opstarten en later is vernieuwen voldoende om het nieuwe thema in te schakelen.

of rechtstreeks vanuit de notebook

!jt -r

Antwoord 4, autoriteit 8%

In plaats van een bibliotheek in Jupyter te installeren, raad ik u aan de ‘Dark Reader’ extensiein Chrome (u kunt de ‘Dark Reader’-extensie vinden in andere browsers, bijv. Firefox).
Je kunt ermee spelen; filter de URL (‘s) die u een donker thema wilt hebben, of zelfs hoe u het donkere thema voor uzelf definieert.
Hieronder staan een paar voorbeelden:

Ik hoop dat het helpt.


Antwoord 5, autoriteit 8%

U kunt dit rechtstreeks vanuit een geopend notitieblok doen:

!pip install jupyterthemes
!jt -t chesterish

Herstart de jupyter-server voor de toepassing van het thema


Antwoord 6, autoriteit 3%

Eenvoudige, globale wijziging van Jupyter-lettergrootte en inner & buitenste achtergrondkleuren (deze wijziging is van invloed op alle notebooks).

Zoek in Windows naar de configuratiemap door een opdracht uit te voeren:
jupyter --config-dir

In Linux is het ~/.jupyter

Maak in deze map de submap customaan
Maak bestand custom.cssaan en plak:

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

Eindelijk – herstart Jupyter. Resultaat:


Antwoord 7, autoriteit 2%

U kunt deze stappen volgen.

  1. pip install jupyterthemesof pip install --upgrade jupyterthemesom te upgraden naar de nieuwste versie van het thema.
  2. daarna om alle thema’s op te sommen die je hebt:jt -l
  3. daarna jt-t <themename>bijvoorbeeld jt -t solarizedl

Antwoord 8, autoriteit 2%

Om het Jupyterthemes-pakket rechtstreeks met conda te installeren, gebruikt u:

conda install -c conda-forge jupyterthemes

Verander dan, zoals anderen hebben opgemerkt, het thema met jt -t <theme-name>


Antwoord 9, autoriteit 2%

Alleen voor donkere modus: –

Ik heb Raleway Font gebruikt voor styling

Naar C:\User\UserName\.jupyter\custom\custom.css-bestand

voeg de gegeven stijlen toe, dit is specifiek voor de donkere modus voor jupyter-notebooks…

Dit zou je huidige custom.css-bestand moeten zijn: –

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

Inhoud die moet worden toegevoegd, begint nu

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


Antwoord 10

conda install jupyterthemes

werkte bij mij niet in Windows. Ik gebruik Anaconda.

Maar,

pip install jupyterthemes

werkte in Anaconda Prompt.


Antwoord 11

Mijn complete oplossing:

1) Download Dark Reader op Chrome waarmee je niet alleen een geweldig Dark Theme voor Jupyter krijgt, maar ook voor elke afzonderlijke website die je wilt (je kunt met de verschillende filters spelen. Ik gebruik Dynamic).

2) Plak die regels code in uw notitieblok zodat de legenda’s en assen zichtbaar worden:

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

Je bent helemaal klaar voor een disco-codeeravond!


Antwoord 12

Als er iemand is die geïnteresseerd is in het uitvoeren van de anaconda in docker met thema’s ingeschakeld

docker run -t --rm -p 8888:8888 -v $(pwd):/opt/notebooks continuumio/anaconda3 /bin/bash -c "pip install jupyterthemes; jt -t onedork; /opt/conda/bin/jupyter notebook --ip=0.0.0.0 --port=8888 --notebook-dir=/opt/notebooks --allow-root --no-browser;"

Antwoord 13

Je kunt thema’s wijzigen met set_nb_theme vanuit je actieve notebook

!pip install jupyterthemes
from jupyterthemes import get_themes
import jupyterthemes as jt
from jupyterthemes.stylefx import set_nb_theme
set_nb_theme('chesterish')

plakken van https://www.kaggle.com/getting-started/97540


Antwoord 14

Gebruik FireFox-invoegtoepassing “Darker Jupyter“.

Other episodes