投稿した経緯

最近AtomからSublime textに変更しました。
ものすごく軽くて、設定もしやすいです。
乗り換えて大正解です！！

しかし、エンジニアの愛好家が多いためか、カラースキーマが黒色背景のものが多い。
黒のものをそのまま背景を白にしたためか、見えにくいものが多い。

ちなみに私はwebデザイナーです。
私が白色背景のエディターにこだわるのには、理由があります。

• webサイトって、基本白じゃん。白と黒を交互に見たらチカチカしないの？
• Color Highlighter を使ってコードに色をつけると、とにかくわかりづらい。
• Vimとの混乱を避けたい。
• 初めて使ったエディターが白背景だったため。（私はEmacsだった。)
• 黒より白の方が可愛いし、簡単そうに見えるじゃん！

しかし、黒色背景エディターの方が「エンジニアっぽい」「カッコいい！！」との理由で
圧倒的に多数派なんですよね...

なので白色背景エディター派の記事が全く無く、探すのが大変でした。
ここでは、私が見つけた白色背景エディターについてまとめました。

color scheme 一覧

()の中はパッケージ名です。
点数はあくまでも私の自己判断です。

Sixteen (default)

見やすさ　☆☆
キュート感 ☆☆☆☆
仕事感 ☆☆☆

黄緑が若干見えづらい。

Breakers (default)

見やすさ　☆
キュート感 ☆☆☆
仕事感　 ☆

文字がちょっと薄いかな。

MarkDownLight (MarkDownLight)

見やすさ　☆☆☆☆☆
キュート感 ☆
仕事感　 ☆☆☆

MarkDownの為に作られたテーマ。見やすくてシンプルです。

ayu-light (ayu)

見やすさ　☆
キュート感 ☆☆☆☆
仕事感　 ☆

有名なayuさんのテーマ。可愛い

Material-Theme-Lighter (Material Theme)

見やすさ　☆
キュート感 ☆☆☆☆☆
仕事感　 ☆

Materialデザイン感満載であるが...黒色背景だと見やすそう！

Eazy light (Eazy Light)

見やすさ　☆☆☆☆
キュート感 ☆☆☆
仕事感　 ☆☆☆

カッコいい系のデザイン。
見やすいコメント枠を求める人に良いかも。

Agola White (Agola)

見やすさ　☆☆☆
キュート感 ☆☆
仕事感　 ☆☆☆

子供っぽいのは嫌だ！と考えている人におすすめ

Agola Light (Agola)

見やすさ　☆☆☆☆
キュート感 ☆☆
仕事感　 ☆☆

エディターに統一感を求める人にとっては良いかも。

base16-unikitty-light (base16)

見やすさ　☆☆☆☆
キュート感 ☆☆☆☆
仕事感　 ☆☆☆

こういう濃いピンクが好きな女子いるよね。

base16-summerfruit-light (base16)

見やすさ　☆☆
キュート感 ☆☆☆☆☆
仕事感　 ☆☆☆

文章が水色なのが特徴。
プログラミング系には向いている？

base16-shapeshifter (base16)

見やすさ　☆☆
キュート感 ☆☆☆
仕事感　 ☆☆☆☆

蛍光緑が特徴的。

base16-one-light (base16)

見やすさ　☆☆☆
キュート感 ☆☆☆
仕事感　 ☆☆☆☆

シンプルなテーマ。MarkDownLight よりも優しい色合い。

base16-mexco-light (base16)

見やすさ　☆☆☆
キュート感 ☆☆☆☆
仕事感　 ☆☆☆☆

背景が真っ白なので、base16-one-lightよりも見やすい。

base16-material-lighter (base16)

見やすさ　☆☆☆☆
キュート感 ☆☆☆☆
仕事感　 ☆☆☆

珍しい青色エディター。

base16-google-light (base16)

見やすさ　☆☆☆☆☆
キュート感 ☆☆☆
仕事感　 ☆☆☆☆☆

何より見やすい。緑がかなり濃い。コーダーに慣れた色合い。

base16-classic-light (base16)

見やすさ　☆☆
キュート感 ☆☆
仕事感　 ☆☆☆

全体的にちょっと暗めにしたい人向け

base16-atelier-sulphurpool-light (base16)

見やすさ　☆☆
キュート感 ☆☆☆☆
仕事感　 ☆☆

背景が青色。文字が多めになると、見えづらくなるかも。

base16-atelier-seaside-light (base16)

見やすさ　☆☆
キュート感 ☆☆☆☆
仕事感　 ☆☆

背景が緑色。文字が緑のところは見づらいかも。

テーマを探すなら

https://packagecontrol.io/browse/labels/color%20scheme
ここでテーマが人気順で見れます。
スクリーンショットが載っているのも多いので、探してみると良いと思います。

今回のSetting内容（一部）

preference->settingで編集できます。
見た目の部分のみにピックアップしました。
文字が見えにくい場合は、こちらの設定を見直すと良いと思います。

{
    "theme": "ayu-light.sublime-theme",
    "font_size": 18,
    "font_face": "Ricty Diminished"
    "tab_size": 2,
    "line_padding_bottom": 2,
    "line_padding_top": 2,
    "margin": 0
}

最後に

間違いがあれば、教えていただけるとありがたいです。
もしお気に入りの白色背景カラースキーマがあれば、共有してください！