Відповіді:
Це легко зробити, скориставшись jupyter-themes
пакетом від Kyle Dunovan. Ви можете встановити його за допомогою conda
. В іншому випадку вам потрібно буде скористатися pip
.
Встановіть його за допомогою conda:
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 встановити теми.
pip install jupyterthemes
Потім виберіть теми з наведеного нижче та встановіть їх за допомогою наступної команди. Після того, як ви успішно встановились, багато хто з нас подумали, що нам потрібно запустити сервер юпітера знову, просто оновіть сторінку. Встановити тему за.
jt -t <theme-name>
Список назв тем
Після того як я змінив тему, він поводився дивно. Розмір шрифту був невеликим, не видно панелі інструментів, і мені дуже не сподобався новий вигляд.
Для тих, хто хоче відновити оригінальну тему, ви можете це зробити так:
jt -r
Вам потрібно перезапустити Jupyter перший раз, коли ви це зробите, а пізніше оновити достатньо, щоб увімкнути нову тему.
або безпосередньо зсередини зошита
!jt -r
Замість того, щоб встановлювати бібліотеку всередині Jupyter, я б рекомендував використовувати розширення "Темний читач" - https://chrome.google.com/webstore/detail/dark-reader/eimadpbcbfnmbkopoojfekhnkhdbieeh в Chrome (ви можете знайти розширення "Темний читач" в інших браузерах, наприклад, Firefox). Ви можете грати з ним; відфільтруйте URL-адреси, для яких ви хочете мати темну тему, або навіть як визначити темну тему для себе. Нижче наведено кілька прикладів:
Я сподіваюся, що це допомагає. Бехроуз
Проста глобальна зміна розміру шрифту Юпітера та внутрішнього та зовнішнього кольорів фону (ця зміна вплине на всі ноутбуки).
У Windows знайдіть каталог конфігурацій, запустивши команду:
jupyter --config-dir
У Linux це так ~/.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
не працював для мене в Windows. Я використовую Анаконда.
Але,
pip install jupyterthemes
працював у Anaconda Prompt.
conda install -c conda-forge jupyterthemes
Моє повне рішення:
1) Отримайте темний читач на хромі, який не тільки отримає вам чудову Темну тему для Юпітера, але і для кожного потрібного вам веб-сайту (ви можете грати з різними фільтрами. Я використовую Dynamic).
2) Вставте ці рядки коду у свій ноутбук, щоб легенди та осі стали видимими:
from jupyterthemes import jtplot
jtplot.style(theme='monokai', context='notebook', ticks=True, grid=False)
Ви все готові на ніч кодування дискотек!
Я використовував шрифт Raleway для стилізації
До файлу C: \ User \ UserName \ .jupyter \ custom \ 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;
}