背景
デフォルトの青文字だと見ずらいし,
見出しや太字でそれぞれ違う色の方が分かりやすいなと不満に思うようになった.
そこで,見出しを緑・太字を赤にして,自分の見やすいように文字色を上書きで変更をしようと思った.
方法に関して調べても意外と出てこないので,環境設定メモの一部として残しておこうと思う.
方法:「基本設定:ユーザー設定を開く(JSON)」に色指定を記述
{
###他の"editor.***"とかある部分###
"editor.tokenColorCustomizations": {
"textMateRules": [
{
"scope": ["markup.bold"],
"settings": {
"foreground": "#F55F49" // md太字の色
}
},
{
"scope": ["markup.heading"],
"settings": {
"foreground": "#52FA62" //mdヘッダーの色
}
},
{
"scope": ["markup.fenced_code.block.markdown"],
"settings": {
"foreground": "#69dfff" //mdブロック
}
}
]
}
}
それぞれ,「scope」を指定して,対象のscopeの部分のみ色を変える仕様.
上記の例で行くと,マークダウンの見出しは"markup.heading"
に当たる.
補足
カラーコードでの設定が面倒
色が表示されてる四角にカーソルを乗せると,カラーパレットから指定できるのでそっちの方が楽.
scope名を探すのが面倒
上記の例では,斜体(イタリック体)にカーソルを合わせている.
斜体のスコープは,markup.italic
となり,見出し同様設定の変更が可能.