更改Jupyter Notebook中的主题?


Answers:


282

使用jupyter-themesKyle Dunovan 的软件包可以很容易地做到这一点。您可能可以使用安装它conda。否则,您将需要使用pip

使用conda安装它:

conda install jupyterthemes

或点子

pip install jupyterthemes

然后使用

jt -t chesterish

加载切斯特主题或其他主题。最后,重新加载页面。文档和源代码在这里:https : //github.com/dunovank/jupyter-themes


29
注意-我必须重新启动jupyter服务器才能正常工作。
阿米尔F

9
第一次可能需要重新启动jupyter notebook才能正常工作,但是下一次,只需jt -t <themes>在终端上更改并重新加载笔记本页面即可。对我来说,它的行为类似于这样。
iNet

10
jupyterthemes不在conda上,也不在conda- pip
forge上

13
添加conda-forge频道后,我的确做到了conda的成功 conda config --add channels conda-forge
欧内斯特(Ernest)

11
如果jupyterthemes在conda-forge上,答案应该conda install jupyterthemes -c conda-forge是必需的,或者建议不要使用conda进行安装。
mmagnuski

90

跟着这些步骤:-

pip安装主题。

pip install jupyterthemes

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

jt -t <theme-name>

主题名称列表

  • Onedork
  • 三年级
  • 海洋16
  • 切斯特式的
  • Monokai
  • 日光化
  • 日晒

1
列出了两件事:1.阻止启动jupyter服务器。2.主题连词/名称
Sahil Nagpal

7
这实际上并不能保证有新的答案。只需对现有的内容进行较小的编辑。
让·弗朗索瓦·科贝特

5
还有一个Chrome扩展为这个。它基本上做同样的事情,但是没有终端交互。
iNet

2
经典主题的名称是什么?如果要还原并返回到原始经典影片?
ZelelB

3
为了完整起见,除了列出的主题外,还提供了以下两个主题:gruvboxd,gruvboxl(截至2019
subtleseeker

48

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

对于那些想要还原原始主题的人,可以按以下步骤进行:

jt -r

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

或直接从笔记本内部

!jt -r

4
关于如何恢复原始主题的荣誉
Briford Wylie

28

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

!pip install jupyterthemes
!jt -t chesterish

您不必重新启动jupyter服务器才能使其生效吗?
drevicko

没错,如果我没记错的话,您需要重新启动内核
Amir F

20

相反,安装内Jupyter库的,我会建议你使用'暗读者扩展- https://chrome.google.com/webstore/detail/dark-reader/eimadpbcbfnmbkopoojfekhnkhdbieeh在Chrome(你可以找到'黑暗读者扩展在其他浏览器(例如Firefox)中。你可以玩;过滤您想要使用深色主题的网址,甚至过滤自己的深色主题。以下是几个示例:

在此处输入图片说明

在此处输入图片说明

希望对您有所帮助。贝鲁兹


我认为这是最好的方法,因为我们通常想要它提供的深色主题,此外,仅通过单击即可轻松检查所创建文档的真实外观。(在发布时很重要)
M. Doosti Lakhani

是的...这一切都很好,但是《黑暗阅读器》不知道jupyter笔记本应该为单词加上颜色。没有语法着色,这使此选项成为禁止。
darlove

@darlove,至于我与它的工作,有一个“语法着色”存在(如“for循环”的语法有相同的颜色在你的代码。
贝洛兹贝赫什提

我不了解您,但是《黑暗阅读器》很好地突出了我的语法。同样,这个扩展是一个救命工具。
与数学相关的科学

1
不过有一个问题。如果尝试使用鼠标选择一些字符,则该选择在黑色背景上不可见。
kaushalpranav

7

要直接使用conda安装Jupyterthemes软件包,请使用:

conda install -c conda-forge jupyterthemes

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


6

Jupyter字体大小以及内部和外部背景颜色的简单全局更改(此更改将影响所有笔记本电脑)。

在Windows中,通过运行以下命令找到config目录: 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。结果:

较暗的背景


拜托,如何撤消呢?
阿米奴·卡诺

1
删除您创建的文件(custom.css),然后重新启动Jupyter。
rafal chlopek

它可以工作,但是我必须清除浏览器缓存。
阿米努·卡诺

5

您可以按照下列步骤。

  1. pip install jupyterthemespip install --upgrade jupyterthemes升级到最新版本的主题。
  2. 之后列出您拥有的所有主题:jt -l
  3. 之后jt-t <themename>,例如jt -t solarizedl

4
conda install jupyterthemes

在Windows中没有为我工作。我正在使用Anaconda。

但,

pip install jupyterthemes

在Anaconda Prompt工作。


7
您需要为conda install -c conda-forge jupyterthemes
conda

1

我的完整解决方案:

1)在Chrome上使用Dark Reader,不仅可以为Jupyter提供一个出色的Dark Theme,而且可以为您想要的每个网站提供一个深色主题(您可以使用不同的过滤器。我使用Dynamic)。

2)将这些代码行粘贴到笔记本中,以便图例和轴可见:

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

迪斯科编码之夜准备就绪!


1

仅适用于黑暗模式:-

我已经使用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;
}

Jupyter笔记本的暗模式

Jupyter笔记本的暗模式

By using our site, you acknowledge that you have read and understand our Cookie Policy and Privacy Policy.
Licensed under cc by-sa 3.0 with attribution required.