Skip to main content

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

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

Geoffrey Carr

Slack 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 tmy v celom systéme na systémoch 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 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

Táto časť, budete musieť urobiť 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 myši na samotnú aplikáciu a výberom možnosti Zobraziť obsah balíka. V systéme Windows to nájdete na adrese~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:

Skopírujte a prilepte nasledujúci kód na úplnom konci 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:

Potom, čo skončíte, znovu otvorte Slack a po niekoľkých sekundách by sa mohol spustiť tmavý režim. Obrazovacia plocha bude stále biela, ale hlavné okno aplikácie sa zmení na oveľa lepšie so zvyškom vášho systému:

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.

Link
Plus
Send
Send
Pin