Respostas:
É fácil fazer isso usando o jupyter-themes
pacote 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
jupyter notebook
para 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.
jupyterthemes
não está em Conda nem no Conda-forja, a única maneira de instalá-lo é através de pip
única
conda config --add channels conda-forge
jupyterthemes
estiver 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.
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
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
Você pode fazer isso diretamente de um notebook aberto:
!pip install jupyterthemes
!jt -t chesterish
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:
Espero que ajude. Behrouz
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.css
e 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:
conda install jupyterthemes
não funcionou para mim no Windows. Estou usando o Anaconda.
Mas,
pip install jupyterthemes
trabalhou no Prompt do Anaconda.
conda install -c conda-forge jupyterthemes
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!
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;
}