Atomのエディタ部以外のフォントサイズの変更

Question

お世話になります。

Atomで、エディタ部のフォントサイズ変更は簡単にできるのですが
それ以外の部分（例えば画像下部のAtom Runnerの部分とか）のフォントサイズは変更できないのでしょうか。
以前使っていたVSCodeのときは変更できたのですが・・・。

よろしくお願いいたします。

Answer 1

View → Developer → Toggle Developer Tools から要素を調べて、変更する内容をスタイルシート styles.lessに書いてやることで変更可能です。
"AtomRunner:"という見出しの部分は"h1"、 標準出力部分は".output .stdout"、ステータスの部分は".footer"をそれぞれ以下のように適当なフォントサイズに変更すればできると思います。

.atom-runner {
    h1 {
    font-size: 30px;
    }
    .output .stdout {
    font-size: 20px;
    }
    .footer {
    font-size: 15px;
    }
}

Comments

[退会済みユーザー]

なるほど、こうやってやるのですね。
大変わかりやすかったです。
ありがとうございます！