Jupyter नोटबुक में थीम बदलें?


201

मुझे डार्क थीम पसंद हैं। हालाँकि, Jupyter पुस्तिकाओं का डिफ़ॉल्ट विषय हल्का है, और मुझे थीम / पृष्ठभूमि-रंग बदलने का विकल्प नहीं मिल रहा है। यह कैसे किया जाता है?


3
कोंडा का उपयोग करना: anaconda.org/conda-forge/jupyterthemes
Bigby

जवाबों:


282

यह jupyter-themesकाइल डुनोवन द्वारा पैकेज का उपयोग करना आसान है । आप इसका उपयोग करके स्थापित करने में सक्षम हो सकते हैं conda। अन्यथा, आपको उपयोग करने की आवश्यकता होगी pip

इसे कॉन्डा के साथ स्थापित करें:

conda install jupyterthemes

या पाइप

pip install jupyterthemes

इसके बाद अपनी थीम बदलें

jt -t chesterish

चेस्टरिश थीम या किसी अन्य को लोड करने के लिए। अंत में, पृष्ठ को पुनः लोड करें। डॉक्स और सोर्स कोड यहां हैं: https://github.com/dunovank/jupyter-themes


29
नोट - मुझे काम करने के लिए jupyter सर्वर को पुनरारंभ करना पड़ा।
अमीर एफ

9
पहली बार किसी को काम करने के लिए इसे पुनरारंभ करने की आवश्यकता हो सकती है jupyter notebook, लेकिन अगली बार, बस jt -t <themes>टर्मिनल पर बदलें और नोटबुक पृष्ठों को फिर से लोड करें। यह मेरे साथ कुछ ऐसा व्यवहार करता है।
INet

10
jupyterthemesconda पर नहीं है और न ही conda-forge पर, इसे स्थापित करने का एकमात्र तरीका pipकेवल है
Mohammad Hizzani

13
कोंडा-फोर्ज चैनलconda config --add channels conda-forge
अर्नेस्ट

11
यदि jupyterthemesकोंडा-फोर्ज पर है तो उत्तर को या तो कहना चाहिए कि conda install jupyterthemes -c conda-forgeआवश्यक है या कॉन्डा के साथ स्थापित करने के लिए सलाह देने से इस्तीफा देना चाहिए।
mmagnuski

90

इन कदमों का अनुसरण करें:-

पाइप थीम स्थापित करें।

pip install jupyterthemes

फिर निम्न में से थीम चुनें और उन्हें निम्न कमांड का उपयोग करके सेट करें, एक बार जब आप सफलतापूर्वक स्थापित हो जाते हैं, तो हम में से कई ने सोचा कि हमें ज्यूपिटर सर्वर को फिर से शुरू करने की आवश्यकता है, बस पृष्ठ को ताज़ा करें। द्वारा थीम सेट करें।

jt -t <theme-name>

विषय के नामों की सूची

  • onedork
  • ग्रेड 3
  • oceans16
  • chesterish
  • monokai
  • solarizedl
  • solarizedd

1
सूचीबद्ध दो बातें: 1. ज्यूपिटर सर्वर को शुरू करने के खिलाफ असमानता। 2. थीम संयोजन / नाम
साहिल नागपाल

7
यह वास्तव में एक नया उत्तर नहीं देता है। मौजूदा में बस एक छोटा सा संपादन।
जीन-फ्रांस्वा कॉर्बेट

5
वहाँ भी के लिए एक क्रोम विस्तार है यह । यह मूल रूप से एक ही काम करता है लेकिन टर्मिनल इंटरैक्शन के बिना।
INet

2
क्लासिक विषय का नाम क्या है? अगर मैं वापस लौटना चाहता हूं और मूल क्लासिक में वापस जाना चाहता हूं?
ZelelB

3
पूर्णता के लिए, सूचीबद्ध थीमों के अलावा, ये 2 भी उपलब्ध हैं: gruvboxd, gruvboxl जनवरी 2019 के रूप में
सबटाइलेसर

49

मैं विषय बदल के बाद यह अजीब व्यवहार किया। फ़ॉन्ट आकार छोटा था, टूलबार नहीं देख सकता था और मुझे वास्तव में नया रूप पसंद नहीं था।

उन लोगों के लिए जो मूल विषय को पुनर्स्थापित करना चाहते हैं, आप इसे निम्नानुसार कर सकते हैं:

jt -r

आपको पहली बार ऐसा करने के लिए जुपिटर को फिर से शुरू करना होगा और बाद में रिफ्रेश करना नई थीम को सक्षम करने के लिए पर्याप्त है।

या सीधे नोटबुक के अंदर से

!jt -r

4
मूल विषय को कैसे पुनर्स्थापित किया जाए, इसके लिए कुडोस
Briford Wylie

28

आप इसे सीधे एक खुली नोटबुक से कर सकते हैं:

!pip install jupyterthemes
!jt -t chesterish

क्या आपको इसके प्रभावी होने के लिए jupyter सर्वर को पुनः आरंभ नहीं करना है?
drevicko

सही है, आपको कर्नेल को पुनः आरंभ करने की आवश्यकता होगी यदि मुझे सही ढंग से याद है
अमीर एफ

20

जुपिटर के अंदर एक पुस्तकालय स्थापित करने के बजाय, मैं आपको क्रोम में 'डार्क रीडर' एक्सटेंशन- https://chrome.google.com/webstore/detail/dark-reader/eimadpbcbfnmbkopooooekhnhndddeEeh ('डार्क रीडर' एक्सटेंशन पा सकते हैं) अन्य ब्राउज़रों में, जैसे फ़ायरफ़ॉक्स)। आप इसके साथ खेल सकते हैं; वह URL फ़िल्टर करें जिसे आप डार्क थीम के लिए चाहते हैं, या यहां तक ​​कि अपने लिए डार्क थीम को कैसे परिभाषित करें। नीचे कुछ उदाहरण दिए गए हैं:

