Jak nainstalovat (neoficiální) tmavý režim pro uvolnění

Slack stále nemá tmavý režim. Mají temné motivy, ale ty vám umožňují pouze přizpůsobit barvy postranního pruhu a zanechat hlavní okno bílé. S uvolněním celosystémových tmavých režimů v systémech macOS Mojave a Windows 10 se Slack cítí velmi neuspořádaně.

Tato metoda je neoficiální a zahrnuje kopání ve zdrojových souborech pro Slack. Je to poměrně snadné, ale protože bude přepsáno při každé aktualizaci, budete muset dělat to několikrát.

Stažení tématu

Vzhledem k tomu, že Slack běží na Electronu, což je rámec pro vývoj aplikací desktop Node.js, můžete upravovat styly, jako byste upravili CSS webové stránky. Ale soubory CSS pro Slack jsou pochovány ve zdroji, takže budete muset načíst vlastní témata.

Nejpopulárnějším temným tmavým modelem je téma slack-black-theme od Widget. A protože sdílení elektronů kóduje napříč platformami, bude toto téma pracovat také na systémech Windows a Linux. Zjistili jsme, že existují nějaké problémy s tématem na MacOS Mojave, ačkoli, takže pokud to nefunguje, můžete zkusit tuto vidlici, která říká, že funguje pouze na macOS, ale může pracovat i pro uživatele Windows.

Patching Slack

V této části budete muset opakovat pokaždé, když se uvolní aktualizace. V systému MacOS se můžete dostat do zdrojového adresáře serveru Slack klepnutím pravým tlačítkem myši na samotnou aplikaci a výběrem položky "Zobrazit obsah balení". V systému Windows je najdete na adrese ~ \ AppData \ Local \ slack \ .

Pak přejděte do několika složek Zdroje / app.asar.unpacked / src / static / . Budete chtít najít ssb-interop.js soubor, kde budete kód upravovat. Ujistěte se, že je Slack zavřeno, otevřete soubor ve vašem oblíbeném textovém editoru a přejděte dolů:

Zkopírujte a vložte následující kód na konec souboru ssb-interop.js soubor:

// Nejprve se ujistěte, že aplikace wrapper je načtena document.addEventListener ("DOMContentLoaded", funkce () // Získat jeho webviews nechat webviews = document.querySelectorAll (". TeamView webview"); čas cssPath = 'https://cdn.rawgit.com/widget-/slack-black-theme/master/custom.css'; cssPromise = fetch (cssPath) .then (odpověď => response.text () ), nechte customCustomCSS = ': root / * Upravit tyto změny barvy motivu: * / - primární: # 09F; --text: #CCC; --background: # 080808; --background-elevated: # 222 ; '// Vložte značku stylu do zobrazení wrapper cssPromise.then (css => let s = document.createElement (' styl '); s.type =' text / css '; s.innerHTML = css + customCustomCSS ;); // Počkejte, až se každý webový pohled načte webovým zobrazením.Všechno (webview => webview.addEventListener ('ipc-message', message => if (message.channel == 'didFinishLoading') // Nakonec přidejte CSS do webview cssPromise.then (css => script = 'let s = document.createElement (' styl '); s.type = 'text / css'; s.id = 'slack-custom-css'; s.innerHTML = \ '$ css + customCustomCSS \'; document.head.appendChild (y); 'webview.executeJavaScript (skript); )); ); ); 

Budete pravděpodobně chtít tento soubor duplikovat a uložit jej na jiném místě, takže nemusíte upravovat kód pokaždé. Tímto způsobem můžete jednoduše přetáhnout do adresáře a přepsat nejnovější verzi:

Až budete hotovi, znovu otevřete Slack a po několika vteřinách by se měl spustit tmavý režim. Obrazovka pro načítání bude stále bílá, ale hlavní okno aplikace se spojí mnohem lépe se zbytkem systému:

Přidání vlastních motivů

Pokud se vám to nelíbí, můžete upravit CSS s libovolnými styly, které chcete. Celý tento kód dělá je načíst vlastní styly z https://cdn.rawgit.com/widget-/slack-black-theme/master/custom.css; můžete tento soubor stáhnout, upravovat pomocí změn a nahradit adresu URL vlastním kódem. Uložit, znovu spustit Slack a změny budou viditelné. Pokud nepoznáte CSS nebo chcete pouze provést menší změnu, před načtením CSS jsou definovány čtyři barevné proměnné, takže je můžete pouze upravovat pomocí vlastních barev.