ハイライトの色は、次の CSS 変数をオーバーライドすることで変更できます。
--hljs-comment: コードコメントに使用されます--hljs-number: コード内の数値に使用されます--hljs-string: コード内の文字列に使用されます--hljs-literal: コード内のリテラル値に使用されます--hljs-tag: HTML/XML タグに使用されます--hljs-attribute: HTML/XML タグの属性に使用されます--hljs-symbol: コード内のシンボルに使用されます--hljs-bg: コードブロックの背景色に使用されます--hljs-builtin-name: 組み込み関数名に使用されます
例: 文字列の色をオーバーライドするには:
:root {
--hljs-string: pink;
}
使用されているハイライトライブラリである hljs は、例の degirum のような Python 識別子のハイライトをサポートしていない可能性がありますが、他の色を変更することでかなり近い表示にできるはずです。
フォントについては、それは奇妙です。コードブロックはデフォルトで等幅フォントで表示されるはずです。テーマで何かオーバーライドされていないか、再確認することをお勧めします。