LOG IN

Atomのシンタックスカラーをかわいく!

by aicocco/かんろ

起動するたびテンションUP!

最近メインで使っているテキスト・エディターはAtom

SublimeTextみたいな感じで使いやすくて便利です!

ただ、コードを書くのが苦手なのであまりテキスト・エディターにも思い入れがなかったのですが、シンタックスカラーを変更してみたらAtomを起動するとテンションが上がる!これはいい!(*´◒`*)

そんなわけで、Atomをかわいくしてみました!

まず、command+shift+pからコマンドパレットを開いて、themと入力してPackage Generator : Generate Syntax Theme を選択

my-theme-syntax > styles > colors.less からカラーを変更していきます
(myの部分はなにか別の名前を付けた方が良さそうです)

// These colors are specific to the theme. Do not use in a package!

@very-light-gray: #c5c8c6;
@light-gray: #969896;
@dark-gray: #282a2e;
@very-dark-gray: #1d1f21;

@cyan: #8abeb7;
@blue: #81a2be;
@purple: #b294bb;
@green: #b5bd68;
@red: #cc6666;
@orange: #de935f;
@light-orange: #f0c674;

こんな感じでカラー指定してあるので、そこのカラーコードを変えるだけ!

very-dark-grayは背景色だったり、light-grayがコメントの色だったりして色名と適用場所は関係ないので、どの色名がどの場所に適用されるのか調べつつ色を変更

変えたあとは、Settings > theme > Syntax Themeから自分が設定した名前のファイルを選ぶと、適用されて色が変わります

Atomを起動すると『かわいい!』とテンション上がるので、コーティング作業が(もしかしたら)捗るかも!

使いやすく環境設定整えるのは、大事ですね!(๑•̀ㅂ•́)و✧


aicocco/かんろ
OTHER SNAPS