【Atom】背景透過時の文字の焼付き対策

対策とは書いていますが、付け焼き刃的な対策しかできていません。ご了承ください。

追記あり

前提記事

以下の記事に従って背景透過を行ないます 現在は編集するファイルの拡張子が.coffeeではなく.jsになっています

qiita.com

文字の焼付き

焼付き現象は画像の通りです 少し見づらいですが、右真ん中あたりにうっすらと白い文字が見えるかと思います

f:id:hetima333:20190107172211p:plain

対策

  1. style.lessの以下の部分をコメントアウトした状態でウィンドウの再読込
  2. コメントアウトを外す
html,
html * {
    background: rgba(0, 0, 0, 0.0) !important;
}

原因

おそらく文字、背景、文字(Syntax)という順番で読み込んでいるため文字と背景がかぶった部分が切り抜かれる形で残っている?

追記

上記の記事でsrc/main-process/atom-window.js内にtransparent: trueを追加する際に、hasShadow: falseも追加することで解消

副作用としてAtomのウィンドウの影が消えます

    const options = {
      show: false,
      title: 'Atom',
      tabbingIdentifier: 'atom',
      transparent: true,
      hasShadow: false, // <= この行を追加する
      webPreferences: {
…