Slik installerer du (uoffisiell) mørk modus for slakk
Slakk har fortsatt ikke en mørk modus. De har mørke temaer, men de lar deg bare tilpasse sidebarens farger, slik at hovedvinduet blir hvit. Med utgivelsen av mørke moduser på MacOS Mojave og Windows 10, føler Slack seg veldig ute.
Denne metoden er uoffisiell og innebærer å grave rundt i kildefilene for Slack. Det er ganske enkelt å gjøre, men siden det blir overskrevet hver gang du oppdaterer, må du gjøre dette flere ganger.
Laster ned et tema
Siden Slack kjører på Electron, et rammeverk for å utvikle desktop Node.js apps, kan du redigere stilene for det som om du vil redigere CSS på et nettsted. Men CSS-filene for Slack er begravet i kilden, så du må laste inn dine egne temaer.
Det mest populære sanne mørke modus-temaet er slakk-svart-tema av Widget. Og siden Electron aksjer koden på tvers av plattformer, vil dette temaet også fungere på Windows og Linux. Vi fant at det var noen problemer med temaet på macOS Mojave skjønt, så hvis det ikke fungerer, kan du prøve denne gaffelen, som sier at den bare fungerer på macOS, men kan også fungere for Windows-brukere.
Patching Slakk
Denne delen, du må gjøre igjen hver gang Slack oppdaterer. På macOS kan du komme til Slacks kildekatalog ved å høyreklikke på selve appen og velge "Vis pakkeinnhold". På Windows finner du den på ~ \ AppData \ Local \ slakk \ .
Deretter navigerer noen få mapper ned til ressurser / app.asar.unpacked / src / statisk / . Du kommer til å ønske å finne SSB-interop.js fil, hvor du vil redigere koden. Kontroller at Slack er lukket, åpne filen i favoritt tekstredigeringsprogrammet, og bla til bunnen:
Kopier og lim inn følgende kode i slutten av SSB-interop.js fil:
// Først må du forsikre deg om at wrapper-appen er lastet document.addEventListener ("DOMContentLoaded", funksjon () // Deretter får du sine webviews til webviews = document.querySelectorAll ("TeamView webview"); // Hent vår CSS parallelt fremover av time const cssPath = 'https://cdn.rawgit.com/widget-/slack-black-theme/master/custom.css'; la cssPromise = hent (cssPath) .then (response => response.text () ); la customCustomCSS = ': root / * Endre disse for å endre temafargene dine: * / --primary: # 09F; --text: #CCC; --Background: # 080808; --background-elevated: # 222 ; '// Sett inn et stilmerke i wrappervisningen cssPromise.then (css => la s = document.createElement (' style '); s.type =' text / css '; s.innerHTML = css + customCustomCSS ; document.head.appendChild (s);); // Vent på hvert webvisning for å laste webviews.forEach (webview => webview.addEventListener ('ipc-message', message => if (message.channel == 'didFinishLoading') // Til slutt legger du til CSS i webvisningen cssPromise.then (css => la script = 'la s = document.createElement (' style '); s.type = 'text / css'; s.id = 'slakk-tilpasset-css'; s.innerHTML = \ '$ css + customCustomCSS \'; document.head.appendChild (s); 'webview.executeJavaScript (script); )); ); ); Du vil sannsynligvis duplisere denne filen og lagre den på et annet sted, slik at du ikke må redigere koden hver gang. På denne måten kan du bare dra den inn i katalogen for å overskrive den nyeste versjonen:
Etter at du er ferdig, må du gjenopprette slakk, og etter noen sekunder må den mørke modusen smelte inn. Lasteskjermen vil fortsatt være hvit, men hovedprogramvinduet vil blande seg mye bedre med resten av systemet:
Legge til dine egne temaer
Hvis du ikke liker utseendet på det, kan du redigere CSS med alle stilarter du vil ha. Alt denne koden gjør er å laste tilpassede stiler fra https://cdn.rawgit.com/widget-/slack-black-theme/master/custom.css; Du kan laste ned den filen, redigere den med endringene, og erstatte nettadressen med din egen kode. Lagre, gjenoppstart Slakk, og endringene dine vil bli synlige. Hvis du ikke kjenner CSS, eller bare ønsker å gjøre en mindre endring, er det definert fire fargevariabler før du laster inn CSS, slik at du bare kan redigere de med dine egne farger.
