Kako instalirati (neslužbeni) tamni način za Slack
Slack još uvijek nema tamni mod. Imaju tamne teme, ali one vam omogućuju da prilagodite boje bočne trake, ostavljajući glavni prozor bijelim. S izdavanjem tamnih modova na razini sustava MacOS Mojave i Windows 10, Slack se osjeća vrlo neumjesno.
Ova metoda je neslužbena i uključuje kopanje u izvornim datotekama za Slack. To je prilično lako za napraviti, ali budući da će biti prepisana svaki put kada ažurirate, morat ćete to učiniti više puta.
Preuzimanje teme
Budući da Slack radi na Electronu, okvir za razvoj desktop Node.js aplikacija, možete urediti stilove za njega kao što biste uredili CSS web-mjesta. Ali CSS datoteke za Slack su zakopane u izvoru, tako da ćete morati učitati vlastite teme.
Najpopularnija prava tema u modu je mračna tema koju Widget prikazuje. Budući da Electron dijeli kod na svim platformama, ova će tema raditi i na Windowsima i Linuxu. Otkrili smo da postoje neki problemi s temom na MacOS Mojaveu, pa ako to ne radi onda možete isprobati ovu vilicu, koja kaže da radi samo na MacOS-u, ali može raditi i za korisnike Windowsa..
Patching Slack
Ovaj dio, morat ćete učiniti opet svaki put Slack ažuriranja. Na MacOS-u možete doći do Slackovog izvornog direktorija tako da desnom tipkom miša kliknete na aplikaciju i odaberete "Prikaži sadržaj paketa". U sustavu Windows pronaći ćete ga na ~ \ AppData \ Local \ nemaran \ .
Zatim idite na nekoliko mapa do izvori / app.asar.unpacked / src / statički / . Ti ćeš htjeti pronaći SSB-interop.js gdje ćete urediti kôd. Provjerite je li Slack 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 wrapper učitana document.addEventListener ("DOMContentLoaded", function () // Zatim dođite do webviews let webdeset = document.querySelectorAll (". TeamView webview"); vremena const cssPath = 'https://cdn.rawgit.com/widget-/slack-black-theme/master/custom.css'; neka cssPromise = fetch (cssPath). then (response => response.text () neka customCustomCSS = ': root / * Izmijenite ih da biste promijenili boje teme: * / --primary: # 09F; --text: #CCC; --background: # 080808; --background-elevated: # 222 ; '// Umetnite oznaku stila u prikaz omota cssPromise.then (css => neka s = document.createElement (' style '); s.type =' text / css '; s.innerHTML = css + customCustomCSS // Pričekajte da svaki webview učita webviews.forEach (webview => webview.addEventListener ('ipc-message', poruka => if (message.channel == 'didFinishLoading') // Konačno dodajte CSS u webview cssPromise.then (css => neka skripta = '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 ćete htjeti kopirati tu datoteku i spremiti je na drugo mjesto, tako da ne morate svaki put uređivati kôd. Na taj način možete ga samo povući u direktorij da biste zamijenili najnoviju verziju:
Nakon što završite, ponovno otvorite Slack i nakon nekoliko sekundi tamni mod treba početi. Zaslon za učitavanje i dalje će biti bijeli, ali glavni prozor aplikacije će se puno bolje uklopiti s ostatkom vašeg sustava:
Dodavanje vlastitih tema
Ako vam se ne sviđa izgled, možete urediti CSS s bilo kojim stilovima koje želite. Sve to kodiranje učitava prilagođene stilove s https://cdn.rawgit.com/widget-/slack-black-theme/master/custom.css; tu datoteku možete preuzeti, urediti s promjenama i zamijeniti URL vlastitim kodom. Spremite, ponovno pokrenite Slack i promjene će biti vidljive. Ako ne znate CSS ili želite samo napraviti manju izmjenu, postoje četiri varijable boja koje su definirane prije učitavanja CSS-a, tako da možete urediti samo one s vlastitim bojama..
