Ubah Tema di Notebook Jupyter?


Jawaban:


287

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


29
Catatan - Saya harus memulai ulang server jupyter agar bisa berfungsi.
Amir F

9
Untuk pertama kalinya seseorang mungkin perlu me-restart jupyter notebookagar ini berfungsi, tetapi lain kali, cukup ganti jt -t <themes>terminal dan muat ulang halaman notebook. Tingkah laku seperti ini bagiku.
iNet

10
jupyterthemestidak menggunakan conda maupun pada conda-forge, satu-satunya cara untuk menginstalnya adalah piphanya melalui
Mohammad Hizzani

13
Saya berhasil dengan conda setelah menambahkan saluran conda-forge conda config --add channels conda-forge
Ernest

11
Jika jupyterthemesmenggunakan conda-forge, jawabannya harus mengatakan bahwa conda install jupyterthemes -c conda-forgediperlukan atau mengundurkan diri agar tidak menginstal dengan conda.
mmagnuski

92

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

1
terdaftar dua hal: 1. discripency terhadap memulai server jupyter. 2. Konjungsi / nama tema
Sahil Nagpal

7
Ini tidak benar-benar menjamin jawaban baru. Hanya sedikit pengeditan untuk yang sudah ada.
Jean-François Corbett

5
Ada juga ekstensi chrome untuk ini . Ini pada dasarnya melakukan hal yang sama tetapi tanpa interaksi terminal.
iNet

2
apa nama tema klasiknya? Jika saya ingin kembali dan kembali ke yang klasik yang asli?
ZelelB

3
Demi kelengkapan, selain tema yang terdaftar, 2 ini juga tersedia: gruvboxd, gruvboxl pada Jan 2019
subtleseeker

51

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

4
Kudos untuk cara mengembalikan tema asli
Briford Wylie

28

Anda dapat melakukan ini langsung dari buku catatan terbuka:

!pip install jupyterthemes
!jt -t chesterish

Anda tidak harus me-restart server jupyter agar ini berlaku?
drevicko

Benar, Anda harus memulai ulang kernel jika saya ingat dengan benar
Amir F

20

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:

masukkan deskripsi gambar di sini

masukkan deskripsi gambar di sini

Saya harap ini membantu. Behrouz


Saya pikir ini adalah pendekatan terbaik, karena kami biasanya menginginkan tema gelap yang disediakannya dan selanjutnya, mudah untuk memeriksa visual nyata dari dokumen yang kami buat hanya dengan satu klik. (Penting pada waktu publikasi)
M. Doosti Lakhani

Ya ... itu semua bagus dan baik tetapi Pustaka Gelap tidak tahu bahwa notebook jupyter harus mewarnai kata-kata. Tidak ada pewarnaan sintaks, yang membuat opsi ini menjadi tidak-tidak.
darlove

@darlove, Sejauh yang saya kerjakan, ada 'pewarnaan sintaks' di sana (mis. sintaks 'untuk loop' memiliki warna yang sama di seluruh kode Anda.
Behrouz Beheshti

Saya tidak tahu tentang Anda, tetapi Pembaca Gelap menyoroti sintaks saya dengan baik. Juga ekstensi ini adalah penyelamat ..... akhirnya sesuatu yang bahkan dapat membuat Stack Overflow gelap!
Natalie

1
Namun ada satu masalah. Jika Anda mencoba memilih beberapa karakter menggunakan mouse, pilihannya tidak terlihat pada latar belakang hitam.
kaushalpranav

7

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>


6

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:

latar belakang yang lebih gelap


Tolong, bagaimana cara membatalkannya?
Aminu Kano

1
Hapus file yang Anda buat (custom.css) dan mulai ulang Jupyter.
rafal chlopek

Ini berfungsi, tetapi saya harus menghapus cache browser saya.
Aminu Kano

5

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

4
conda install jupyterthemes

tidak bekerja untuk saya di Windows. Saya menggunakan Anaconda.

Tapi,

pip install jupyterthemes

bekerja di Anaconda Prompt.


7
Anda perlu menentukan koleksi yang tepat untuk konda:conda install -c conda-forge jupyterthemes
Philip Roland Jarnhus

2

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!


1

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

Mode Gelap untuk Notebook Jupyter

Mode Gelap untuk Notebook Jupyter

Dengan menggunakan situs kami, Anda mengakui telah membaca dan memahami Kebijakan Cookie dan Kebijakan Privasi kami.
Licensed under cc by-sa 3.0 with attribution required.