21
17

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 5 years have passed since last update.

Atomをstyle.lessの記述のみで光らせる

Posted at

Atomいいですね
スクリーンショット 2016-01-16 1.33.34.png

何がいいって、エディタをCSS(less)でいろいろできるところがいいです。
冬なのにイルミネーションを見に行かなかったので、文字を光らせます。

style.less のatom-text-editor{}内に以下を追加

style.less
    text-shadow:
        0 0 0px #555555,
        0 0 0px #888800,
        0 0 0px #555555,
        0 0 10px rgba(135,135,135,1),
        0 0 10px,
        0 0 13px,
        0 0 15px;

数値はお好みで(自分も試行錯誤中)
文字の近くは灰色を指定
遠く4つ目の引数に色を指定しないことで
シンタックスハイライトの色のまま光ってるように見えるのがポイント

######参考にしました。
TM Life
9ineBB

21
17
1

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
21
17

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?