jupyterlab - 更改样式 - 字体,字体大小

时间:2017-11-01 04:30:58

标签: python css jupyter-lab

我最近更新到最新版本的JupyterLab(0.28.12)。我在Windows上。

我已尝试调整位于我的Miniconda / Anaconda文件夹的variables.css中的\Lib\site-packages\jupyterlab\themes\@jupyterlab\theme-light-extension文件。我主要想要更改字体系列和大小,我尝试使用variables.css文件。但是,我看不到任何变化。

我走到了删除两个主题文件夹的极端点,但我仍然可以通过Lab界面更改主题而没有问题。

JupyterLab主题.css文件位于何处?或者我怎样才能找到它们?我搜索了css个文件,themes子文件夹似乎是他们唯一的位置。我似乎无法在我的用户目录中找到c:\Users\User\.jupyter的任何位置,其中.css文件是针对Jupyter Notebook的。

谢谢!

5 个答案:

答案 0 :(得分:5)

来自http://jupyterlab.readthedocs.io/en/latest/user/extensions.html?highlight=themes

  • 主题目录包含JupyterLab主题扩展的资源(例如CSS和图标)。
  • themes目录位于JupyterLab应用程序目录中,默认为<sys-prefix>/share/jupyter/lab,其中<sys-prefix>是当前Python环境的特定于站点的目录前缀。您可以通过运行jupyter lab path
  • 来查询当前的应用程序路径

答案 1 :(得分:5)

我现在正在Ubuntu上运行版本0.35.4,可以在顶部菜单中选择的“设置”->“高级设置编辑器”中编辑字体。

可以通过更改原始视图中的json字符串来设置许多选项。参见下图:

enter image description here

答案 2 :(得分:3)

现在可以通过 Settings 菜单更改界面中大多数元素的字体大小。例如:Settings->JupyterLab Theme->Increase Code Font Size 等。

注意:如果勾选 View->Presentation Mode,这些不会改变。

要更改字体样式,您仍然需要转到 Settings->Advanced Settings Editor(如其他答案中所述)-并且还可以在那里更改字体大小-即使 Presentation 也会生效模式已启用。

答案 3 :(得分:2)

我在ubuntu上,因此可能必须适应Windows。如@ vince-w所示,UI中提供了用于单元格编辑的字体。我只是将最小设置复制到了我的用户设置。

{
    "codeCellConfig": {
        "fontFamily": "DejaVu Sans Mono",
        "fontSize": 15,
        "lineHeight": 1.2,
    },
    "markdownCellConfig": {
        "fontFamily": "M+ 2p",
        "fontSize": 16,
        "lineHeight": 1.2,
    },
    "rawCellConfig": {
        "fontFamily": "M+ 2p",
        "fontSize": 16,
        "lineHeight": 1.2,
    }
}

一切正常,除了笔记本中的标记降价。为了解决这个问题,我在conda env中找到了css文件,并直接对其进行了修改。 @苗晧宇说的差不多。更改明暗路径。

$HOME/anaconda3/envs/YOUR_ENV_NAME_HERE/share/jupyter/lab/themes/@jupyterlab/theme-dark-extension/index.css

  /*                       vvvv changed from 14px  */
  --jp-content-font-size1: 16px; /* Base font size */

  /*                        vvvv inserted at the front  */
  --jp-content-font-family: 'M+ 2p', -apple-system, BlinkMacSystemFont, 'Segoe UI',

我尝试在$HOME/.jupyter/lab/themes/@jupyterlab/theme-dark-extension/index.css中创建该index.css文件的副本,但是jupyterlab忽略了该文件。

答案 4 :(得分:0)

您应该在网站上更改字体大小。对于代码编辑器,应位于Settings->Fonts->Code->Size;对于主要内容,应位于Settings->Fonts->Content->Size css文件应为<prefix>/share/jupyter/lab/themes/@jupyterlab/<your theme>/index.css。 要更改字体,请在css文件中查找与设置字体类似的所有位置,然后进行更改。