Python 扩展中 Jupyter 的自定义 CSS

Question

我想通过修改 Python 扩展中的 CSS 来将自定义图标添加到 Jupyter。

我知道 CSS 文件在哪里。但是，当我直接修改它们时，我的修改完全被忽略了。

例如，如果我修改以下文件的内容：

../out/datascience-ui/history-react/menuBar.css

发件人：

.menuBar {
    margin-top: 2px;
    margin-bottom: 2px;
    display: flex;
    flex-direction: row-reverse;
    justify-content: right;
 }

收件人：

.menuBar {
    margin-top: 2px;
    margin-bottom: 2px;
    display: flex;
    flex-direction: row-reverse;
    justify-content: right;
    background-color: #b9b8b8;
 }

我添加的行被完全忽略。我想知道有效进行此更改的最简单方法。理想情况下，我想在 Github 上询问这个扩展的开发人员，他们肯定知道答案。但是，Github 并不是为获得此类帮助而设置的。

Answer 1

我是此扩展程序的开发人员之一。我在github上回答了，但我也想把答案放在这里，以防有人看这里。

我不认为单独调整 .css 文件的路径会给你带来最好的结果。如果你想看看 webview 的主题是如何工作的，我建议从这个文件开始： https://github.com/microsoft/vscode-python/blob/master/src/client/datascience/codeCssGenerator.ts

它包含两个有趣的东西，首先你可以看到我们如何扫描 vs 主题文件以尝试提取正确的文件并将它们呈现到我们的 webview 中。其次，您可以看到我们用于“忽略主题”设置的 DefaultCssVars。