A (nem hivatalos) sötét üzemmód telepítése lassúság érdekében

A lassúságnak még mindig nincs sötét módja. Sötét témák vannak, de ezek csak lehetővé teszik az oldalsáv színeinek testreszabását, a főablak fehéren maradva. A MacOS Mojave és a Windows 10 rendszer egész rendszerének sötét módjainak megjelenésével a Slack nagyon helytelennek érzi magát.

Ez a módszer nem hivatalos, és ásatást foglal magábankörül a Slack forrásfájljaiban. Meglehetősen könnyű megtenni, de mivel minden frissítéskor felülírják, ezt többször meg kell tennie.

Téma letöltése

Mivel a Slack az Electronon fut, afejlesztve az asztali Node.js alkalmazásokat, szerkesztheti a stílusokat úgy, mintha egy weboldal CSS-jét szerkesztené. De a Slack CSS-fájljait eltemetik a forrásba, így a saját témáit be kell töltenie.

A legnépszerűbb valódi sötét mód témalaza-fekete-téma Widget. És mivel az Electron kódot oszt meg platformonként, ez a téma Windows és Linux rendszereken is működni fog. Megállapítottuk, hogy vannak bizonyos problémák a MacOS Mojave témájával kapcsolatban, tehát ha ez nem működik, akkor kipróbálhatja ezt a villát, amely szerint csak MacOS-ban működik, de a Windows felhasználók számára is használható.

Javítás laza

Ezt a részt minden alkalommal újra meg kell tennieLassú frissítések. A macOS rendszeren elérheti a Slack forráskönyvtárát azáltal, hogy jobb egérgombbal kattint magára az alkalmazásra, és kiválasztja a „Csomag tartalmának megjelenítése” lehetőséget. Windows rendszeren a következő címen találja meg ~AppDataLocalslack .

Ezután keresse meg néhány mappát lefelé resources/app.asar.unpacked/src/static/ . Meg akarod találni a ssb-interop.js fájl, ahol szerkesztheti a kódot. Győződjön meg arról, hogy a Slack bezárva van, nyissa meg a fájlt a kedvenc szövegszerkesztőben, és görgessen az aljára:

Másolja és illessze be a következő kódot a ssb-interop.js file:

// 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
const cssPath = 'https://cdn.rawgit.com/widget-/slack-black-theme/master/custom.css';
let cssPromise = fetch(cssPath).then(response => response.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);
})
});
});
});

Valószínűleg meg szeretné másolni ezt a fájlt, ésmentse el egy másik helyre, így nem kell minden alkalommal szerkesztenie a kódot. Így húzza át a könyvtárba, hogy felülírja a legújabb verziót:

Miután elkészült, nyissa meg újra a Slackot, és néhány utánmásodperc alatt a sötét módnak be kell lépnie. A betöltő képernyő továbbra is fehér lesz, de az alkalmazás fő ablaka sokkal jobban beleolvad a rendszer többi részébe:

Saját témák hozzáadása

Ha nem tetszik ez a kinézet, szerkeszthetia CSS a kívánt stílusokkal. Ez a kód az egyedi stílusok betöltése a https://cdn.rawgit.com/widget-/slack-black-theme/master/custom.css webhelyről; letöltheti a fájlt, szerkesztheti a módosításokkal, és az URL-t helyettesítheti a saját kódjával. Mentés, indítsa újra a Slack-ot, és a változások láthatók lesznek. Ha nem ismeri a CSS-t, vagy csak apró változtatást szeretne elvégezni, négy színváltozó van meghatározva, mielőtt betölti a CSS-t, így azokat csak a saját színeivel szerkesztheti.