如何為slack安裝（非官方）暗模式

Slack仍然沒有暗模式。它們有深色的主題，但它們只允許您自定義側邊欄的顏色，使主視窗保持白色。隨著macosmojave和windows10上全系統黑暗模式的釋出，Slack感覺非常不合時宜。...

Slack仍然沒有暗模式。它們有深色的主題，但它們只允許您自定義側邊欄的顏色，使主視窗保持白色。隨著maco**ojave和windows10上全系統黑暗模式的釋出，Slack感覺非常不合時宜。

這種方法是非官方的，涉及到在原始檔中挖掘鬆弛。這是相當容易做到的，但由於它將被覆蓋，每次你更新，你將不得不這樣做多次。

下載主題

因為Slack是在Electron上執行的，Electron是一個開發桌面的框架節點.js應用程式，你可以編輯它的樣式，就像編輯網站的CSS一樣。但是Slack的CSS檔案隱藏在原始碼中，因此您必須載入自己的主題。

最流行的真正的黑暗模式主題是slack black theme by Widget。由於Electron跨平臺共享程式碼，這個主題也適用於Windows和Linux。不過，我們發現macOS Mojave的主題有一些問題，所以如果它不起作用，那麼你可以試試這個fork，它說它只在macOS上起作用，但也可能對Windows使用者起作用。

修補鬆弛

這一部分，你將不得不再次做每一次鬆弛更新。在macOS上，您可以透過右鍵單擊應用程式本身並選擇“顯示包內容”來訪問Slack的源目錄。在Windows上，您可以在~\AppData\Local\slack\找到它。

然後，將幾個資料夾向下導航到資源/app.asar.unpacked/src/static/. 你會想找到s**的-互操作.js檔案，您將在其中編輯程式碼。確保Slack已關閉，在您喜愛的文字編輯器中開啟該檔案，然後滾動到底部：

在s**的最末端複製並貼上以下程式碼-互操作.js檔案：

// First make sure the wrapper app is loaded document.addEventListener("DOMContentLoaded", function() { // Then get its webviews let webviews = document.querySelectorAll(".TeamView webview"); // Fetch our CSS in parallel ahead of time c***t cssPath = 'https://cdn.rawgit.com/widget-/slack-black-theme/master/custom.css'; let cssPromise = fetch(cssPath).then(resp***e => resp***e.text()); let customCustomCSS = ` :root { /* Modify these to change your theme colors: */ --primary: #09F; --text: #CCC; --background: #080808; --background-elevated: #222; } ` // Insert a style tag into the wrapper view cssPromise.then(css => { let s = document.createElement('style'); s.type = 'text/css'; s.innerHTML = css + customCustomCSS; document.head.appendChild(s); }); // Wait for each webview to load webviews.forEach(webview => { webview.addEventListener('ipc-message', message => { if (message.channel == 'didFinishLoading') // Finally add the CSS into the webview 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(script); }) }); }); });

您可能希望複製此檔案並將其儲存在其他位置，這樣就不必每次都編輯程式碼。這樣，您只需將其拖到目錄中即可覆蓋最新版本：

完成後，重新開啟Slack，幾秒鐘後黑暗模式就會啟動。載入螢幕仍為白色，但主應用程式視窗將與系統的其餘部分更好地融合：

新增自己的主題

如果你不喜歡它的外觀，你可以編輯任何樣式的CSS你想要的。所有這些程式碼都是從https://cdn.rawgit.com/widget--/slack-black-theme/master/custom.css；您可以下載該檔案，用您的更改對其進行編輯，並用您自己的程式碼替換URL。儲存並重新啟動Slack，您的更改將可見。如果你不知道CSS，或者只是想做一個小的改變，在載入CSS之前有四個顏色變數，所以你可以用你自己的顏色來編輯它們。