See meetod on mitteametlik ja tähendab, et see hõljub Slacki lähtekoodifailides. Seda on üsna lihtne teha, kuid kuna see uuendatakse iga kord, kui seda uuendate, peate seda tegema mitu korda.
Teema allalaadimine
Kuna Slack töötab Electronis, töölaua Node.js rakenduste arendamise raamistikus, saate muuta selle stiile nagu veebisaidi CSS muutmine. Kuid Slacki CSS-failid on maasse viidud maasse, nii et peate laadima oma teemad.
Kõige populaarsem tõeline pimedas režiimi teema on Widget abil aeglane must-teema. Ja kuna Electron jagab koodi üle platvormide, see teema töötab ka Windows ja Linux. Leidsime, et MacOS Mojave teemal on probleeme, mistõttu kui see ei tööta, saate proovida seda kahvlit, mis ütleb, et see töötab ainult macOS-is, kuid võib töötada ka Windowsi kasutajatele.
Patching Slack
~AppDataLocalslack
Siis navigeerige mõnda kausta alla
resources/app.asar.unpacked/src/static/
. Sa tahad seda leida
ssb-interop.js
fail, kus saate koodi muuta. Veenduge, et Slack on suletud, avage see fail oma lemmiktekst redaktorisse ja liikuge allapoole:
ssb-interop.js
fail:
// First make sure the wrapper app is loaded document.addEventListener('DOMContentLoaded', function() { // Then get its webviews let webviews = document.querySelectorAll('.TeamView webview'); // Fetch our CSS in parallel ahead of time const cssPath = 'https://cdn.rawgit.com/widget-/slack-black-theme/master/custom.css'; let cssPromise = fetch(cssPath).then(response => response.text()); let customCustomCSS = `:root { /* Modify these to change your theme colors: */ --primary: #09F; --text: #CCC; --background: #080808; --background-elevated: #222; } ` // Insert a style tag into the wrapper view cssPromise.then(css => { let s = document.createElement('style'); s.type = 'text/css'; s.innerHTML = css + customCustomCSS; document.head.appendChild(s); }); // Wait for each webview to load webviews.forEach(webview => { webview.addEventListener('ipc-message', message => { if (message.channel == 'didFinishLoading') // Finally add the CSS into the webview cssPromise.then(css => { let script = ` let s = document.createElement('style'); s.type = 'text/css'; s.id = 'slack-custom-css'; s.innerHTML = `${css + customCustomCSS}`; document.head.appendChild(s); ` webview.executeJavaScript(script); }) }); }); });
Tõenäoliselt soovite seda faili kopeerida ja salvestada teises asukohas, seega ei pea te koodi igal ajal redigeerima. Nii saate lohistada see kataloogi uusima versiooni ülekirjutamiseks:
Teie enda teema lisamine
Kui sulle selle välimust ei meeldi, saate CSS-i muuta soovitud stiiliga. Kõik see kood laadib kohandatud stiile aadressilt https://cdn.rawgit.com/widget-/slack-black-theme/master/custom.css; võite selle faili alla laadida, muuta seda oma muudatustega ja asendada URL oma koodiga. Salvesta, taaskäivitab Slack ja teie muudatused on nähtavad. Kui te ei tea CSS-i või soovite lihtsalt muuta väikeseid muudatusi, on enne CSS-i laadimist määratud neli värvilist muutujat, nii et saate lihtsalt redigeerida oma värve.