回答:
これはjupyter-themes
、Kyle Dunovanによるパッケージを使用して簡単に実行できます。を使用してインストールできる場合がありますconda
。それ以外の場合は、を使用する必要がありますpip
。
condaでインストールします。
conda install jupyterthemes
またはピップ
pip install jupyterthemes
次に、テーマを変更します
jt -t chesterish
チェスター風のテーマまたはその他をロードします。最後に、ページをリロードします。ドキュメントとソースコードはこちら:https : //github.com/dunovank/jupyter-themes
jupyter notebook
、次回は、単にjt -t <themes>
ターミナルを変更してノートブックのページをリロードするだけです。それは私にはこのような動作をします。
jupyterthemes
condaにどちらconda鍛造ではありませんが、それをインストールする唯一の方法は、経由でpip
のみ
conda config --add channels conda-forge
jupyterthemes
がconda-forgeにある場合、答えは、それconda install jupyterthemes -c conda-forge
が必要であるか、condaでのインストールを勧めるのをやめるかです。
次の手順を実行します:-
テーマをpipインストールします。
pip install jupyterthemes
次に、以下からテーマを選択し、次のコマンドを使用してそれらを設定します。インストールに成功したら、多くの人がjupyterサーバーを再起動する必要があると考え、ページを更新します。テーマを設定します。
jt -t <theme-name>
テーマ名一覧
テーマを変更した後、奇妙な動作をしました。フォントサイズが小さく、ツールバーが表示されないため、新しいデザインが気に入らなかった。
元のテーマを復元したい場合は、次のように実行できます。
jt -r
Jupyterは最初に再起動する必要があり、後で更新するだけで新しいテーマを有効にできます。
または直接ノートブックの内側から
!jt -r
代わりにJupyter内部のライブラリをインストールするので、私はあなたが「ダークリーダー」EXTENSION-使用をお勧めしますhttps://chrome.google.com/webstore/detail/dark-reader/eimadpbcbfnmbkopoojfekhnkhdbieehあなたは見つけることができます(「ダークリーダー」の拡張子をChromeでのFirefoxなどの他のブラウザ)。あなたはそれで遊ぶことができます。ダークテーマを設定するURLをフィルタリングするか、ダークテーマを自分で定義する方法を選択します。以下に例をいくつか示します。
お役に立てば幸いです。ベールーズ
Jupyterのフォントサイズと内部および外部の背景色のシンプルでグローバルな変更(この変更はすべてのノートブックに影響します)。
Windowsでは、次のコマンドを実行してconfigディレクトリを見つけます。
jupyter --config-dir
Linuxでは ~/.jupyter
このディレクトリにサブフォルダをcustom
作成し、ファイルcustom.css
を作成して貼り付けます。
/* 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;
}
最後に-Jupyterを再起動します。結果:
conda install jupyterthemes
Windowsでは私にはうまくいきませんでした。私はアナコンダを使用しています。
だが、
pip install jupyterthemes
アナコンダプロンプトで働いた。
conda install -c conda-forge jupyterthemes
私の完全なソリューション:
1)ChromeでDark Readerを入手してください。Jupyterのダークテーマだけでなく、希望するすべてのWebサイトにも適用できます(さまざまなフィルターでプレイできます。私はダイナミックを使用しています)。
2)凡例と軸が見えるように、これらのコード行をノートブックに貼り付けます。
from jupyterthemes import jtplot
jtplot.style(theme='monokai', context='notebook', ticks=True, grid=False)
ディスココーディングの夜の準備が整いました。
スタイリングにRalewayフォントを使用しました
C:\ユーザー\ユーザー名\ .jupyter \カスタム\のcustom.cssファイル
特定のスタイルを追加します。これは特に、jupyterノートブックのダークモード用です...
これは現在のcustom.cssファイルである必要があります:-
/* 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;
}
追加するコンテンツが始まります
.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;
}