onedork | 3级| oceans16 | chesterish | monokai | solarizedl | solarizedd

Question

我喜欢黑暗的主题。但是，Jupyter笔记本的默认主题很轻，我无法找到更改主题/背景颜色的选项。这是怎么做到的？

Answer 1

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

使用conda安装它：

conda install jupyterthemes

或pip

pip install jupyterthemes

然后用

更改主题

jt -t chesterish

加载chesterish主题或任何其他。最后，重新加载页面。文档和源代码位于：https://github.com/dunovank/jupyter-themes

Answer 2

请按以下步骤操作： -

pip安装主题。

pip install jupyterthemes

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

jt -t <theme-name>

主题名称列表

onedork | 3级| oceans16 | chesterish | monokai | solarizedl | solarizedd

Answer 3

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

!pip install jupyterthemes
!jt -t chesterish

Answer 4

建议您不要在Jupyter中安装库，而建议您在Chrome中使用“ Dark Reader”扩展名https://chrome.google.com/webstore/detail/dark-reader/eimadpbcbfnmbkopoojfekhnkhdbieeh（可以在其他浏览器（例如Firefox）中找到“ Dark Reader”扩展名）。你可以玩；过滤您要使用深色主题的网址，甚至过滤自己的深色主题。以下是几个示例：

我希望它会有所帮助。贝鲁兹

Answer 5

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

对于那些想要恢复原始主题的人，您可以按照以下步骤进行操作：

jt -r

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

或直接从笔记本内部

!jt -r

Answer 6

conda install jupyterthemes

在Windows中不适用于我。我正在使用Anaconda。

但是

pip install jupyterthemes

在Anaconda Prompt工作。

Answer 7

我的完整解决方案：

1）在Chrome上使用Dark Reader，不仅可以为Jupyter带来出色的Dark主题，而且可以为您想要的每个网站（您可以使用不同的滤镜。我使用Dynamic）。

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

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

你们都准备好参加迪斯科舞会了！

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

仅适用于黑暗模式：-

我已经使用Raleway字体进行样式设计

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

附加给定的样式，这是专门针对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;
}

Answer 10

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

conda install -c conda-forge jupyterthemes

然后，正如其他人指出的那样，使用jt -t <theme-name>

更改主题

Answer 11

如果有人有兴趣在启用主题的 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 12

您可以使用跑步笔记本中的 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 13

使用 FireFox 插件“Darker Jupyter”。

Answer 14

您可以按照以下步骤操作。

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

如何在Jupyter Notebook中更改主题？

14 个答案:

onedork | 3级| oceans16 | chesterish | monokai | solarizedl | solarizedd

仅适用于黑暗模式：-