জুপিটার নোটবুকে থিমটি পরিবর্তন করবেন?
উত্তর:
jupyter-themesকাইল ডুনোভানের প্যাকেজটি ব্যবহার করে এটি করা সহজ । আপনি এটি ব্যবহার করে ইনস্টল করতে সক্ষম হতে পারেন conda। অন্যথায়, আপনি ব্যবহার করতে হবে pip।
কনডা দিয়ে এটি ইনস্টল করুন:
conda install jupyterthemes
বা পাইপ
pip install jupyterthemes
তারপরে আপনার থিমটি পরিবর্তন করুন
jt -t chesterish
চেস্টারিশ থিম বা অন্য কোনও লোড করতে। শেষ পর্যন্ত, পৃষ্ঠাটি পুনরায় লোড করুন। দস্তাবেজ এবং উত্স কোডটি এখানে রয়েছে: https://github.com/dunovank/jupyter-themes
jupyter notebook তবে পরের বার কেবল jt -t <themes>টার্মিনাল পরিবর্তন করুন এবং নোটবুকের পৃষ্ঠাগুলি পুনরায় লোড করুন। এটি আমার সাথে এমন কিছু আচরণ করে।
jupyterthemesকনডায় নয় কনডা-ফোর্জেও নয়, এটি ইনস্টল করার একমাত্র উপায় pipকেবলমাত্র
conda config --add channels conda-forge
jupyterthemesকনডা-ফোর্জে থাকে তবে উত্তরের উত্তরটি অবশ্যই বলা উচিত conda install jupyterthemes -c conda-forgeবা কনডা দিয়ে ইনস্টল করার পরামর্শ দিয়ে পদত্যাগ করতে হবে।
এই পদক্ষেপগুলি অনুসরণ করুন:-
থিম ইনস্টল করুন।
pip install jupyterthemes
তারপরে নীচের থেকে থিমগুলি চয়ন করুন এবং নিম্নলিখিত কমান্ডটি ব্যবহার করে সেগুলি সেট করুন, একবার আপনি সফলভাবে ইনস্টল হয়ে গেলে, আমাদের মধ্যে অনেকেই ভাবলেন আমাদের আবার জুপিটার সার্ভারটি শুরু করা দরকার, কেবল পৃষ্ঠাটি রিফ্রেশ করুন। দ্বারা থিম সেট করুন।
jt -t <theme-name>
থিমের নামগুলির তালিকা
- onedork
- পদমর্যাদা 3
- oceans16
- chesterish
- monokai
- solarizedl
- solarizedd
আমি থিমটি পরিবর্তন করার পরে এটি অদ্ভুতভাবে আচরণ করেছে। ফন্টের আকারটি ছোট ছিল, সরঞ্জামদণ্ডটি দেখতে পাচ্ছে না এবং আমি নতুন চেহারাটি পছন্দ করি না।
যারা মূল থিমটি পুনরুদ্ধার করতে চান তাদের জন্য আপনি নীচের মতো এটি করতে পারেন:
jt -r
আপনাকে প্রথম বার জুপিটারটি পুনঃসূচনা করতে হবে এবং পরে নতুন থিম সক্ষম করতে রিফ্রেশ যথেষ্ট।
বা সরাসরি নোটবুকের ভিতরে থেকে
!jt -r
জুপিটারের ভিতরে একটি লাইব্রেরি ইনস্টল করার পরিবর্তে, আমি আপনাকে ক্রোমের 'ডার্ক রিডার' এক্সটেনশন- https://chrome.google.com/webstore/detail/dark-reader/eimadpbcbfnmbkopoojfekhnkhdbieeh ব্যবহার করার পরামর্শ দিচ্ছি (আপনি 'ডার্ক রিডার' এক্সটেনশন খুঁজে পেতে পারেন) অন্যান্য ব্রাউজারগুলিতে, যেমন ফায়ারফক্স)। আপনি এটি নিয়ে খেলতে পারেন; আপনি অন্ধকার থিম রাখতে চান এমন ইউআরএল (গুলি) অথবা এমনকি নিজের জন্য ডার্ক থিমটি কীভাবে সংজ্ঞায়িত করতে চান তা ফিল্টার করুন। নীচে কয়েকটি উদাহরণ দেওয়া হল:
আমি আসা করি এটা সাহায্য করবে. Behrouz
জুপিটার ফন্টের আকার এবং অভ্যন্তরীণ এবং বাহ্যিক পটভূমির রঙগুলির সরল, বিশ্বব্যাপী পরিবর্তন (এই পরিবর্তনটি সমস্ত নোটবুককে প্রভাবিত করবে)।
উইন্ডোজে, কমান্ড চালিয়ে কনফিগারেশন ডিরেক্টরিটি সন্ধান করুন:
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;
}
শেষ অবধি - বৃহস্পতি পুনরায় আরম্ভ করুন। ফলাফল:
conda install jupyterthemes
উইন্ডোজ আমার জন্য কাজ করেন নি। আমি অ্যানাকোন্ডা ব্যবহার করছি।
কিন্তু,
pip install jupyterthemes
অ্যানাকোন্ডা প্রম্পটে কাজ করেছেন।
conda install -c conda-forge jupyterthemes
আমার সম্পূর্ণ সমাধান:
1) ক্রোমে ডার্ক রিডার পান যা আপনাকে কেবল জুপিটারের জন্য নয় আপনার পছন্দ মতো প্রতিটি ওয়েবসাইটের জন্য (আপনি বিভিন্ন ফিল্টার দিয়ে খেলতে পারেন I আমি ডায়নামিক) ব্যবহার করি।
২) আপনার নোটবুকে কোডের সেই লাইনগুলি আটকে দিন যাতে কিংবদন্তি এবং অক্ষগুলি দৃশ্যমান হয়:
from jupyterthemes import jtplot
jtplot.style(theme='monokai', context='notebook', ticks=True, grid=False)
আপনি একটি ডিস্কো কোডিং রাতের জন্য প্রস্তুত!
শুধুমাত্র অন্ধকার মোডের জন্য: -
স্টাইলিংয়ের জন্য আমি র্যালওয়ে ফন্ট ব্যবহার করেছি
করার সি: \ ব্যবহারকারী \ USERNAME \ .jupyter \ কাস্টম \ 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;
}
