kledgeb Ubuntuの使い方や日本語化、アプリの使い方を紹介しています。

エディターのスタイルを編集する

  いくつかのスタイルは、言語(ハイライトモードのモード)に依存しないスタイルです。
  これらのスタイルは、エディターの見た目に関するスタイルです。

  ここではエディターの見た目に関するスタイルを紹介します。
  以下のスタイルが定義されています。

  1. テキストの文字色と背景色
  2. テキスト選択時の色(フォーカスあり)
  3. テキスト選択時の色(フォーカスなし)
  4. カーソル(キャレット)の色
  5. カーソルがある行の色
  6. 行番号の文字色と背景色
  7. 対応するカッコの強調色

  注意

    一部のスタイルの設定が、他のスタイルに影響することがあります。
    例えば「行番号の文字色と背景色」を設定し、「テキストの文字色と背景色」を設定していない場合、「テキストの文字色と背景色」は「行番号の文字色と背景色」の設定と同じになります。

    「テキストの文字色と背景色」の設定も行えば、スタイルを別々にすることができます。

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

   括弧の背景色を指定します。

  スタイルの設定例

    ここでは例として、以下のように設定しました。


    以下のように表示されます。



関連コンテンツ
同一カテゴリーの記事
コメント
オプション