JSSを搭載したJupyterLabのデータ駆動型スタイルとタイポグラフィ。
これはフリーソフトウェアです
ここでいくつかのことを試みて、あなたがそれをテストすることを招待しますが、それが良いか機能していることを保証するものではありません。それが意味することは、ライセンスの下部にある叫び声のテキストでカバーされています。
何かが壊れている場合は、貢献者になり、問題を提起しますが、どんな種類の応答時間も保証することはできません。同様に、PRSは時間をかけてレビューされます。
pip install jupyterlab-fonts
# or
conda install -c conda-forge jupyterlab-fontsあなたが行くのを見てすみません!
pip uninstall jupyterlab-fonts
# or
conda uninstall jupyterlab-fontsメインメニューからデフォルトのフォントを変更するには、 [設定]を選択します▶フォント▶コード▶フォント(またはサイズまたはラインの高さ)と希望する値。
コンテンツのいくつかの機能、つまりレンダリングされたマークダウンとHTMLも利用可能であり、時間の経過とともにさらに追加されることを願っています。
設定を選択して、利用可能なすべてのフォント構成を表示できます▶フォント▶グローバルフォント...。これらの値は、JupyterLab設定に保存されます。
.ipynbを表示するときは、ノートブックツールバーをクリックして、そのファイルのフォントのみを変更します(今すぐセルタイプの隣)。フォント、スタイルの変更、およびそのライセンス情報は、ノートブックメタデータに保存されます。
これにより、ノートブックファイルのサイズが急速に増加し、コラボレーションでの使用が難しくなる可能性があります。いくつかの変更アプローチを検討しています。
JupyterLabでは、高度なJSON設定のフォントセクションは、フォントとはまったく関係のないものを制御できます。高度にカスタマイズされたスタイルがフォントエディター、またはjupyterlab-fontsメタデータのダウンストリームアプリケーションとうまく機能するという保証はありません。
プレゼンテーションモードのときにノートブックファイルがどのように見えるかを変更する例を次に示します。
{
"styles" : {
":root" : {
"--jp-code-font-family" : " 'Fira Code Regular', 'Source Code Pro', monospace " ,
"--jp-code-font-size" : " 19px "
},
".jp-mod-presentationMode .jp-Notebook" : {
"& .CodeMirror, & .cm-editor" : {
"fontSize" : " 32px "
},
"& .jp-InputPrompt, & .jp-OutputPrompt" : {
"display" : " none "
}
}
}
}同様に、JupyterLabプロパティインスペクターは、ドキュメントレベルとセルレベルの両方で、特定の.ipynbファイルでこれらのカスタマイズを有効にします。これらは動的に生成され、ドキュメント/セルidにスコープされます。
上記の例は、jupyterlab(またはノートブック)の異なるバージョンが、次のような同じ論理コンテンツに対して異なるDOMクラスを使用する方法を示しています。
| 要素 | jupyterlab <4 | jupyterlab 4 |
|---|---|---|
| コードエディター | .CodeMirror | .cm-editor |
jss-preset-defaultプラグインのJSON互換性のすべての機能は、デフォルト設定で有効になり、以下に特定のメモがあります。移植性のために、動的なJSベースの機能はサポートされていません。
& (ampersand)は、W3C CSSネスティングモジュールによって標準化され、多くのブラウザーに実装されているように、ネストセレクターを可能にします。
すべての設定由来スタイルは、 @globalセレクターに包まれます。
overrides.jsonで使用しますoverrides.json 、ラボサーバーが開始された後でも、JupyterLab Coreおよびサードパーティの拡張機能のシンプルで宣言的な構成を可能にします。
{
"@deathbeds/jupyterlab-fonts:fonts" : {
"styles" : {
":root" : {
"--jp-code-font-family" : " 'Fira Code Regular', 'Source Code Pro', monospace " ,
"--jp-code-font-size" : " 19px "
}
}
}
}バインダーでは、 postBuildスクリプトでこれを展開する場合があります。
#! /usr/bin/env bash
set -eux
mkdir -p " ${NB_PYTHON_PREFIX} /share/jupyter/lab/settings "
cp overrides.json " ${NB_PYTHON_PREFIX} /share/jupyter/lab/settings " 同様に、これはJupyterLiteの有名なファイルであり、完全なテーマプラグインを構築および配布する必要なく、軽いカスタマイズを行うことを簡単にします。