(Epävirallisen) tumman tilan asentaminen Slackille

Slackillä ei vielä ole pimeää tilaa. Heillä on tummat teemat, mutta vain voit muokata sivupalkin värejä, jolloin pääikkuna on valkoinen. Järjestelmän laajuisten tummien tilojen vapauttaminen MacOS Mojave- ja Windows 10 -käyttöjärjestelmissä, Slack tuntuu hyvin poissa.

Tämä menetelmä on epävirallinen ja siihen kuuluu kaivaminen Slackin lähdetiedostoihin. Se on melko helppo tehdä, mutta koska se korvataan joka kerta, kun päivität, sinun täytyy tehdä tämä useita kertoja.

Teeman lataaminen

Koska Slack toimii Electronilla, joka on kehys työpöydän Node.js-sovellusten kehittämiseen, voit muokata sen tyylit kuten muokkaat verkkosivuston CSS: ää. Mutta Slackin CSS-tiedostot on haudattu lähteeseen, joten sinun täytyy ladata omia teemoja.

Suosituin todellinen tumma tila on Widget-teeman löysä-musta-teema. Ja koska Electron jakaa koodin eri alustoilla, tämä teema toimii myös Windowsissa ja Linuxissa. Löysimme joitakin ongelmia macOS Mojave -teeman kanssa, joten jos se ei toimi, voit kokeilla tätä haarukkaa, joka sanoo, että se toimii vain MacOS-ohjelmassa, mutta se voi toimia myös Windows-käyttäjille.

Patching Slack

Tämä osa, sinun täytyy tehdä uudelleen joka kerta kun Slack päivittää. MacOS: ssa voit siirtyä Slackin lähdehakemistoon napsauttamalla hiiren kakkospainikkeella itse sovellusta ja valitsemalla Näytä Näytä sisältö. Windowsissa löydät sen osoitteessa ~ \ AppData \ Local \ löysällä \ .

Selaa sitten muutamia kansioita alas resurssit / app.asar.unpacked / src / staattinen / . Haluatte löytää SSB interop.js tiedosto, jossa voit muokata koodia. Varmista, että Slack on suljettu, avaa tiedosto suosikkitekstitiedostostasi ja selaa alareunaan:

Kopioi ja liitä seuraava koodi SSB interop.js file:

// Varmista ensin, että kääre-sovellus on ladattu document.addEventListener ("DOMContentLoaded", toiminto () // Sitten saa sen webviews (webviews = document.querySelectorAll) (". TeamView webview"); // Hae CSS: n rinnakkain of time const cssPath = 'https://cdn.rawgit.com/widget-/slack-black-theme/master/custom.css', anna cssPromise = fetch (cssPath) .then (vastaus => vastaus.teksti () ), anna customCustomCSS = ': root / * Muuta teeman värejä muuttamalla: * / - ensisijainen: # 09F; - teksti: #CCC; - takakenttä: # 080808; ; '// Lisää tyylitunniste käärintäkuvaan cssPromise.then (css => let s = document.createElement (tyyli)); s.type =' text / css '; s.innerHTML = css + customCustomCSS ; document.head.appendChild (s);); // Odota, että jokainen webview avaa webviews.forEach (webview => webview.addEventListener ('ipc-message', viesti => if (message.channel == 'didFinishLoading') // Lisää lopuksi CSS verkkosivuun cssPromise.then (css => let script = 'anna s = document.createElement (' tyyli '); s.type = 'text / css'; s.id = 'slack-custom-css'; s.innerHTML = '$ css + customCustomCSS'; document.head.appendChild (s); 'webview.executeJavaScript (skripti); )); ); ); 

Haluat todennäköisesti kopioida tämän tiedoston ja tallentaa sen toiseen paikkaan, joten sinun ei tarvitse muokata koodia joka kerta. Näin voit vain vetää sen hakemistoon uusimman version korvaamiseksi:

Kun olet valmis, avaa Slack uudelleen, ja muutaman sekunnin kuluttua pimeä tila tulee käynnistää. Latausnäyttö on edelleen valkoinen, mutta sovelluksen pääikkuna sulautuu paljon paremmin muuhun järjestelmään:

Omat teemat lisääminen

Jos et pidä sen ulkoasusta, voit muokata CSS: ää haluamallasi tyylillä. Kaikki tämä koodi on ladattu mukautettuja tyylejä osoitteesta https://cdn.rawgit.com/widget-/slack-black-theme/master/custom.css; voit ladata tiedoston, muokata sitä muutoksilla ja korvata URL-osoitteen omalla koodilla. Tallenna, käynnistä Slack uudelleen, ja muutokset näkyvät. Jos et tiedä CSS: ää tai haluat vain tehdä pieniä muutoksia, ennen CSS: n lataamista määritellään neljä värimuuttujaa, joten voit muokata vain omia värejäsi..