Slackに（非公式）ダークモードをインストールする方法

Slackにはまだダークモードはありません。それらは暗いテーマを持っています、しかしそれらはあなたにサイドバーの色をカスタマイズさせるだけでメインウィンドウを白のままにします。 macOS MojaveとWindows 10のシステム全体のダークモードのリリースで、Slackは非常に場違いに感じます.

この方法は非公式であり、Slackのソースファイルを掘り下げることを含みます。これはかなり簡単ですが、更新するたびに上書きされるため、これを複数回行う必要があります。.

テーマをダウンロードする

Slackは、デスクトップのNode.jsアプリケーションを開発するためのフレームワークであるElectron上で動作するので、WebサイトのCSSを編集するのと同じようにスタイルを編集できます。しかしSlack用のCSSファイルはソースに埋め込まれているので、あなたはあなた自身のテーマをロードしなければならないでしょう.

最も人気のある本当のダークモードのテーマは、ウィジェットによるスラックブラックテーマです。 Electronはプラットフォーム間でコードを共有しているので、このテーマはWindowsとLinuxでも機能します。ただし、macOS Mojaveのテーマにはいくつか問題があることがわかりました。そのため、うまくいかない場合は、このforkを試すことができます。これは、macOSのみで機能しますが、Windowsユーザーでも機能する可能性があります。.

パッチスラック

この部分は、Slackが更新するたびにやり直す必要があります。 macOSでは、アプリ自体を右クリックして「Show Package Contents」を選択することでSlackのソースディレクトリに移動できます。 Windowsでは、次の場所にあります。 〜\ AppData \ Local \ slack \ .

次に、いくつかのフォルダを下にナビゲートします。 resources / app.asar.unpacked / src / static / . あなたが見つけたいと思うだろう ssb-interop.js ここでコードを編集します。 Slackが閉じていることを確認し、そのファイルをお気に入りのテキストエディタで開いて、一番下までスクロールします。

次のコードをコピーして最後に貼り付けます。 ssb-interop.js ファイル：

//最初にラッパーアプリがロードされていることを確認してくださいdocument.addEventListener（ "DOMContentLoaded"、function（）//それから、そのWebビューを取得してみましょう。 cssPath = 'https://cdn.rawgit.com/widget-/slack-black-theme/master/custom.css'; cssPromise = fetch（cssPath）.then（response => response.text（）） customCustomCSS = '：root / *テーマの色を変更するには、これらを変更します。* /  - 第一次：＃09F; --text：#CCC; --background：＃080808; --background-raised：＃222 //ラッパービューにスタイルタグを挿入するcssPromise.then（css => let s = document.createElement（ 'style'）; s.type = 'text / css'; s.innerHTML = css + customCustomCSS ; document.head.appendChild（s）;）; //各Webビューがwebviews.forEachをロードするのを待ちます（webview => webview.addEventListener（ 'ipc-message'、message => if（message.channel ==） 'didFinishLoading'）//最後にCSSをウェブビューに追加しますcssPromise.then（css => let script = 'let s = document.createElement（' style '）; s.type = 'text / css'; s.id = 'slack-custom-css'; s.innerHTML = \ '$ css + customCustomCSS \'; document.head.appendChild（s）; 'webview.executeJavaScript（スクリプト）; ））; ;））; ;））;

おそらくこのファイルを複製して別の場所に保存したいと思うので、毎回コードを編集する必要はありません。こうすれば、それをディレクトリにドラッグするだけで最新バージョンを上書きできます。

完了したら、Slackを再び開き、数秒後にダークモードが開始されます。読み込み画面はまだ白いままですが、メインのアプリウィンドウはシステムの他の部分と非常によく調和しています。

あなた自身のテーマを追加する

見た目が気に入らない場合は、任意のスタイルでCSSを編集できます。このコードがすることはすべてhttps://cdn.rawgit.com/widget-/slack-black-theme/master/custom.cssからカスタムスタイルをロードすることです。あなたはそのファイルをダウンロードし、あなたの変更でそれを編集し、そしてあなた自身のコードでURLを置き換えることができます。保存してSlackを再起動すると、変更内容が表示されます。 CSSがわからない場合、または小さな変更を加えたいだけの場合は、CSSをロードする前に4つの色変数が定義されているので、それらを自分の色で編集することができます。.