Yanıtlar:
jupyter-themes
Kyle 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
jupyter 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.
jupyterthemes
ne conda-forge üzerinde, ne de conda-forge üzerinde, onu yüklemek için tek yolu pip
sadece üzerinden
conda config --add channels conda-forge
jupyterthemes
Conda-demirhaneye üzerindedir cevap ya o demeliyim conda install jupyterthemes -c conda-forge
gereklidir veya Conda ile yüklemeye danışmanlık istifa.
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
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
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:
Umut ediyorum bu yardım eder. Behrouz
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.css
ve 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ç:
conda install jupyterthemes
Windows'ta benim için çalışmadı. Anaconda kullanıyorum.
Fakat,
pip install jupyterthemes
Anaconda İstemi'nde çalıştı.
conda install -c conda-forge jupyterthemes
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!
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;
}