यहां छवि विवरण दर्ज करें

यहां छवि विवरण दर्ज करें

मुझे उम्मीद है यह मदद करेगा। Behrouz


मुझे लगता है कि यह सबसे अच्छा तरीका है, क्योंकि हम आम तौर पर अंधेरे विषय चाहते हैं जो यह प्रदान करता है और इसके अलावा, हम केवल एक क्लिक द्वारा बनाए जा रहे दस्तावेज़ के वास्तविक दृश्य की जांच करना आसान है। (प्रकाशित समय पर महत्वपूर्ण)
एम। दोस्ती लखानी

हाँ ... यह सब अच्छा और अच्छा है, लेकिन डार्क रीडर को पता नहीं है कि एक ज्यूपिटर नोटबुक में शब्दों का रंग होना चाहिए। कोई सिंटैक्स रंग नहीं है, जो इस विकल्प को नहीं-नहीं बनाता है।
डार्लोव

@ डार्लोव, जहां तक ​​मैंने इसके साथ काम किया है, वहां एक 'सिंटैक्स कलरिंग' है (उदाहरण के लिए 'लूप के लिए' सिंटैक्स का आपके पूरे कोड में एक ही रंग है।
Behrouz Beheshti

मैं आपके बारे में नहीं जानता, लेकिन डार्क रीडर मेरे वाक्यविन्यास को ठीक तरह से उजागर कर रहा है। इसके अलावा यह विस्तार एक लाइफसेवर है ..... अंत में कुछ ऐसा है जो स्टैक ओवरफ्लो को भी अंधेरा बना सकता है!
गणित-संबंधी-से-विज्ञान

1
हालांकि एक मुद्दा है। यदि आप माउस का उपयोग करके कुछ वर्णों का चयन करने का प्रयास करते हैं, तो चयन काली पृष्ठभूमि पर दिखाई नहीं देता है।
कौशलपर्व

7

सीधे ज्यूपिटरेम्स पैकेज को कोंडा के साथ स्थापित करने के लिए, उपयोग करें:

conda install -c conda-forge jupyterthemes

फिर, जैसा कि अन्य ने बताया है, विषय को बदल दें jt -t <theme-name>


6

जुपिटर फ़ॉन्ट आकार का सरल, वैश्विक परिवर्तन और आंतरिक और बाहरी पृष्ठभूमि रंग (यह परिवर्तन सभी नोटबुक्स को प्रभावित करेगा)।

Windows में, कमांड चलाकर कॉन्फिग डायरेक्टरी खोजें: jupyter --config-dir

लिनक्स में यह है ~/.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;
} 

अंत में - जुपिटर को पुनः आरंभ करें। परिणाम:

गहरे रंग की पृष्ठभूमि


कृपया, इसे पूर्ववत कैसे करें?
अमीनु कानो

1
आपके द्वारा बनाई गई फ़ाइल को हटा दें (custom.css) और जुपिटर को पुनरारंभ करें।
रफाल क्लॉपेक

यह काम करता है, लेकिन मुझे अपना ब्राउज़र कैश हालांकि साफ़ करना होगा।
अमीनू कानो

5

आप इन चरणों का पालन कर सकते हैं।

  1. pip install jupyterthemesया pip install --upgrade jupyterthemesविषय के नवीनतम संस्करण में अपग्रेड करने के लिए।
  2. उसके बाद आपके पास सभी विषयों को सूचीबद्ध करने के लिए:jt -l
  3. उसके बाद jt-t <themename>उदाहरण के लिएjt -t solarizedl

4
conda install jupyterthemes

विंडोज में मेरे लिए काम नहीं किया। मैं एनाकोंडा का उपयोग कर रहा हूं।

परंतु,

pip install jupyterthemes

एनाकोंडा प्रॉम्प्ट में काम किया।


7
आपको कोंडा के लिए सही संग्रह निर्दिष्ट करने की आवश्यकता है:conda install -c conda-forge jupyterthemes
फिलिप रोलैंड जर्नहस

1

मेरा पूरा समाधान:

1) क्रोम पर डार्क रीडर प्राप्त करें जो न केवल आपको जुपिटर के लिए एक महान डार्क थीम मिलेगा, बल्कि आपके द्वारा पसंद की जाने वाली हर एक वेबसाइट के लिए (आप विभिन्न फ़िल्टर के साथ खेल सकते हैं। मैं डायनामिक का उपयोग करता हूं)।

2) अपनी नोटबुक में कोड की उन पंक्तियों को चिपकाएँ ताकि किंवदंतियाँ और कुल्हाड़ी दिखाई दें:

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

आप सभी डिस्को कोडिंग रात के लिए तैयार हैं!


1

केवल डार्क मोड के लिए: -

मैंने स्टाइल के लिए रालवे फॉन्ट का इस्तेमाल किया है

करने के लिए C: \ उपयोगकर्ता \ उपयोगकर्ता नाम \ .jupyter \ कस्टम \ custom.css फ़ाइल

दी गई शैलियों को शामिल करें, यह विशेष रूप से ज्यूपिटर नोटबुक के लिए डार्क मोड के लिए है ...

यह आपकी वर्तमान 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;
}

बृहस्पति नोटबुक के लिए डार्क मोड

बृहस्पति नोटबुक के लिए डार्क मोड

हमारी साइट का प्रयोग करके, आप स्वीकार करते हैं कि आपने हमारी Cookie Policy और निजता नीति को पढ़ और समझा लिया है।
Licensed under cc by-sa 3.0 with attribution required.