Slack stále nemá tmavý režim. Mají temné motivy, ale ty vám umožňují pouze přizpůsobit barvy postranního panelu a zanechat hlavní okno bílé. S uvolněním 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í v zdrojových souborech pro Slack. Je to docela snadné, ale protože bude přepsáno pokaždé, když aktualizujete, 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 pohřbeny 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 elektronické sdílení kóduje napříč platformami, toto téma bude pracovat i na operačních systémech Windows a Linux. Zjistili jsme, že existují nějaké problémy s tématem MacOS Mojave, i když, takže pokud to nefunguje, můžete zkusit tuto vidlici, která říká, že funguje pouze na Mac OS, ale může pracovat i pro uživatele systému Windows.

Patching Slack

V této části budete muset opakovat pokaždé, když se aktualizace Slack aktualizuje. 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 možnosti "Zobrazit obsah balíčku". V systému Windows to najdete~AppDataLocalslack .

Pak přejděte do několika složek resources/app.asar.unpacked/src/static/ . Budete chtít najít ssb-interop.js soubor, kde budete kód upravovat. Zkontrolujte, zda 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:

// 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); }) }); }); });

Budete pravděpodobně chtít tento soubor duplikovat a uložit jej na jiné místo, 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 vašeho 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, upravit s vašimi změnami 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.

Nejlepší Tipy:
Komentář: