Tôi thích chủ đề tối. Tuy nhiên, chủ đề mặc định của máy tính xách tay Jupyter là ánh sáng và tôi không thể tìm thấy tùy chọn thay đổi chủ đề / màu nền. Làm thế nào được thực hiện?

Điều này rất dễ thực hiện khi sử dụng jupyter-themesgói của Kyle Dunovan. Bạn có thể cài đặt nó bằng cách sử dụng conda. Nếu không, bạn sẽ cần phải sử dụngpip .

Cài đặt nó với conda:

conda install jupyterthemes

hoặc pip

pip install jupyterthemes

Sau đó thay đổi chủ đề của bạn với

jt -t chesterish

Để tải chủ đề chesterish hoặc bất kỳ khác. Cuối cùng, tải lại trang. Các tài liệu và mã nguồn có tại đây: https://github.com/dunovank/jupyter-theme

Thực hiện theo các bước sau: -

Pip cài đặt các chủ đề.

pip install jupyterthemes

Sau đó, chọn các chủ đề từ các mục sau và đặt chúng bằng lệnh sau, Khi bạn đã cài đặt thành công, Nhiều người trong chúng ta nghĩ rằng chúng ta cần khởi động lại máy chủ jupyter, chỉ cần làm mới trang. Đặt chủ đề theo.

jt -t <theme-name>

Danh sách tên chủ đề

• onedork
• lớp 3
• đại dương16
• chesterish
• monokai
• năng lượng mặt trời
• năng lượng mặt trời

Sau khi tôi thay đổi chủ đề, nó cư xử kỳ lạ. Kích thước phông chữ nhỏ, không thể nhìn thấy thanh công cụ và tôi thực sự không thích giao diện mới.

Đối với những người muốn khôi phục chủ đề ban đầu, bạn có thể làm như sau:

jt -r

Bạn cần khởi động lại Jupyter lần đầu tiên bạn làm điều đó và sau đó làm mới là đủ để kích hoạt chủ đề mới.

hoặc trực tiếp từ bên trong máy tính xách tay

!jt -r

Bạn có thể làm điều này trực tiếp từ một sổ ghi chép mở:

!pip install jupyterthemes
!jt -t chesterish

Thay vì cài đặt thư viện bên trong Jupyter, tôi khuyên bạn nên sử dụng tiện ích mở rộng 'Dark Reader' - https://chrome.google.com/webstore/detail/dark-reader/eimadpbcbfnmbkopoojfekhnkhdbieeh trong Chrome (bạn có thể tìm thấy tiện ích mở rộng 'Dark Reader' trong Chrome trong các trình duyệt khác, ví dụ Firefox). Bạn có thể chơi với nó; lọc (các) URL bạn muốn có chủ đề tối hoặc thậm chí cách xác định chủ đề Tối cho chính bạn. Dưới đây là một vài ví dụ:

Tôi hy vọng nó sẽ giúp. Behrouz

Để cài đặt gói Jupytertheme trực tiếp với conda, hãy sử dụng:

conda install -c conda-forge jupyterthemes

Sau đó, như những người khác đã chỉ ra, thay đổi chủ đề với jt -t <theme-name>

Thay đổi đơn giản, toàn cầu về kích thước phông chữ Jupyter và màu nền bên trong & bên ngoài (thay đổi này sẽ ảnh hưởng đến tất cả các máy tính xách tay).

Trong Windows, tìm thư mục cấu hình bằng cách chạy lệnh: jupyter --config-dir

Trong Linux, nó là ~/.jupyter

Trong thư mục này tạo thư mục con custom Tạo tập tin custom.cssvà dán:

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

Cuối cùng - khởi động lại Jupyter. Kết quả:

Bạn có thể làm theo các bước này.

1. pip install jupyterthemeshoặc pip install --upgrade jupyterthemesđể nâng cấp lên phiên bản mới nhất của chủ đề.
2. sau đó để liệt kê tất cả các chủ đề bạn có:jt -l
3. sau đó jt-t <themename>chẳng hạnjt -t solarizedl

conda install jupyterthemes

đã không làm việc cho tôi trong Windows. Tôi đang sử dụng Anaconda.

Nhưng,

pip install jupyterthemes

làm việc tại Anaconda Prompt.

Giải pháp hoàn chỉnh của tôi:

1) Tải Dark Reader trên chrome, điều này không chỉ giúp bạn có được Chủ đề tối tuyệt vời cho Jupyter mà còn cho mọi trang web bạn muốn (bạn có thể chơi với các bộ lọc khác nhau. Tôi sử dụng Dynamic).

2) Dán các dòng mã đó vào sổ ghi chép của bạn để các huyền thoại và trục được hiển thị:

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

Bạn đã sẵn sàng cho một đêm mã hóa vũ trường!

Chỉ dành cho Chế độ tối: -

Tôi đã sử dụng Raleway Font để tạo kiểu

Đến tệp C: \ User \ UserName \ .jupyter \ custom \ custom.css

nối các kiểu đã cho, cái này dành riêng cho Dark Mode cho máy tính xách tay jupyter ...

Đây phải là tệp custom.css hiện tại của bạn: -

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

Nội dung được nối bắt đầu ngay bây giờ

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