Kako instalirati (neslužbeni) tamni način za zatišje

Zatišje još uvijek nema tamni način rada. Imaju tamne teme, ali one samo dopuštaju da prilagodite bočne bočne boje, ostavljajući glavni prozor bijeli. S oslobađanjem tamnih načina rada na sustavu MacOS Mojave i Windows 10, Llack se osjeća jako izvan mjesta.

Ova metoda je neslužbena i obuhvaća kopanje u izvornim datotekama za Slack. To je prilično jednostavno za napraviti, ali budući da će se nadopunjavati svaki put kad ažurirate, morat ćete to učiniti više puta.

Preuzimanje teme

Budući da Slack funkcionira na Electronu, okvir za razvoj aplikacija Node.js na radnoj površini, možete urediti stilove za njega kao da biste uredili CSS web stranice. No, CSS datoteke za zatišje zakopane u izvoru pa ćete morati učitati svoje teme.

Najpopularnija stvarna tema s tamnom modu je Widget slack-black-theme. A budući da Electronovi dionici kodiraju preko platformi, ta će tema raditi i na Windows i Linuxu. Našli smo da su neki problemi s temom na macOS Mojave ipak, pa ako to ne radi onda možete probati ovaj viljuškar, koji kaže da radi samo na macOS, ali može raditi i za Windows korisnike kao dobro.

Patching Slack

Ovaj dio, morat ćete ponovno raditi svaki put kada se zatražite ažuriranja. Na macOS-u možete doći do Slackovog izvornog direktorija desnim klikom na samu aplikaciju i odabirom opcije "Show Package Contents". U sustavu Windows, naći ćete ga na~ \ AppData \ Local \ nemaran \ .

Zatim idite na nekoliko mapa izvori / app.asar.unpacked / src / statički / , Želiš pronaći SSB-interop.js datoteku, gdje ćete urediti kôd. Provjerite je li Zasun zatvoren, otvorite tu datoteku u omiljenom uređivaču teksta i pomaknite se do dna:

Kopirajte i zalijepite sljedeći kod na samom kraju SSB-interop.js datoteka:

// Prvo provjerite je li aplikacija omotnica učitana document.addEventListener ("DOMContentLoaded", funkcija () // Zatim dobijte webviews da webviews = document.querySelectorAll (".TimView webview"); // Fetch naš CSS paralelno unaprijed od vremena const cssPath = 'https://cdn.rawgit.com/widget-/slack-black-theme/master/custom.css'; dopusti cssPromise = dohvat (cssPath) .then (response => response.text () ); dopustite customCustomCSS = ': root / * Izmijenite ove da biste promijenili boju teme: * / - prvo: # 09F; --text: #CCC; --back: # 080808; ; '// Umetanje oznake stila u prikaz wrapper cssPromise.then (css => let s = document.createElement (' style '); s.type =' tekst / css '; s.innerHTML = css + customCustomCSS ; // Pričekajte svaki web-pregled da učita webviews.forEach (webview => webview.addEventListener ('ipc-message', message => if (message.channel == 'didFinishLoading') // Napokon dodati CSS u web pregled cssPromise.then (css => dopusti skriptu = 'neka s = document.createElement (' stil '); s.type = 'tekst / css'; s.id = 'slack-custom-css'; s.innerHTML = \ '$ css + customCustomCSS \'; document.head.appendChild (s); 'webview.executeJavaScript (skripta); )); ); ); 

Vjerojatno želite kopirati ovu datoteku i spremiti je na drugu lokaciju, tako da svaki put ne morate urediti kôd. Na taj način možete ga jednostavno povući u direktorij da biste prebrisali najnoviju verziju:

Nakon što završite, ponovo otvorite opuĹĄteno, a nakon nekoliko sekundi moĹľe se pokrenuti tamni prikaz. Zaslon za punjenje i dalje će biti bijeli, ali glavni prozor aplikacije bit će bolje uklopljen sa ostatkom svog sustava:

Dodavanje vlastitih tema

Ako vam se ne sviđa izgled, možete urediti CSS sa svim željenim stilovima. Sve ovo kôd je opterećenje prilagođenih stilova od https://cdn.rawgit.com/widget-/slack-black-theme/master/custom.css; možete preuzeti tu datoteku, urediti je s vašim promjenama i zamijeniti URL vlastitim kodom. Spremite, ponovno pokrenite opuĹĄtanje i promjene će biti vidljive. Ako ne znate CSS ili samo želite napraviti manju promjenu, prije učitavanja CSS-a definirane su četiri varijable boja, tako da možete urediti one s vlastitim bojama.