10

前一个问题所述,现在可以编辑 Jupyter Lab 主题。然而,这个主题对我个人来说有一些问题。例如,它使绘图轴难以阅读,因为它们的默认颜色是黑色。其他用户 类似的问题。因此,我想分叉现有的主题并使绘图显示单元格为浅灰色。如何做到这一点?

我试图找到相应的.css文件,但我只能找到/usr/local/share/jupyter/lab/themes/@jupyterlab/theme-dark-extension/. 我知道我可以编辑index.css来实现我想要的,但是我该如何替代该主题并进行编辑呢?如何让 Jupyter Lab 知道我的自定义主题?

4

3 回答 3

2
  • 首先 fork Jupyter Lab 项目,然后编辑并提交您的更改。

  • 其次,去 Jupyter Lab 项目并提出 pull request。

  • 如果他们喜欢您的项目,他们会接受并将您的更改放在他们的主分支上

于 2018-06-28T07:51:41.163 回答
2

要扩展来自 @Payam Khaninejad 的答案,一旦您分叉了 Jupyter Lab 项目,您需要找到该variables.css文件并进行所需的编辑。

然后,您可以在 Github https://github.com/jupyterlab/jupyterlab/issues/3855上加入当前(发布时)问题,并获得帮助来格式化您的拉取请求以符合 Jupyter Lab 项目使用的样式。在此处为项目做出贡献的信息。


这是我写的另一个问题的回复,详细说明了对 Jupyter Lab 界面进行更改的步骤:

要编辑 Jupypter Lab 主题,您需要更改variables.css位于jupyterlab/packages/[THEME NAME]/style/

您可以检查您想要更改的 Jupyter Lab 的元素以找出它的类。我使用 Chrome DevToolsctrl+shift+i并单击各种 div 类,直到找到我想要更改的类。

获得要自定义的 div 类的名称后,将更改添加到variables.css文件中。这是我所做的更改和结果。

.jp-RenderedImage {
  background-color: #A4A4A4
}

将图形的背景更改为灰色以允许读取轴

您可以使用JupyterLab 贡献者之一创建的这个要点(第一个单元格中的代码来自哪里)来试验您对variables.css文件所做的更改。

于 2018-07-05T16:59:10.713 回答
1

我们使用的是 0.35.x 版本……以下步骤对我有用……它将创建轻主题的克隆,将其安装在 jupyter 实验室中,您可以从设置菜单中选择它。你可以自定义这个主题,构建它并在 jupyter lab 中产生效果

  • 从这里安装 miniconda https://docs.conda.io/en/latest/miniconda.html(选择 python3.7 之一)
  • 打开 Anaconda 终端,[在 windows 中转到搜索类型​​ Anaconda,选择终端]
  • 然后运行这个conda create -n jupyterlab-ext -c conda-forge --override-channels nodejs jupyterlab cookiecutter git
  • 从这里克隆 jupyterlab https://github.com/jupyterlab/jupyterlab.git
  • 切换分支git checkout 0.35.x
  • 然后 jlpm install jlpm build npm run create:theme
  • 将主题文件夹复制到您选择的本地主题文件夹以进行扩展开发。将 tsconfig.json 内容替换为以下内容

{ "compilerOptions": { "declaration": true, "lib": ["es2015", "dom"], "module": "commonjs", "moduleResolution": "node", "noEmitOnError": true, "noUnusedLocals": true, "outDir": "lib", "rootDir": "src", "strict": true, "strictNullChecks": false, "target": "es2015", "types": [] }, "include": ["src/*"] } [由此处的步骤创建https://jupyterlab.readthedocs.io/en/stable/developer/xkcd_extension_tutorial.html#xkcd-extension-tutorial]

在主题文件夹内..

  • 运行以下命令jlpm install, jlpm run build,jlpm run build:webpack
  • 打开另一个conda终端,进入repo文件夹并运行conda activate jupyterlab-ext then jupyter labextension install .
  • 然后在 conda 终端中conda activate jupyterlab-extjupyter lab --watch

对于 1.0 版,可以使用这个 cookie 切割器... https://github.com/jupyterlab/theme-cookiecutter

于 2019-05-27T09:45:13.140 回答