#はじめに
重要 v4.0.1からこの方法は使えなくなりました。正常に動作しなくなりますのでご注意ください。白背景眩しいよ
@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
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 :)