Jupyter Notebook'da Tema Değiştirilsin mi?


Yanıtlar:


286

jupyter-themesKyle Dunovan'ın paketini kullanarak bunu yapmak kolaydır . Bunu kullanarak kurabilirsiniz conda. Aksi takdirde, kullanmanız gerekecektir pip.

Conda ile kurun:

conda install jupyterthemes

veya pip

pip install jupyterthemes

Ardından temanızı ile değiştirin

jt -t chesterish

Chesterish temasını veya başka herhangi bir şeyi yüklemek için. Son olarak sayfayı yeniden yükleyin. Dokümanlar ve kaynak kodu burada: https://github.com/dunovank/jupyter-themes


29
Not - Bunun çalışması için jupyter sunucusunu yeniden başlatmak zorunda kaldım.
Amir F

9
İlk kez bunun çalışması için yeniden başlatılması gerekebilirjupyter notebook , ancak bir dahaki sefere jt -t <themes>terminalde değişiklik yapmanız ve not defteri sayfalarını yeniden yüklemeniz yeterlidir . Bana böyle bir şey davranıyor.
iNet

10
jupyterthemesne conda-forge üzerinde, ne de conda-forge üzerinde, onu yüklemek için tek yolu pipsadece üzerinden
Mohammad Hizzani

13
Conda-forge kanalı ekledikten sonra conda ile başarılı oldum conda config --add channels conda-forge
Ernest

11
Eğer jupyterthemesConda-demirhaneye üzerindedir cevap ya o demeliyim conda install jupyterthemes -c conda-forgegereklidir veya Conda ile yüklemeye danışmanlık istifa.
mmagnuski

92

Bu adımları takip et:-

pip temaları yükleyin.

pip install jupyterthemes

Ardından, aşağıdakilerden temaları seçin ve aşağıdaki komutu kullanarak ayarlayın, Birçoğu başarıyla yükledikten sonra, çoğumuz jupyter sunucusunu yeniden başlatmamız gerektiğini düşündük, sadece sayfayı yenileyin. Temayı tarafından ayarlayın.

jt -t <theme-name>

Tema adlarının listesi

  • onedork
  • grade3
  • oceans16
  • chesterish
  • monokai
  • solarizedl
  • solarizedd

1
iki şey listelenmiştir: 1. jupyter sunucusunu başlatmaya karşı açıklık. 2. Tema bağlaçları / adı
Sahil Nagpal

7
Bu gerçekten yeni bir cevap gerektirmez. Mevcut olana sadece küçük bir düzenleme.
Jean-François Corbett

5
Bir krom uzantısı da var bu . Temel olarak aynı şeyi yapar ancak terminal etkileşimi olmadan.
iNet

2
klasik temanın adı nedir? Geri dönüp orijinal klasik olana geri dönmek istersem?
ZelelB

3
Tam olarak söylemek gerekirse, listelenen temalar dışında, bu 2 de mevcuttur: Ocak 2019 itibariyle gruvboxd, gruvboxl
subtleseeker

51

Temayı değiştirdikten sonra tuhaf davrandı. Yazı tipi boyutu küçüktü, araç çubuğunu göremiyorum ve yeni görünümü gerçekten sevmedim.

Orijinal temayı geri yüklemek isteyenler için aşağıdaki gibi yapabilirsiniz:

jt -r

Jupyter'ı ilk kez yeniden başlatmanız gerekir ve daha sonra yeni temayı etkinleştirmek için yenileme yeterlidir.

veya doğrudan dizüstü bilgisayarın içinden

!jt -r

4
Orijinal temayı nasıl geri yükleyeceğiniz için Kudos
Briford Wylie

28

Bunu doğrudan açık bir not defterinden yapabilirsiniz:

!pip install jupyterthemes
!jt -t chesterish

bunun etkili olması için jupyter sunucusunu yeniden başlatmanız gerekmez mi?
drevicko

Doğru, doğru hatırlıyorsam çekirdeği yeniden başlatmanız gerekecek
Amir F

20

Jupyter içine bir kütüphane yüklemek yerine, Chrome'da 'Dark Reader' uzantısını kullanmanızı öneririm - https://chrome.google.com/webstore/detail/dark-reader/eimadpbcbfnmbkopoojfekhnkhdbieeh Chrome'da ('Dark Reader' uzantısını bulabilirsiniz) diğer tarayıcılarda, örneğin Firefox). Onunla oynayabilirsiniz; karanlık temaya sahip olmak istediğiniz URL'leri veya hatta Karanlık temayı kendiniz nasıl tanımlayacağınızı filtreleyin. Aşağıda birkaç örnek verilmiştir:

