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 unor moduri întunecate la nivel mondial pe macOS Mojave și Windows 10, Slack se simte foarte neatins.
Această metodă este neoficială și presupune saparea î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.
Deoarece Slack rulează pe Electron, un cadru pentru dezvoltarea aplicațiilor desktop Node.js, poți să editezi stilurile pentru el ca și cum ai 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 tema slack-black-by 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ă numai pe MacOS, dar poate funcționa și pentru utilizatorii Windows.
Această parte, va trebui să faceți din nou de fiecare dată când Actualizări Slack. Pe macOS, puteți ajunge la directorul sursă al lui 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'; permite cssPromise = fetch (cssPath) .then (răspuns => response.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 ;); // 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 = 'permite 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 nu trebuie 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.:
Dacă nu vă place aspectul, puteți edita CSS cu orice stiluri doriți. Tot 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, relansați Slack și modificările dvs. vor fi vizibile. Dacă nu cunoașteț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 proprii.