テキストエディタの配色を同じにする(1)

 先日、主に使っているテキストエディタATOM最新版で文字化けした。そこで、

サブのテキストエディタとしてSublime Text3を使ってみた。

しかし、エディタにより配色が違うので、作業する上で違和感が残る・・・。

1)ATOMのHTML文の配色(シンタックステーマ=Atom Dark)

 

2)Sublime Text3のカラースキーム編集ができるサイトtmTheme EditorでAtom Darkを

 捜して適用しようと思ったが、右下のメニューでHTMLを選択すると以下のようになり全く違う・・・。

 

3)tmTheme Editorでの文字タイプと色を調べる

  まずmetaに代表される文字タイプの色を調べるには、画面下中央部のScope Hunterをクリックし、

 それからmetaの文字をクリックする。そうすると、画面下部に次のようなサブ画面が表示される。

 

4)tmTheme Editorでの文字タイプと色の設定

 A)サブ画面の2段目Matching RuleのNameに表示されるTag nameに対応する名前を

  左側の画面から探す。

 B)該当する名前の右側の矩形(色付き)をクリックすると色の設定小画面が表示される。

 C)設定欄に16進数の値を入れる(薄い水色#8ecbfe)と、下記のように変わる。

 

5)カラースキームデータの設定

 上記のように変更してから画面左上の緑色のDownloadをクリックするとXXX.tmThemeファイルを

ダウンロードできる。そのファイルをSublime Text3のユーザーファイル(自分の場合は下記)に入れる。

  C:\Users\(ユーザー名)\AppData\Roaming\Sublime Text 3\Packages\User

Sublime Text3を起動し、基本設定ーColor SchemeーUserー(ダウンロードしたファイル)で選択する。

 

6)tmTheme Editorで変更した結果は、以下のようになる。

 不満な点は次の1つある。

 ・<></>の色が白でTagの色(薄い水色)にできない。

 

<個人的な感想>

 全体的な印象はATOMと同じ配色に見えるが、やはり<></>の色が白である点が気になる。

気にしだすとキリがないが、ここは修正したいところである。

 

<リンク>

ブログのトップページは、こちら

バタイユゲーム情報班のホームページは、こちら