先日、主に使っているテキストエディタ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と同じ配色に見えるが、やはり<></>の色が白である点が気になる。
気にしだすとキリがないが、ここは修正したいところである。
<リンク>