1
0

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.

v4.0.0 対応: 5分でデスクトップ版のSlackにDark Themeを適用する(Windows版)

Last updated at Posted at 2019-07-23

#はじめに

重要 v4.0.1からこの方法は使えなくなりました。正常に動作しなくなりますのでご注意ください。白背景眩しいよ:sob:

@kazuki1213さん、@shokenさん、@taiponrockさん、分かりやすい記事に感謝します。

#環境
Windows 10 64bit
Slack v4.0.0

#背景
@shokenさんと同じく@kazuki1213さんの5分でデスクトップ版のSlackにDark Themeを適用する を参考に黒背景で快適にSlackを使っていましたが、ある日突然白背景に変わっており、「アップデートが来たんだな。また@kazuki1213さんの記事を元に黒背景にしなきゃ」と思いましたが、該当の場所にssb-interop.jsがなく、困っていたところに@shokenさんのv4.0.0 対応: 5分でデスクトップ版のSlackにDark Themeを適用するを見つけ、Windows環境で作業しました。
Windows環境用にコマンドなど書き直しましたのでご参考までに。

#Windows版Slack v4.0.0にDark Themeを適用する
##1.Windowsにnpmをインストールする
@taiponrockさんのNode.js / npmをインストールする(for Windows)を参考に作業しました。

##2.asar コマンドをインストールする

npm install -g asar

##3.Slack.app から app.asar , app.asar.unpacked をコピーする

mkdir tmpslack
copy C:\Users\ユーザ名\AppData\Local\slack\app-4.0.0\resources\app.asar tmpslack
xcopy /e C:\Users\ユーザ名\AppData\Local\slack\app-4.0.0\resources\app.asar.unpacked tmpslack\app.asar.unpacked\

##4.asar を展開する

cd tmpslack
asar extract app.asar app

##5.ssb-interop.bundle.js の先頭に以下を挿入
メモ帳でssb-interop.bundle.jsを開く

call notepad.exe app/dist/ssb-interop.bundle.js
ssb-interop.bundle.js
document.addEventListener('DOMContentLoaded', function() {
  $.ajax({
    url: 'https://cdn.rawgit.com/laCour/slack-night-mode/master/css/raw/black.css',
    success: function(css) {
      $("<style></style>").appendTo('head').html(css);
    }
  });
});

##6.asar を作成する

asar pack app app.asar

##7.作成したapp.asarを元のSlackのフォルダに上書きする

copy /y app.asar C:\Users\ユーザ名\AppData\Local\slack\app-4.0.0\resources\

##8.動作確認する
Slackを起動して黒背景になってるか確認する

##9.一時作業用に作成したフォルダを削除する

cd..
rd /s /q tmpslack
exit

##10.Have fun :)

1
0
0

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
1
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?