Ako nainštalovať (Neoficiálny) tmavý režim pre Slack

Uvoľnenie stále nemá tmavý režim. Majú tmavé motívy, ale tie vám umožňujú prispôsobiť farby bočného panela a ponechať hlavné okno biele. S uvolnením tmavých režimov v systéme MacOS Mojave a Windows 10 sa Slack cíti veľmi neusporiadaný.

Táto metóda je neoficiálna a zahŕňa kopanie v zdrojových súboroch pre Slack. Je to dosť jednoduché, ale pretože bude prepisované zakaždým, keď aktualizujete, budete musieť to urobiť viackrát.

Stiahnutie témy

Vzhľadom k tomu, Slack beží na Electron, rámec pre vývoj aplikácií desktop Node.js, môžete upraviť štýly pre to, ako by ste upravovať CSS webovej 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 tému je slack-black-theme od Widget. A odkedy elektronické zdieľanie kódu prechádza cez platformy, táto téma bude fungovať aj na systémoch Windows a Linux. Zistili sme, že existujú nejaké problémy s motívom macOS Mojave, aj keď, takže ak to nefunguje, môžete skúsiť túto vidlicu, ktorá hovorí, že funguje len na macOS, ale môže pracovať aj pre používateľov systému Windows.

Patching Slack

Táto časť, budete musieť robiť znova zakaždým, keď Slack aktualizuje. V systéme macOS sa môžete dostať do zdrojového adresára Slack kliknutím pravým tlačidlom na samotnú aplikáciu a výberom možnosti Zobraziť obsah balíka. V systéme Windows to nájdete na adrese ~ \ AppData \ Local \ slack \ .

Potom prejdite na niekoľko 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 v obľúbenom textovom editore a prejdite na spodok:

Skopírujte a prilepte nasledujúci kód na úplnom konci SSB-interop.js file:

// Najprv sa uistite, že aplikácia obalu je načítaná document.addEventListener ("DOMContentLoaded", funkcia () // Potom získate webové zobrazenie nechať webviews = document.querySelectorAll ("TeamView webview"); času cssPath = 'https://cdn.rawgit.com/widget-/slack-black-theme/master/custom.css'; nechajte cssPromise = fetch (cssPath) .then (response => response.text () ), nechajte customCustomCSS = ': root / * Upraviť tieto zmeny farieb tému: * / - primárne: # 09F; --text: #CCC; --background: # 080808; --background-elevated: # 222 ; '// Vložte značku štýlu do zobrazenia wrapper cssPromise.then (css => let s = document.createElement (' style '); s.type =' text / css '; s.innerHTML = css + customCustomCSS ; // čakať na každý webový pohľad na načítanie webových adries.pre každý (webview => webview.addEventListener ('ipc-message', message => if (message.channel == 'didFinishLoading') // Nakoniec pridajte CSS do webview cssPromise.then (css => script = 'nechať s = document.createElement (' štýl '); s.type = 'text / css'; s.id = 'slack-custom-css'; s.innerHTML = \ '$ css + customCustomCSS \'; document.head.appendChild (s); 'webview.executeJavaScript (skript); )); ); ); 

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 môžete jednoducho pretiahnuť do adresára prepísať najnovšiu verziu:

Potom, čo skončíte, znovu otvorte Slack a po niekoľkých sekundách by sa mal spustiť tmavý režim. Načítavacia obrazovka bude stále biela, hlavné okno aplikácie však bude omnoho lepšie spájať so zvyškom vášho systému:

Pridanie vlastných tém

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 chcete vykonať len malú zmenu, pred načítaním CSS sú definované štyri premenné farieb, takže ich môžete len upraviť vlastnými farbami.