resim açıklamasını buraya girin

resim açıklamasını buraya girin

Umut ediyorum bu yardım eder. Behrouz


Bunun en iyi yaklaşım olduğunu düşünüyorum, çünkü genellikle sağladığı koyu temayı istiyoruz ve ayrıca, yalnızca bir tıklamayla oluşturduğumuz belgenin gerçek görselini kontrol etmek kolaydır. (yayınlanma zamanında önemlidir)
M. Doosti Lakhani

Evet ... hepsi iyi ve güzel ama Karanlık Okuyucu bir jupyter not defterinin kelimeleri renklendirmesi gerektiğini bilmiyor. Sözdizimi renklendirmesi yoktur, bu da bu seçeneği hayır yapar.
darlove

@darlove, Onunla çalıştığım kadarıyla, orada bir 'sözdizimi renklendirme' var (örneğin, 'döngü için' sözdizimi kodunuz boyunca aynı renge sahiptir.
Behrouz Beheshti

Seni bilmiyorum, ama Karanlık Okuyucu sözdizimi gayet iyi vurgulıyor. Ayrıca bu uzatma bir cankurtaran ..... nihayet bile Stack Overflow karanlık yapabilirsiniz bir şey!
Natalie

1
Yine de bir sorun var. Fareyi kullanarak birkaç karakter seçmeye çalışırsanız, seçim siyah arka planda görünmez.
kaushalpranav

7

Jupyterthemes paketini doğrudan conda ile kurmak için şunu kullanın:

conda install -c conda-forge jupyterthemes

Sonra, diğerlerinin de belirttiği gibi, temayı jt -t <theme-name>


6

Jupyter yazı tipi boyutunun ve iç ve dış arka plan renklerinin basit, global değişimi (bu değişiklik tüm not defterlerini etkileyecektir).

Windows'da, bir komut çalıştırarak config dizinini bulun: jupyter --config-dir

Linux'ta ~/.jupyter

Bu dizinde alt klasör custom oluştur Dosya oluştur custom.cssve yapıştır:

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

Son olarak - Jupyter'ı yeniden başlatın. Sonuç:

daha koyu arka planlar


Lütfen, nasıl geri alınır?
Aminu Kano

1
Oluşturduğunuz dosyayı (custom.css) kaldırın ve Jupyter'ı yeniden başlatın.
rafal chlopek

Çalışıyor, ancak tarayıcı önbelleğimi temizlemem gerekiyor.
Aminu Kano

5

Bu Adımları Takip Edebilirsiniz.

  1. pip install jupyterthemesveya pip install --upgrade jupyterthemestemanın en son sürümüne geçmek için.
  2. bundan sonra sahip olduğunuz tüm temaları listelemek için:jt -l
  3. bundan sonra jt-t <themename>örneğinjt -t solarizedl

4
conda install jupyterthemes

Windows'ta benim için çalışmadı. Anaconda kullanıyorum.

Fakat,

pip install jupyterthemes

Anaconda İstemi'nde çalıştı.


7
Conda için doğru koleksiyonu belirtmeniz gerekir:conda install -c conda-forge jupyterthemes
Philip Roland Jarnhus

2

Komple çözümüm:

1) Chrome'da Dark Reader'ı edinin, bu da size sadece Jupyter için harika bir Karanlık Tema elde etmekle kalmaz, aynı zamanda istediğiniz her web sitesi için de (farklı filtrelerle oynayabilirsiniz. Dinamik kullanıyorum).

2) Efsanelerin ve eksenlerin görünür olması için bu kod satırlarını dizüstü bilgisayarınıza yapıştırın:

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

Hepiniz bir disko kodlama gecesi için hazırsınız!


1

Yalnızca Karanlık Mod için: -

Raleway Font'u stil için kullandım

To C: \ User \ KullanıcıAdı \ .jupyter \ özel \ custom.css dosyası

verilen stilleri ekleyin, bu özellikle jupyter notebook için Dark Mode içindir ...

Bu, geçerli custom.css dosyanız olmalıdır: -

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

Eklenecek içerik şimdi başlıyor

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

Jupyter Notebook için Karanlık Mod

Jupyter Notebook için Karanlık Mod

Sitemizi kullandığınızda şunları okuyup anladığınızı kabul etmiş olursunuz: Çerez Politikası ve Gizlilik Politikası.
Licensed under cc by-sa 3.0 with attribution required.