Me gustan los temas oscuros. Sin embargo, el tema predeterminado de los portátiles Jupyter es ligero, y no puedo encontrar la opción para cambiar el tema / color de fondo. ¿Cómo se hace esto?

Esto es fácil de hacer usando el jupyter-themespaquete de Kyle Dunovan. Es posible que pueda instalarlo usando conda. De lo contrario, deberá usarpip .

Instalarlo con conda:

conda install jupyterthemes

o pip

pip install jupyterthemes

Luego cambia tu tema con

jt -t chesterish

Para cargar el tema chesterish o cualquier otro. Finalmente, vuelva a cargar la página. Los documentos y el código fuente están aquí: https://github.com/dunovank/jupyter-themes

Sigue estos pasos:-

pip instala los temas.

pip install jupyterthemes

Luego, elija los temas de los siguientes y configúrelos con el siguiente comando. Una vez que haya instalado correctamente, muchos de nosotros pensamos que necesitamos iniciar el servidor jupyter nuevamente, simplemente actualice la página. Establecer el tema por.

jt -t <theme-name>

Lista de nombres de temas

• onedork
• grado 3
• océanos16
• chesterish
• monokai
• solarizedl
• solarizado

Después de cambiar el tema, se comportó de manera extraña. El tamaño de la fuente era pequeño, no puedo ver la barra de herramientas y realmente no me gustó la nueva apariencia.

Para aquellos que desean restaurar el tema original, puede hacerlo de la siguiente manera:

jt -r

Debe reiniciar Jupyter la primera vez que lo hace y luego actualizar es suficiente para habilitar el nuevo tema.

o directamente desde el interior del cuaderno

!jt -r

Puede hacer esto directamente desde un cuaderno abierto:

!pip install jupyterthemes
!jt -t chesterish

En lugar de instalar una biblioteca dentro de Jupyter, recomendaría usar la extensión 'Dark Reader': https://chrome.google.com/webstore/detail/dark-reader/eimadpbcbfnmbkopoojfekhnkhdbieeh en Chrome (puede encontrar la extensión 'Dark Reader' en otros navegadores, por ejemplo, Firefox). Puedes jugar con eso; filtra las URL que deseas que tengan un tema oscuro, o incluso cómo definir el tema oscuro por ti mismo. A continuación hay un par de ejemplos:

Espero que ayude. Behrouz

Para instalar el paquete Jupyterthemes directamente con conda, use:

conda install -c conda-forge jupyterthemes

Luego, como otros han señalado, cambie el tema con jt -t <theme-name>

Cambio global simple del tamaño de fuente Jupyter y los colores de fondo interno y externo (este cambio afectará a todos los portátiles).

En Windows, busque el directorio de configuración ejecutando un comando: jupyter --config-dir

En Linux es ~/.jupyter

En este directorio crear subcarpeta custom Crear archivo custom.cssy pegar:

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

Finalmente, reinicie Jupyter. Resultado:

Puedes seguir estos pasos.

1. pip install jupyterthemes o pip install --upgrade jupyterthemes para actualizar a la última versión del tema.
2. después de eso para enumerar todos los temas que tienes:jt -l
3. después de eso jt-t <themename>por ejemplojt -t solarizedl

conda install jupyterthemes

No funcionó para mí en Windows. Estoy usando Anaconda.

Pero,

pip install jupyterthemes

trabajó en Anaconda Prompt.

Mi solución completa:

1) Obtenga Dark Reader en Chrome que no solo le brindará un gran tema oscuro para Jupyter, sino también para cada sitio web que desee (puede jugar con los diferentes filtros. Yo uso Dynamic).

2) Pegue esas líneas de código en su cuaderno para que las leyendas y los ejes sean visibles:

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

¡Estás listo para una noche de codificación disco!

Solo para el modo oscuro: -

He usado la fuente Raleway para diseñar

A C: \ User \ UserName \ .jupyter \ custom \ custom.css archivo

agregue los estilos dados, esto es específicamente para el Modo oscuro para el cuaderno jupyter ...

Este debería ser su archivo custom.css actual: -

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

El contenido a agregar comienza ahora

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