A (nem hivatalos) sötét mód telepítése a Slack számára
A Slacknek még mindig nincs sötét módja. Sötét témájuk van, de csak az oldalsáv színeinek testreszabását teszi lehetővé, így a főablakot fehérre hagyja. A MacOS Mojave és a Windows 10 rendszerre kiterjedő sötét módok megjelenésével a Slack nagyon helytelenül érzi magát.
Ez a módszer nem hivatalos, és magában foglalja a Slack forrásfájljainak ásatását. Ez meglehetősen egyszerű, de mivel minden frissítéskor felülírja, ezt többször is meg kell tennie.
Téma letöltése
Mivel a Slack az Electron-on fut, az asztali Node.js alkalmazások fejlesztésének keretein, szerkesztheti az ehhez hasonló stílusokat, például szerkesztheti a webhely CSS-jét. A Slack CSS-fájljai azonban a forrásban vannak eltemetve, így saját témákat kell betöltenie.
A legkedveltebb igazi sötét mód témája a Widget által feketeszerű téma. És mivel az Electron megosztja a kódokat platformokon, ez a téma Windows-on és Linuxon is működik. Megállapítottuk, hogy a macOS Mojave témával kapcsolatban néhány probléma merült fel, így ha nem működik, akkor megpróbálhatja ezt a villát, amely azt mondja, hogy csak MacOS-on működik, de Windows felhasználók számára is használható..
Patching Slack
Ez a rész minden alkalommal újra meg kell tennie a Slack frissítéseket. A MacOS-on a Slack forráskönyvtárába kattintva jobb egérgombbal kattintva az alkalmazásra, és kiválaszthatja a „Csomag tartalma” megjelenítése. Windows rendszeren megtalálhatja azt ~ \ AppData \ Local \ laza \ .
Ezután navigáljon néhány mappába erőforrások / 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 róla, hogy a Slack zárva van, nyissa meg a fájlt a kedvenc szövegszerkesztőben, és lapozzon az alsó részhez:
Másolja és illessze be a következő kódot a ssb-interop.js file:
// Először győződjön meg róla, hogy a csomagolóalkalmazás be van-e töltve document.addEventListener ("DOMContentLoaded", függvény () // Ezután kapja meg a webes nézeteit, és hagyja, hogy webviews = document.querySelectorAll (". TeamView webview"); a time const cssPath = 'https://cdn.rawgit.com/widget-/slack-black-theme/master/custom.css'; hagyja cssPromise = fetch (cssPath) .then (válasz => válasz.text () ), hagyja, hogy customCustomCSS = ': root / * Módosítsa ezeket, hogy megváltoztassa a téma színeit: * / - elsődleges: # 09F; - szöveg: #CCC; - background: # 080808; - hátsó emelés: # 222 ; '// Stíluscímke beillesztése a csomagolási nézetbe cssPromise.then (css => let s = document.createElement (' style '); s.type =' text / css '; s.innerHTML = css + customCustomCSS ; document.head.appendChild (s);); // Várjon, amíg minden webes nézet betölti a webviews.forEach-ot (webview => webview.addEventListener ('ipc-message', message => if (message.channel == 'didFinishLoading') // Végül add hozzá a CSS-t a cssPromise.then (css => let script = 'let s = document.createElement (' stílus '); s.type = 'text / css'; s.id = 'slack-custom-css'; s.innerHTML = '$ css + customCustomCSS \ t document.head.appendChild (s); 'webview.executeJavaScript (script); )); ); ); Valószínűleg meg szeretné másolni ezt a fájlt, és egy másik helyre menteni, így nem kell minden alkalommal szerkesztenie a kódot. Ily módon egyszerűen áthúzhatja a könyvtárba, hogy felülírja a legújabb verziót:
Miután elkészült, nyissa meg újra a Slack-et, és néhány másodperc múlva a sötét mód beinduljon. A betöltőképernyő továbbra is fehér lesz, de a fő alkalmazásablak sokkal jobban illeszkedik a többi rendszeréhez:
Saját témák hozzáadása
Ha nem tetszik a megjelenése, szerkesztheti a CSS-t bármilyen kívánt stílussal. Ez a kód egyéni stílusokat tölt be a https://cdn.rawgit.com/widget-/slack-black-theme/master/custom.css címen; letöltheti ezt a fájlt, szerkesztheti a módosításokkal, és helyettesítheti az URL-t saját kódjával. Mentse, indítsa újra a Slack-et, és a módosítások láthatóvá válnak. Ha nem ismeri a CSS-t, vagy csak kisebb változtatást szeretne tenni, négy színváltozó van meghatározva a CSS betöltése előtt, így egyszerűen szerkesztheti a saját színeit..
