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-themes
pakket door Kyle Dunovan. Mogelijk kunt u het installeren met conda
. Anders moet u pip
gebruiken.
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 custom
aan
Maak bestand custom.css
aan 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.
pip install jupyterthemes
ofpip install --upgrade jupyterthemes
om te upgraden naar de nieuwste versie van het thema.- daarna om alle thema’s op te sommen die je hebt:
jt -l
- daarna
jt-t <themename>
bijvoorbeeldjt -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“.