如何编辑jupyter实验室主题

Question

作为described in a previous question，现在可以编辑Jupyter Lab主题。但是，这个主题对我个人来说有一些问题。例如，它使绘图轴难以阅读，因为它们的默认颜色是黑色。其他用户have had similar problems。因此，我想分叉现有主题并使绘图显示单元格呈浅灰色。如何做到这一点？

我试图找到相应的.css文件，但我找到的只有/usr/local/share/jupyter/lab/themes/@jupyterlab/theme-dark-extension/。我知道我可以编辑index.css来实现我想要的，但是我该如何分叉该主题并对其进行编辑？如何让Jupyter Lab了解我的自定义主题？

Answer 1

• 首先派生Jupyter Lab项目，然后编辑并提交您的 变化。

• 第二，转到Jupyter Lab项目并询问请求请求。

• 如果他们喜欢您的项目，他们将接受并进行您的更改 他们的主分支

Answer 2

在分支了Jupyter Lab项目后，要扩展@Payam Khaninejad的答案，您需要找到variables.css文件并进行所需的编辑。

然后，您可以在Github https://github.com/jupyterlab/jupyterlab/issues/3855上加入最新一期（发布时），并获得格式化您的拉取请求的格式以符合Jupyter Lab项目所使用样式的帮助。有关为项目here做出贡献的信息。

---

这是我写的another question回复，其中详细说明了更改Jupyter Lab界面的步骤：

要编辑Jupypter Lab主题，您需要更改jupyterlab/packages/[THEME NAME]/style/中的文件variables.css

您可以检查要更改的Jupyter Lab元素，以查找其类。我使用了Chrome DevTools ctrl+shift+i，然后单击各种div类，直到找到要更改的类。

一旦有了要自定义的div类的名称，就将更改添加到variables.css文件中。这就是我所做的更改和结果。

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

您可以使用JupyterLab贡献者之一创建的this gist (where the code in the first cell comes from)来试验对variables.css文件所做的更改。

Answer 3

我们正在使用版本0.35.x ... 以下步骤对我有用...它将创建一个浅色主题的副本，将其安装在jupyter实验室中，您可以从设置菜单中进行选择。您可以自定义此主题，进行构建并在jupyter实验室中发挥作用

• 从此处https://docs.conda.io/en/latest/miniconda.html安装miniconda（选择python3.7一个）
• 打开Anaconda终端，[在Windows goto搜索类型Anaconda中，选择终端]
• 然后运行此conda create -n jupyterlab-ext -c conda-forge --override-channels nodejs jupyterlab cookiecutter git
• 从此处https://github.com/jupyterlab/jupyterlab.git
克隆jupyterlab
• 使用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终端，转到仓库文件夹并运行conda activate jupyterlab-ext then jupyter labextension install .
• 在conda终端机conda activate jupyterlab-ext中，然后jupyter lab --watch

对于1.0版，可以使用此Cookie切割器... https://github.com/jupyterlab/theme-cookiecutter