Táto metóda je neoficiálna a zahŕňa kopanie v zdrojových súboroch pre Slack. Je to pomerne ľahké, ale pretože bude prepisované zakaždým, keď aktualizujete, musíte to urobiť viackrát.
Stiahnutie témy
Vzhľadom k tomu, Slack beží na Electron, rámec pre vývoj desktop Node.js aplikácie, môžete upraviť štýly pre to, ako by ste upravovať CSS webové stránky. Ale súbory CSS pre Slack sú pochované v zdroji, takže budete musieť načítať svoje vlastné témy.
Najpopulárnejšia tmavá téma temného režimu je slack-black-theme od Widget. A keďže elektronické zdieľanie kódov prechádza cez platformy, táto téma bude fungovať aj na systémoch Windows a Linux. Zistili sme, že tam boli nejaké problémy s témou na MacOS Mojave aj keď, takže ak to nefunguje, môžete vyskúšať túto vidlicu, ktorá hovorí, že funguje len na macOS, ale môže pracovať aj pre užívateľov Windows.
Patching Slack
~AppDataLocalslack
Potom prejdite do niekoľkých priečinkov
resources/app.asar.unpacked/src/static/
Budete chcieť nájsť
ssb-interop.js
súbor, kde budete kód upravovať. Skontrolujte, či je Slack zatvorený, otvorte súbor vo vašom obľúbenom textovom editore a prejdite na spodok:
ssb-interop.js
file:
// 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); }) }); }); });
Pravdepodobne budete chcieť duplikovať tento súbor a uložiť ho na inom mieste, takže nemusíte upravovať kód zakaždým. Týmto spôsobom ju môžete jednoducho pretiahnuť do adresára a prepísať najnovšiu verziu:
Pridávanie vlastných motívov
Ak sa vám nepáči jeho vzhľad, môžete upraviť CSS s ľubovoľnými požadovanými štýlmi. Celý tento kód robí je načítať vlastné štýly zo stránky https://cdn.rawgit.com/widget-/slack-black-theme/master/custom.css; môžete tento súbor stiahnuť, upraviť s vašimi zmenami a nahradiť adresu URL svojim vlastným kódom. Uložiť, opätovne spustiť funkciu Uvoľniť a vaše zmeny budú viditeľné. Ak nepoznáte CSS alebo len chcete vykonať menšiu zmenu, pred načítaním CSS sú definované štyri farebné premenné, takže ich môžete jednoducho upraviť vlastnými farbami.
