Sådan installeres (uofficiel) mørk tilstand til slap
Slack har stadig ikke en mørk tilstand. De har mørke temaer, men de giver dig kun mulighed for at tilpasse sidebarfarerne, så hovedvinduet er hvidt. Med udgivelsen af system-dækkende mørke tilstande på macOS Mojave og Windows 10, føler Slack sig meget ud af sted.
Denne metode er uofficiel og indebærer at grave rundt i kildefilerne til Slack. Det er ret nemt at gøre, men da det bliver overskrevet hver gang du opdaterer, skal du gøre det flere gange.
Downloadning af et tema
Da Slack kører på Electron, en ramme for udvikling af desktop Node.js apps, kan du redigere stilarterne for det, som om du vil redigere CSS på et websted. Men CSS-filerne til Slack er begravet i kilden, så du bliver nødt til at indlæse dine egne temaer.
Det mest populære sande mørke mode tema er Slack-Black-tema af Widget. Og da Electron deler kode på tværs af platforme, vil dette tema også fungere på Windows og Linux. Vi fandt ud af, at der var nogle problemer med temaet MacOS Mojave, men hvis det ikke virker så kan du prøve denne gaffel, som siger, at den kun virker på macOS, men det kan også fungere for Windows-brugere..
Patching Slack
Denne del bliver du nødt til at gøre igen hver gang Slack opdaterer. På macOS kan du komme til Slacks kildekatalog ved at højreklikke på selve appen og vælge "Vis pakkeindhold". På Windows finder du den på ~ \ AppData \ Local \ slæk \ .
Så navigere et par mapper ned til ressourcer / app.asar.unpacked / src / statisk / . Du vil gerne finde SSB interop.js fil, hvor du redigerer koden. Sørg for, at Slack er lukket, åbn den fil i din foretrukne teksteditor, og rul til bunden:
Kopier og indsæt følgende kode i slutningen af SSB interop.js fil:
// Først skal du sørge for at wrapper-appen er indlæst document.addEventListener ("DOMContentLoaded", funktion () // Så få sine webviews lader webviews = document.querySelectorAll (". TeamView webview"); // Hent vores CSS parallelt foran af time const cssPath = 'https://cdn.rawgit.com/widget-/slack-black-theme/master/custom.css'; lad cssPromise = hent (cssPath) .then (svar => response.text () ); lad customCustomCSS = ': root / * Rediger disse for at ændre dine tema farver: * / --primary: # 09F; --text: #CCC; --background: # 080808; --background-elevated: # 222 ; '// Indsæt et stilmærke i indpakningsvisningen cssPromise.then (css => let s = document.createElement (' style '); s.type =' text / css '; s.innerHTML = css + customCustomCSS ; document.head.appendChild (s);); // Vent på hvert webview for at indlæse webviews.forEach (webview => webview.addEventListener ('ipc-message', message => if (message.channel == 'didFinishLoading') // Tilføj endelig CSS i webvisningen cssPromise.then (css => let script = 'Lad s = document.createElement (' style '); s.type = 'text / css'; s.id = 'slack-custom-css'; s.innerHTML = \ '$ css + customCustomCSS \'; document.head.appendChild (s); 'webview.executeJavaScript (script); )); ); ); Du vil nok gerne duplikere denne fil og gemme den på en anden placering, så du behøver ikke at redigere koden hver gang. På den måde kan du bare trække den ind i biblioteket for at overskrive den nyeste version:
Når du er færdig, genåbner du Slack, og efter et par sekunder skal den mørke tilstand sparke ind. Skærmbilledet vil stadig være hvidt, men hovedprogramvinduet vil blande sig meget bedre med resten af dit system:
Tilføjelse af dine egne temaer
Hvis du ikke kan lide udseendet af det, kan du redigere CSS'en med de ønskede stilarter. Alt dette kode gør, er at indlæse brugerdefinerede stilarter fra https://cdn.rawgit.com/widget-/slack-black-theme/master/custom.css; Du kan downloade den fil, redigere den med dine ændringer, og erstatte webadressen med din egen kode. Gem, genstart Slack, og dine ændringer vil blive synlige. Hvis du ikke kender CSS eller bare vil lave en mindre ændring, er der defineret fire farvevariabler, før du læser CSS, så du kan bare redigere dem med dine egne farver.
