【SublimeText】テキストの背景色と コードの 文字色を変えるシンタックス設定

SublimeText をインストールした直後は このように黒い背景に白文字の状態ですよね。

この文字 ( コード ) に色を付けて表示させるには シンタックス の設定と
カラースキーマ のテーマを設定が必要になります。

シンタックス と カラースキーマの 組み合わせによって 文字色も変化するので
自分に合ったデザインを探してみてはいかがでしょうか？

シンタックスの設定で コードに色を付ける

メニューバーから 表示 をクリックすると 画面の 表示に関する設定項目が ずらっと表示されます!!

シンタックスという項目にカーソルを合わせると、またまた ずらっと
今度は プログラミング言語が表示されます。

たくさんのプログラミング言語がありますが、私たちが主に使用するのは CSS や HTML です。
今回は CSS を 選択していきます。

これで、文字に色を付けることができました。

カラースキーマで テキストの背景を選択する

カラースキーマの設定は メニューバーの 基本設定を開きます。

カラースキーマを選択し テキストのテーマデザインを選択できます。

こちらの 5種類のテーマがありますが、
一般的に知られている SublimeTextのテーマは Monokai ですので、デフォルトではMonokai になっているはず。

他のデザインを みてみましょう。

まとめ

セレクタ や プロパティごとに 細かく色分けされているのは Monokai と Sixteen ですね。
初心者向けとしては このどちらかが見やすいのではないでしょうか？

スキームテーマによって 背景や コードごとの文字色が設定されますが
選択するプログラミング言語によっても 文字色が変化するので よく使用する言語で確認してみてください。

もっとこだわりたい場合は SublimeText のプラグインを利用して
スキームテーマを 変更することも出来るので また改めてご案内できればと思っています。