Kuidas paigaldada (mitteametlik) tume režiim Slacki jaoks

Slackil pole ikka veel tumedat režiimi. Neil on tumedad teemad, kuid need võimaldavad ainult kohandada külgriba värve, jättes peaakna valgeks. Süsteemsete tumedate režiimide vabastamisega MacOS Mojave'is ja Windows 10-s on Slack väga kohatu.

See meetod on mitteametlik ja hõlmab kaevamist ümber Slacki lähtefailidesse. See on üsna lihtne teha, kuid kuna see uuendatakse iga kord, kui uuendate, peate seda tegema mitu korda.

Teema allalaadimine

Kuna Slack töötab Electronil, mis on töölaua Node.js rakenduste arendamise raamistik, saate selle stiilid redigeerida, nagu soovite muuta veebisaidi CSS-i. Kuid Slacki CSS-failid on maetud allikasse, nii et peate oma teemad laadima.

Kõige populaarsem tõeline tume režiimi teema on vidina-teema-must-teema. Ja kuna Electron jagab koodi üle platvormide, töötab see teema ka Windowsis ja Linuxis. Leidsime, et MacOS Mojave teemaga kaasnesid mõned probleemid, nii et kui see ei tööta, võite proovida seda kahvlit, mis ütleb, et see töötab ainult MacOS-il, kuid võib töötada ka Windowsi kasutajatele.

Patching Slack

See osa, mida tuleb uuesti teha iga kord, kui Slack värskendusi teeb. MacOSis saate Slacki lähtekataloogi, klõpsates hiire parema nupuga rakendusel ja valides “Show Package Contents”. Windowsis leiate selle aadressilt ~ AppData Kohalik vahe .

Seejärel navigeerige mõnda kausta alla ressursid / app.asar.unpacked / src / staatiline / . Sa tahad seda leida ssb-interop.js faili, kus saate koodi muuta. Veenduge, et Slack on suletud, avage see fail lemmikteksti redaktoris ja liikuge allapoole:

Kopeerige ja kleepige järgmine kood ssb-interop.js fail:

// Esmalt veenduge, et ümbrisrakenduse rakendus on laetud document.addEventListener ("DOMContentLoaded", funktsioon () // Siis saad oma veebivaated lasta webviews = document.querySelectorAll (". of time const cssPath = 'https://cdn.rawgit.com/widget-/slack-black-theme/master/custom.css'; lase cssPromise = fetch (cssPath) .then (vastus => vastus. tekst () ), lase customCustomCSS = ': root / * Muuda neid, et muuta oma teemavärve: * / - esmane: # 09F; - tekst: #CCC; - tagapõhi: # 080808; - tagapõhja tõstetud: # 222 ; '// Sisestage stiilimärk ümbriku vaates cssPromise.then (css => let s = document.createElement (' stiil '); s.type =' text / css '; s.innerHTML = css + customCustomCSS ; document.head.appendChild (s);); // Oodake, kuni iga veebivaade laadib webviews.forEach (webview => webview.addEventListener ('ipc-message', message => if (message.channel == 'didFinishLoading') // Lõpuks lisage CSS veebivaate cssPromise.then (css => let script = 'lase s = document.createElement (' stiil '); s.type = 'text / css'; s.id = 'slack-custom-css'; s.innerHTML = '$ css + customCustomCSS'; document.head.appendChild (s); 'webview.executeJavaScript (skript); )); ); ); 

Tõenäoliselt soovite selle faili kopeerida ja salvestada teises kohas, nii et sa ei pea koodi iga kord muutma. Sel moel saate selle uusima versiooni kirjutamiseks lihtsalt kataloogi lohistada.

Pärast seda, kui olete valmis, avage Slack uuesti ja mõne sekundi pärast peaks pimedas režiimis sisse lööma. Laadimisekraan on ikka veel valge, kuid rakenduse peaaken sulandub palju paremini teie ülejäänud süsteemiga:

Oma teemade lisamine

Kui sulle ei meeldi selle välimus, saate CSS-i redigeerida soovitud stiilidega. Kõik see kood on laaditud kohandatud stiilid aadressilt https://cdn.rawgit.com/widget-/slack-black-theme/master/custom.css; saate selle faili alla laadida, muuta oma muudatustega ja asendada URL oma koodiga. Salvesta, taaskäivitage Slack ja teie muudatused on nähtavad. Kui te ei tea CSS-i või tahad lihtsalt väikest muudatust teha, on enne CSS-i laadimist määratletud neli värvitüüpi, nii et saate lihtsalt oma värve muuta.