更改 Jupyter Notebook 中的主题？

Question

我喜欢深色主题。但是Jupyter notebooks的默认主题是light，我找不到更改theme/background-color的选项。这是怎么做到的？

Answer 1

使用 Kyle Dunovan 的 jupyter-themes 包很容易做到这一点。您可以使用 conda 安装它。否则，您将需要使用 pip.

用conda安装：

conda install -c conda-forge jupyterthemes

或点：

pip install jupyterthemes

您可以通过以下方式获取可用主题列表：

jt -l

所以改变你的主题：

jt -t theme-name

加载主题，最后重新加载页面。文档和源代码是 here.

Answer 2

按照以下步骤操作

使用 pip 安装 jupyterthemes：

pip install jupyterthemes

然后从以下主题中选择并使用以下命令设置它们，安装成功后，我们很多人认为我们需要重新启动jupyter服务器，刷新页面即可。

使用以下命令设置主题：

jt -t <theme-name>

可用主题：

一个人
3级
海洋 16
切斯特
物会
日晒
日晒

可用主题的屏幕也可在 Github repository 中找到。

Answer 3

您可以直接从打开的笔记本中执行此操作：

!pip install jupyterthemes
!jt -t chesterish

重新启动主题应用程序的 jupyter 服务器

Answer 4

conda install jupyterthemes

在 Windows 中对我不起作用。我正在使用 Anaconda。

但是，

pip install jupyterthemes

曾在 Anaconda Prompt 工作。

Answer 5

在我更改主题后，它表现得很奇怪。字体很小，看不到工具栏，我真的不喜欢新外观。

想要恢复原版主题的可以按如下方式操作：

jt -r

您需要在第一次执行时重新启动 Jupyter，稍后刷新足以启用新主题。

或直接从笔记本内部

!jt -r

Answer 6

您可以按照这些步骤操作。

pip install jupyterthemes 或 pip install --upgrade jupyterthemes 升级到最新版本的主题。
之后列出您拥有的所有主题：jt -l
之后jt-t <themename>例如jt -t solarizedl

Answer 7

要直接使用 conda 安装 Jupyterthemes 包，请使用：

conda install -c conda-forge jupyterthemes

然后，正如其他人指出的那样，将主题更改为 jt -t <theme-name>

Answer 8

Jupyter 字体大小和内外背景颜色的简单全局更改（此更改将影响所有笔记本）。

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

最后 - 重启 Jupyter。结果：

Answer 9

我建议您在 Chrome 中使用 'Dark Reader' extension 而不是在 Jupyter 中安装库（您可以在其他浏览器中找到 'Dark Reader' 扩展，例如火狐）。你可以玩它；过滤 URL(s) 你想要深色主题，或者甚至如何为自己定义深色主题。下面是几个例子：

希望对您有所帮助。

Answer 10

我的完整解决方案：

1) chrome 上的 Get Dark Reader 这不仅会给你一个很棒的 Jupyter 深色主题，还会为你喜欢的每个网站提供一个很棒的深色主题（你可以使用不同的过滤器.我用的是Dynamic).

2) 将这些代码行粘贴到笔记本中，使图例和轴可见：

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

你已经准备好参加迪斯科编程之夜了！

Answer 11

仅适用于深色模式：-

我使用 Raleway 字体进行样式设置

到C:\User\UserName\.jupyter\custom\custom.css文件

附加给定的样式，这是专门针对 jupyter notebook 的深色模式...

这应该是您当前的 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;
}

Answer 12

如果有人对运行启用主题的 docker anaconda 感兴趣

docker run -t --rm -p 8888:8888 -v $(pwd):/opt/notebooks continuumio/anaconda3 /bin/bash -c "pip install jupyterthemes; jt -t onedork; /opt/conda/bin/jupyter notebook --ip=0.0.0.0 --port=8888 --notebook-dir=/opt/notebooks --allow-root --no-browser;"

Answer 13

您可以使用 set_nb_theme 在运行笔记本

中更改主题

!pip install jupyterthemes

from jupyterthemes import get_themes
import jupyterthemes as jt
from jupyterthemes.stylefx import set_nb_theme

set_nb_theme('chesterish')

从 https://www.kaggle.com/getting-started/97540

粘贴

Answer 14

使用 FireFox 插件“Darker Jupyter”。

Answer 15

!pip install jupyterthemes

运行这个图书馆：

from jupyterthemes import get_themes
import jupyterthemes as jt
from jupyterthemes.stylefx import set_nb_theme

还有这个：

set_nb_theme('monokai')

主题：

'monokai', 'chesterish', 'oceans16', 'solarizedl', 'solarizedd', 'grade3', 'onedork'

Answer 16

如前所述，您可以安装使用更广泛的jupyterthemes。
但是，我也可以更喜欢并推荐 jupyter-themer，它更易于使用并且不会影响 jupyter-notebook.

的默认形状

安装：pip install jupyter-themer

包含文档和示例的存储库（*目前，示例存储在未合并的 pull-request 中）：@github: jupyter-thamer

我最喜欢的定制：jupyter-themer -b dark -c zenburn。

更改 Jupyter Notebook 中的主题？

Change the Theme in Jupyter Notebook?

themes

editor

jupyter-notebook

仅适用于深色模式：-