Cum se instalează modul (neoficial) întunecat pentru slăbiciune

Slack încă nu are un mod întunecat. Acestea au teme întunecate, dar acestea vă permit să personalizați culorile barei laterale, lăsând fereastra principală albă. Odată cu lansarea modurilor întunecate la scară largă în sistemele MacOS Mojave și Windows 10, Slack se simte foarte neatins.

Această metodă este neoficială și implică săparea în fișierele sursă pentru Slack. Este destul de ușor de făcut, dar deoarece va fi suprascris de fiecare dată când actualizați, va trebui să faceți acest lucru de mai multe ori.

Descărcarea unei teme

Deoarece Slack funcționează pe Electron, un cadru pentru dezvoltarea aplicațiilor desktop Node.js, puteți să modificați stilurile pentru el, ca și când ați edita CSS-ul unui site Web. Dar fișierele CSS pentru Slack sunt îngropate în sursă, deci va trebui să încărcați propriile teme.

Cea mai populară temă a modei întunecate este dark-black-theme de Widget. Și din moment ce distribuția electronică coduri de pe platforme, această temă va funcționa și pe Windows și Linux. Am constatat că există unele probleme cu tema pe MacOS Mojave, deși, deci, dacă nu funcționează, puteți încerca această furcă, care spune că funcționează doar pe MacOS, dar poate funcționa și pentru utilizatorii de Windows.

Patching Slack

Această parte, va trebui să faci din nou de fiecare dată când se actualizează Slack. Pe macOS, puteți ajunge la directorul sursă Slack făcând clic dreapta pe aplicația în sine și selectând "Show Contents Package". Pe Windows, veți găsi la ~ \ AppData \ Local \ Slack \ .

Apoi, navigați până la câțiva dosare Resurse / app.asar.unpacked / src / static / . Veți dori să găsiți SSB-interop.js fișier, unde veți edita codul. Asigurați-vă că Slack este închis, deschideți acel fișier în editorul dvs. de text preferat și derulați până jos:

Copiați și inserați următorul cod la sfârșitul paginii SSB-interop.js fişier:

// Mai întâi asigurați-vă că aplicația de împachetare este încărcată document.addEventListener ("DOMContentLoaded", funcția () // Apoi obțineți vizualizările sale webviews = document.querySelectorAll ("TeamView webview"); de timp const cssPath = 'https://cdn.rawgit.com/widget-/slack-black-theme/master/custom.css'; cssPromise = fetch (cssPath) .then (răspuns => answer.text () ); lăsați customCustomCSS = ': root / * Modificați-le pentru a schimba culorile temelor: * / - primar: # 09F; --text: #CCC; --background: # 080808; ; '// Introduceți o etichetă de stil în vizualizarea înfășurării cssPromise.then (css => let s = document.createElement (' stil '); s.type =' text / css '; s.innerHTML = css + customCustomCSS ; document.head.appendChild ();); // Asteapta ca fiecare vizualizare web sa incarce webviews.forEach (webview => webview.addEventListener ('ipc-message', message => if (message.channel == 'didFinishLoading') // Adăugați în cele din urmă CSS în webview cssPromise.then (css => let script = 'let s = document.createElement (' stil '); s.type = 'text / css'; s.id = 'slack-custom-css'; s.innerHTML = \ '$ css + customCustomCSS \'; document.head.appendChild (s); 'webview.executeJavaScript (script); )); ); ); 

Probabil doriți să duplicați acest fișier și să îl salvați într-o altă locație, astfel încât să nu fie necesar să modificați codul de fiecare dată. În acest fel, puteți să-l trageți în director pentru a suprascrie cea mai nouă versiune:

După ce ați terminat, redeschideți Slack și, după câteva secunde, apare modul întunecat. Ecranul de încărcare va fi în continuare alb, însă fereastra principală a aplicației se va amesteca mult mai bine cu restul sistemului dvs.:

Adăugarea propriilor dvs. teme

Dacă nu vă place aspectul, puteți edita CSS cu orice stiluri doriți. Tot ceea ce face acest cod este încărcarea stilurilor personalizate de la https://cdn.rawgit.com/widget-/slack-black-theme/master/custom.css; puteți descărca acel fișier, îl puteți modifica și puteți înlocui adresa URL cu propriul cod. Salvați, reporniți Slack și modificările dvs. vor fi vizibile. Dacă nu știți CSS sau doriți doar să faceți o modificare minoră, există patru variabile de culoare definite înainte de a încărca CSS, astfel încât să puteți edita doar cu culorile dvs..