Réponses:
C'est facile à faire en utilisant le jupyter-themes
package de Kyle Dunovan. Vous pourrez peut-être l'installer en utilisant conda
. Sinon, vous devrez utiliser pip
.
Installez-le avec conda:
conda install jupyterthemes
ou pip
pip install jupyterthemes
Puis changez de thème avec
jt -t chesterish
Pour charger le thème chesterish ou tout autre. Enfin, rechargez la page. La documentation et le code source sont ici: https://github.com/dunovank/jupyter-themes
jupyter notebook
pour que cela fonctionne, mais la prochaine fois, changez simplement jt -t <themes>
le terminal et rechargez les pages du cahier. Il se comporte quelque chose comme ça pour moi.
jupyterthemes
n'est pas sur conda ni sur conda-forge, le seul moyen de l'installer est par le biais pip
uniquement
conda config --add channels conda-forge
jupyterthemes
est sur conda-forge, la réponse devrait soit dire que conda install jupyterthemes -c conda-forge
c'est nécessaire, soit renoncer à conseiller d'installer avec conda.
Suivez ces étapes:-
pip installez les thèmes.
pip install jupyterthemes
Ensuite, choisissez les thèmes parmi les suivants et définissez-les à l'aide de la commande suivante, Une fois que vous avez installé avec succès, beaucoup d'entre nous ont pensé que nous devions redémarrer le serveur jupyter, il suffit de rafraîchir la page. Définissez le thème par.
jt -t <theme-name>
Liste des noms de thèmes
Après avoir changé le thème, il s'est comporté étrangement. La taille de la police était petite, je ne peux pas voir la barre d'outils et je n'ai vraiment pas aimé le nouveau look.
Pour ceux qui souhaitent restaurer le thème d'origine, vous pouvez le faire comme suit:
jt -r
Vous devez redémarrer Jupyter la première fois que vous le faites et une actualisation ultérieure suffit pour activer le nouveau thème.
ou directement depuis l'intérieur du notebook
!jt -r
Au lieu d'installer une bibliothèque dans Jupyter, je vous recommanderais d'utiliser l'extension 'Dark Reader' - https://chrome.google.com/webstore/detail/dark-reader/eimadpbcbfnmbkopoojfekhnkhdbieeh dans Chrome (vous pouvez trouver l'extension 'Dark Reader' dans d'autres navigateurs, par exemple Firefox). Vous pouvez jouer avec; filtrez les URL pour lesquelles vous souhaitez avoir un thème sombre, ou même comment définir le thème sombre pour vous-même. Voici quelques exemples:
J'espère que cela aide. Behrouz
Changement simple et global de la taille de la police Jupyter et des couleurs d'arrière-plan intérieur et extérieur (ce changement affectera tous les blocs-notes).
Sous Windows, recherchez le répertoire de configuration en exécutant une commande:
jupyter --config-dir
Sous Linux, c'est ~/.jupyter
Dans ce répertoire, créez un sous-dossier custom
Créez un fichier custom.css
et collez:
/* 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;
}
Enfin, redémarrez Jupyter. Résultat:
conda install jupyterthemes
n'a pas fonctionné pour moi dans Windows. J'utilise Anaconda.
Mais,
pip install jupyterthemes
a travaillé dans Anaconda Prompt.
conda install -c conda-forge jupyterthemes
Ma solution complète:
1) Obtenez Dark Reader sur chrome qui vous donnera non seulement un excellent thème sombre pour Jupyter, mais aussi pour chaque site Web que vous souhaitez (vous pouvez jouer avec les différents filtres. J'utilise Dynamic).
2) Collez ces lignes de code dans votre cahier pour que les légendes et les axes deviennent visibles:
from jupyterthemes import jtplot
jtplot.style(theme='monokai', context='notebook', ticks=True, grid=False)
Vous êtes prêt pour une soirée de codage disco!
J'ai utilisé la police Raleway pour le style
Vers le fichier C: \ User \ UserName \ .jupyter \ custom \ custom.css
ajoutez les styles donnés, ceci est spécifiquement pour le mode sombre pour le notebook jupyter ...
Cela devrait être votre fichier custom.css actuel: -
/* 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;
}
Le contenu à ajouter commence maintenant
.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;
}