エディターのスタイルを編集する
いくつかのスタイルは、言語（ハイライトモードのモード）に依存しないスタイルです。これらのスタイルは、エディターの見た目に関するスタイルです。
ここではエディターの見た目に関するスタイルを紹介します。
以下のスタイルが定義されています。
- テキストの文字色と背景色
- テキスト選択時の色（フォーカスあり）
- テキスト選択時の色（フォーカスなし）
- カーソル（キャレット）の色
- カーソルがある行の色
- 行番号の文字色と背景色
- 対応するカッコの強調色
注意
一部のスタイルの設定が、他のスタイルに影響することがあります。例えば「行番号の文字色と背景色」を設定し、「テキストの文字色と背景色」を設定していない場合、「テキストの文字色と背景色」は「行番号の文字色と背景色」の設定と同じになります。
「テキストの文字色と背景色」の設定も行えば、スタイルを別々にすることができます。
1.テキストの文字色と背景色
テキストの文字色と背景色です。テキストの文字色と背景色は、「Default styles」の「text」スタイルから設定します。
Foreground
文字色を指定します。Background
文字（エディター）の背景色を指定します。スタイルの設定例
ここでは例として、以下のように設定しました。
以下のように表示されます。
2.テキスト選択時の色（フォーカスあり）
テキスト選択時の色です。フォーカスがある時の色です。（カーソルがセットされている時）
テキスト選択時の色は、「Default styles」の「selection」スタイルから設定します。
Foreground
テキスト選択時の文字色を指定しますBackground
テキスト選択時の文字の背景色を指定しますスタイルの設定例
ここでは例として、以下のように設定しました。
以下のように表示されます。
3.テキスト選択時の色（フォーカスなし）
テキスト選択時の色です。フォーカスがない時の色です。（カーソルがセットされていない時）
テキスト選択時の色は、「Default styles」の「selection-unfocused」スタイルから設定します。
Foreground
テキスト選択時の文字色を指定しますBackground
テキスト選択時の文字の背景色を指定しますスタイルの設定例
ここでは例として、以下のように設定しました。
以下のように表示されます。
4.カーソル（キャレット）の色
カーソル（キャレット）の色です。カーソルの色は、「Default styles」の「cursor」スタイルから設定します。
Foreground
カーソル（キャレット）の色を指定しますスタイルの設定例
ここでは例として、以下のように設定しました。
以下のように表示されます。
5.カーソルがある行の色
カーソルがある行の色です。「カーソルのある行を強調表示する」に関係するスタイルです。
カーソルがある行の色は、「Default styles」の「current-line」スタイルから設定します。
Background
カーソルがある行の色を指定しますスタイルの設定例
ここでは例として、以下のように設定しました。
以下のように表示されます。
6.行番号の文字色と背景色
行番号の文字色と背景色です。「行番号を表示する」に関係するスタイルです。
行番号の文字色と背景色は、「Default styles」の「line-numbers」スタイルから設定します。
Foreground
行番号の文字色を指定します。Background
行番号の文字（エディター）の背景色を指定します。スタイルの設定例
ここでは例として、以下のように設定しました。
以下のように表示されます。
7.対応するカッコの強調色
対応するカッコの強調色です。「対応するカッコを強調表示する」に関係するスタイルです。
行番号の文字色と背景色は、「Default styles」の「bracket-match」スタイルから設定します。
太字
括弧の文字を太字にします。斜体
括弧の文字を斜体にします。下線
括弧の文字を下線にします。取り消し線
括弧の文字を取り消し線にします。Foreground
括弧の文字色を指定します。Background
括弧の背景色を指定します。スタイルの設定例
ここでは例として、以下のように設定しました。
以下のように表示されます。
