vscodeでパターンにマッチする箇所の背景色を変更する方法

Question

vscodeでエディター全体の背景色を変更する場合は、setting.jsonに以下のような記述をすれば良いです。

   "workbench.colorCustomizations": {
            "editor.background": "#2B1B17"
    }

しかし、特定のパターンにマッチさせ、その箇所の背景色だけ変更したいです。
例えばマークダウンのヘッダーなどです。

# header1

上記をマッチさせるには以下の正規表現で良いと思います。

^# *$

このような条件付はjsonファイル上で可能でしょうか？

Answer 1

TakaiYさんの回答内のリンク先に記載のあったhighlight という拡張機能で実現できそうです。

Highlight - Visual Studio Marketplace

参考
VSCodeでさっくり作る快適な執筆環境。オススメ拡張機能3つ。｜リョウ｜note
(説明追記)
拡張機能をインストールすると、setting.jsonに "highlight.regexes": {の項目が追加されているので適宜修正します。

	"highlight.regexes": { // (編集)修正しました
		"highlight.decorations": { "rangeBehavior": 3 },
		"highlight.regexFlags": "gi",
		"highlight.regexes": {
			  
			"(見出し).*": [
			  {
				"backgroundColor": "rgba(255, 0, 0, 0.5)",
			  }
			],
			"(\n# \S+|^# \S+)\s": { // (編集)不要な;が入っていたので削除
				"regexFlags": "gi", // Flags used when building this regex
				"filterFileRegex": ".*\.txt",
				"decorations": [
					{
						"backgroundColor": "rgba(255, 255, 0, 0.5)",
					}
				]
			},

		},
		"highlight.maxMatches": 250,
	}

"filterFileRegex": ".*.txt", でtxtファイルのみ適用するようにしています。
細かい仕様は拡張機能の説明を確認してください。

どうも文全体を1行とみているようで ^ は一番上の行しかマッチしないようでした。
そのため1行目もマッチするように | でわけています。

上記は 行頭が# [空白以外の文字列] までマッチするようにしていますが、
行頭# [空白以外の文字列]以降任意 の 行全体にマッチさせたい場合は、下記のようにします。

			"(\n# .+|^# .+)": 

---

以下、一般的な行単位の正規表現の話です。
質問文の正規表現ですが、

^# *$

上記だと 行頭# の次に半角スペースが０個以上で終わる行 を意味します。
"#"で行頭が始まり、半角スペースが１つ、任意の空白含む文字列が0個以上を表したい場合は

^# .*$

となります。

Comments

[TakaiY]

これ、よさそうですね。

[blendegg]

回答遅れました。
実現するには自分でアドオンなり作らないといけないんですね、、、。

[blendegg]

もらったコードですが、自分の環境では何故か動きませんでしたね。

[Crimson_Tide]

>> 実現するには自分でアドオンなり作らないといけないんですね、、、。
これの意味するところは、「標準機能では実現できない」「これを実現するために、拡張機能は自分自身で作る必要がある」のどちらでしょうか。
前者なら少なくとも私は知りません。後者ならNO この拡張機能を入れればいいだけです。

Highlight 拡張機能を入れていない状態で、コードを使ったとしたら、当然動作しません。拡張機能が入っている前提です。
拡張機能を入れたけど、動作しないのであればsetting.jsonへの記述ミスか、そのまま使ったのなら txtファイルに記述していない のどちらかだと思います。

Answer 2

設定で、正規表現にマッチする部分の背景色を変更することはできないと思います。

MDのヘッダの背景の色を変更するという目的に最も合うのは、Themeのシンタックスハイライト機能を使うことだと思います。
ただ、それでも背景色は変更できないようです。できるようにして欲しいという要望は出ていますが、まだ解決していません。

Comments

[blendegg]

検索で強調表示にでもしますか。
強調表示がないと見づらいです。

vscodeは便利なので使用していましたが、別のエディタも使おうかと思います。
ご存知かわかりませんが、gvimなどではこのような設定は可能なんでしょうか？