Alterar o tema no Jupyter Notebook?

Respostas:

282

É fácil fazer isso usando o jupyter-themespacote de Kyle Dunovan. Você pode instalá-lo usando conda. Caso contrário, você precisará usar pip.

Instale-o com o conda:

conda install jupyterthemes

ou pip

pip install jupyterthemes

Então mude seu tema com

jt -t chesterish

Para carregar o tema chesterish ou qualquer outro. Por fim, recarregue a página. Os documentos e o código-fonte estão aqui: https://github.com/dunovank/jupyter-themes

Aaron
fonte
29
Nota - tive que reiniciar o servidor jupyter para que isso funcionasse.
Amir F
9
Pela primeira vez, pode ser necessário reiniciar o jupyter notebookpara que isso funcione, mas da próxima vez, basta mudar jt -t <themes>de terminal e recarregar as páginas do caderno. Comporta-se com algo assim para mim.
iNet
10
jupyterthemesnão está em Conda nem no Conda-forja, a única maneira de instalá-lo é através de pipúnica
Mohammad Hizzani
13
I teve sucesso com Conda após a adição de canal Conda-forja conda config --add channels conda-forge
Ernest
11
Se jupyterthemesestiver no conda-forge, a resposta deve dizer que conda install jupyterthemes -c conda-forgeé necessária ou renunciar ao aviso de instalação com o conda.
Mvcuski
90

Siga esses passos:-

pip instalar os temas.

pip install jupyterthemes

Em seguida, escolha os temas a seguir e defina-os usando o seguinte comando: Depois de instalar com sucesso, muitos de nós pensamos que precisamos iniciar o servidor jupyter novamente, basta atualizar a página. Defina o tema por.

jt -t <theme-name>

Lista de nomes de temas

  • onedork
  • grade3
  • oceanos16
  • chesterish
  • monokai
  • solarizedl
  • solarizedd
Sahil Nagpal
fonte
1
listou duas coisas: 1. descritor contra iniciar o servidor jupyter. 2. Conjunções / nome do tema
Sahil Nagpal
7
Isso realmente não garante uma nova resposta. Apenas uma edição menor da existente.
Jean-François Corbett
5
Há também uma extensão do Chrome para isso . Basicamente, faz a mesma coisa, mas sem interação terminal.
iNet
2
qual é o nome do tema clássico? Se eu quiser reverter e voltar ao clássico original?
ZelelB
3
Por uma questão de exaustividade, além dos temas listados, esses 2 também estão disponíveis: gruvboxd, gruvboxl a partir de janeiro de 2019
subtleseeker
49

Depois que mudei o tema, ele se comportou de maneira estranha. O tamanho da fonte era pequeno, não consigo ver a barra de ferramentas e eu realmente não gostei da nova aparência.

Para aqueles que desejam restaurar o tema original, você pode fazer o seguinte:

jt -r

Você precisa reiniciar o Jupyter na primeira vez em que faz isso e a atualização posterior é suficiente para ativar o novo tema.

ou diretamente de dentro do notebook

!jt -r
Natheer Alabsi
fonte
4
Parabéns por como restaurar o tema original
Briford Wylie
28

Você pode fazer isso diretamente de um notebook aberto:

!pip install jupyterthemes
!jt -t chesterish
Amir F
fonte
você não precisa reiniciar o servidor jupyter para que isso entre em vigor?
drevicko 18/03
Verdade, você precisará reiniciar o kernel se bem me lembro
Amir F
20

Em vez de instalar uma biblioteca no Jupyter, recomendo que você use a extensão 'Dark Reader' - https://chrome.google.com/webstore/detail/dark-reader/eimadpbcbfnmbkopoojfekhnkhdbieeh no Chrome (você pode encontrar a extensão 'Dark Reader' em outros navegadores, por exemplo, Firefox). Você pode brincar com isso; filtre os URLs que você deseja ter um tema sombrio ou até mesmo como definir o tema sombrio para si mesmo. Abaixo estão alguns exemplos:

insira a descrição da imagem aqui

insira a descrição da imagem aqui

Espero que ajude. Behrouz

Behrouz Beheshti
fonte
Eu acho que essa é a melhor abordagem, porque geralmente queremos um tema sombrio que ele fornece e, além disso, é fácil verificar o visual real do documento que estamos criando apenas com um clique. (importante no momento da publicação)
M. Doosti Lakhani 28/09/19
Sim ... está tudo bem e bem, mas o Dark Reader não sabe que um notebook jupiter deve colorir palavras. Não há coloração de sintaxe, o que torna essa opção um não-não.
darlove
@darlove, tanto quanto eu trabalhei com ele, há uma 'coloração de sintaxe' lá (por exemplo, um 'loop' sintaxe tem a mesma cor em todo o código.
Behrouz Beheshti
Eu não sei sobre você, mas o Dark Reader está destacando minha sintaxe muito bem. Além disso, esta extensão é um salva-vidas ... finalmente, algo que pode até tornar o Stack Overflow escuro!
is-math-related-to-science
1
Há um problema, no entanto. Se você tentar selecionar alguns caracteres usando o mouse, a seleção não ficará visível no fundo preto.
kaushalpranav
7

Para instalar o pacote Jupyterthemes diretamente com o conda, use:

conda install -c conda-forge jupyterthemes

Então, como outros já apontaram, mude o tema com jt -t <theme-name>

a caminho
fonte
6

Alteração simples e global do tamanho da fonte Jupyter e das cores de fundo interna e externa (essa alteração afetará todos os blocos de anotações).

No Windows, localize o diretório de configuração executando um comando: jupyter --config-dir

No Linux é ~/.jupyter

Nesse diretório, crie a subpasta custom Criar arquivo custom.csse cole:

/* 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 o Jupyter. Resultado:

fundos mais escuros

rafal chlopek
fonte
Por favor, como desfazer isso?
Aminu Kano
1
Remova o arquivo que você criou (custom.css) e reinicie o Jupyter.
rafal chlopek
Funciona, mas tenho que limpar o cache do navegador.
Aminu Kano
5

Você pode seguir estas etapas.

  1. pip install jupyterthemesou pip install --upgrade jupyterthemespara atualizar para a versão mais recente do tema.
  2. depois disso, para listar todos os temas que você tem:jt -l
  3. depois disso jt-t <themename>por exemplojt -t solarizedl
Devesh
fonte
4
conda install jupyterthemes

não funcionou para mim no Windows. Estou usando o Anaconda.

Mas,

pip install jupyterthemes

trabalhou no Prompt do Anaconda.

Ceyhun
fonte
7
Você precisa especificar a coleção certa para conda:conda install -c conda-forge jupyterthemes
Philip Roland Jarnhus
1

Minha solução completa:

1) Obtenha o Dark Reader no chrome, que não apenas fornecerá um ótimo tema escuro para o Jupyter, mas também para todos os sites que você desejar (você pode jogar com os diferentes filtros. Eu uso o Dynamic).

2) Cole essas linhas de código em seu notebook para que as legendas e os eixos fiquem visíveis:

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

Você está pronto para uma noite de codificação discoteca!

VideoPac
fonte
1

Apenas no modo escuro: -

Eu usei o Raleway Font para estilizar

Para o arquivo C: \ User \ UserName \ .jupyter \ custom \ custom.css

anexar os estilos indicados, isso é especificamente para o Modo escuro para notebooks jupyter ...

Esse deve ser o seu arquivo custom.css atual: -

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

O conteúdo a ser acrescentado começa agora

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

Modo escuro para o notebook Jupyter

Modo escuro para o notebook Jupyter

Sarthak Singhal
fonte