透明化する方法 [Atom Editor]

透明化する方法

リポジトリをクローンする。

$ git clone https://github.com/atom/atom.git
$ cd atom

src/main-process/atom-window.js を開いて options に transparent: true を加える。

const options = {
  show: false,
  title: 'Atom',
  transparent: true, // <-- Add this line
  tabbingIdentifier: 'atom',
  // ...
}

ビルドする

$ ./script/build

style.less を編集する

html, html * {
  background: rgba(0, 0, 0, 0.0);
}

他に必要な要素を透明化したり、適宜スタイルを変更する。

参考：

MacOS で Atom を透明化する時のメモ – Qiita

参考：

Hacking on Atom Core | Atom Flight Manual [Official]

参考：

痛エディターデビューしたら、仕事が捗るようになった | Ryo’s Hacks

参考：