Saya suka tema gelap. Namun, tema default notebook Jupyter ringan, dan saya tidak dapat menemukan opsi untuk mengubah tema / warna latar belakang. Bagaimana ini dilakukan?

Ini mudah dilakukan dengan menggunakan jupyter-themespaket oleh Kyle Dunovan. Anda mungkin dapat menginstalnya menggunakan conda. Jika tidak, Anda harus menggunakannya pip.

Instal dengan conda:

conda install jupyterthemes

atau pip

pip install jupyterthemes

Kemudian ubah tema Anda dengan

jt -t chesterish

Untuk memuat tema chesterish atau yang lainnya. Terakhir, muat ulang halaman. Dokumen dan kode sumber ada di sini: https://github.com/dunovank/jupyter-themes

Ikuti langkah ini:-

pip instal tema.

pip install jupyterthemes

Kemudian Pilih tema dari berikut ini dan atur menggunakan perintah berikut, Setelah Anda menginstal dengan sukses, Banyak dari kita berpikir kita perlu memulai server jupyter lagi, cukup segarkan halaman. Setel tema berdasarkan.

jt -t <theme-name>

Daftar nama tema

• onedork
• kelas 3
• lautan16
• chesterish
• monokai
• soliterl
• soliterd

Setelah saya mengubah tema itu berperilaku aneh. Ukuran fontnya kecil, tidak bisa melihat bilah alat dan saya benar-benar tidak suka tampilan baru.

Bagi mereka yang ingin mengembalikan tema asli, Anda dapat melakukannya sebagai berikut:

jt -r

Anda harus me-restart Jupyter saat pertama kali melakukannya dan kemudian refresh sudah cukup untuk mengaktifkan tema baru.

atau langsung dari dalam notebook

!jt -r

Anda dapat melakukan ini langsung dari buku catatan terbuka:

!pip install jupyterthemes
!jt -t chesterish

Alih-alih memasang perpustakaan di dalam Jupyter, saya sarankan Anda menggunakan ekstensi 'Pembaca Gelap' - https://chrome.google.com/webstore/detail/dark-reader/eimadpbcbfnmbkopoojfekhnkhdbieeh di Chrome (Anda dapat menemukan ekstensi 'Pustaka Gelap' di browser lain, mis. Firefox). Anda bisa bermain dengannya; filter URL yang ingin Anda miliki tema gelap, atau bahkan bagaimana menentukan tema Gelap untuk Anda sendiri. Berikut adalah beberapa contoh:

Saya harap ini membantu. Behrouz

Untuk menginstal paket Jupyterthemes secara langsung dengan conda, gunakan:

conda install -c conda-forge jupyterthemes

Kemudian, seperti yang orang lain tunjukkan, ubah tema dengan jt -t <theme-name>

Sederhana, perubahan global ukuran font Jupyter dan warna latar belakang dalam & luar (perubahan ini akan memengaruhi semua notebook).

Di Windows, temukan direktori config dengan menjalankan perintah: jupyter --config-dir

Di Linux itu ~/.jupyter

Dalam direktori ini, buat subfolder, custom Buat file, custom.cssdan tempel:

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

Akhirnya - restart Jupyter. Hasil:

Anda Dapat Mengikuti Langkah-Langkah Ini.

1. pip install jupyterthemesatau pip install --upgrade jupyterthemesuntuk meningkatkan ke versi tema terbaru.
2. setelah itu untuk membuat daftar semua tema yang Anda miliki:jt -l
3. setelah itu jt-t <themename>misalnyajt -t solarizedl

conda install jupyterthemes

tidak bekerja untuk saya di Windows. Saya menggunakan Anaconda.

Tapi,

pip install jupyterthemes

bekerja di Anaconda Prompt.

Solusi lengkap saya:

1) Dapatkan Dark Reader di chrome yang tidak hanya akan memberi Anda Tema Gelap yang bagus untuk Jupyter tetapi juga untuk setiap situs web yang Anda inginkan (Anda dapat bermain dengan filter yang berbeda. Saya menggunakan Dynamic).

2) Tempelkan baris kode tersebut di buku catatan Anda sehingga legenda dan sumbu menjadi terlihat:

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

Anda siap untuk malam pengkodean disko!

Hanya Untuk Mode Gelap: -

Saya telah menggunakan Raleway Font untuk penataan

Ke C: \ User \ UserName \ .jupyter \ custom \ custom.css file

tambahkan gaya yang diberikan, ini khusus untuk Mode Gelap untuk notebook jupyter ...

Ini harus menjadi file custom.css Anda saat ini: -

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

Konten yang akan ditambahkan mulai sekarang

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