Kako namestiti (neuradni) temni način za Slack

Slack še vedno nima temnega načina. Imajo temne teme, toda le ti omogočajo prilagajanje barv v stranski vrstici, tako da glavno okno ostane belo. S sprostitvijo sistemskih temnih načinov na MacOS Mojave in Windows 10 se Slack počuti zelo neprimerno.

Ta metoda je neuradna in vključuje kopanje v izvornih datotekah za Slack. To je dokaj enostavno narediti, toda ker bo prepisana vsakič, ko posodobite, boste morali to storiti večkrat.

Prenos teme

Ker Slack deluje na Electron, okvir za razvoj namiznih aplikacij Node.js, lahko uredite sloge zanj, kot bi urejali CSS spletnega mesta. Vendar so CSS datoteke za Slack zakopane v viru, zato boste morali naložiti svoje teme.

Najbolj priljubljena tema temnega načina je temačna črna tema, ki jo uporablja Widget. Ker Electron uporablja kode na različnih platformah, bo ta tema delovala tudi na Windows in Linux. Kljub temu smo ugotovili, da obstaja nekaj težav s temo na macOS Mojave, tako da, če ne deluje, lahko poskusite to vilico, ki pravi, da deluje le na macOS, vendar lahko deluje tudi za uporabnike operacijskega sistema Windows..

Patching Slack

Ta del, boste morali ponovno storiti vsakič, ko Slack posodobitve. Na macOS-u lahko dobite izvorni imenik Slack, tako da z desno tipko miške kliknete aplikacijo in izberete »Prikaži vsebino paketa«. V sistemu Windows boste našli Lokalni dostop \ t .

Nato se pomaknite po nekaj map navzdol do resources / app.asar.unpacked / src / static / . Želeli boste poiskati ssb-interop.js datoteko, kjer boste uredili kodo. Prepričajte se, da je Slack zaprt, odprite datoteko v priljubljenem urejevalniku besedila in se pomaknite na dno:

Kopirajte in prilepite naslednjo kodo na samem koncu ssb-interop.js mapa:

// Najprej se prepričajte, da je aplikacija wrapper naložena document.addEventListener ("DOMContentLoaded", function () // Nato dobite spletno stran, da naj se spletno mesto = document.querySelectorAll (". TeamView webview"); časa const cssPath = 'https://cdn.rawgit.com/widget-/slack-black-theme/master/custom.css'; naj cssPromise = fetch (cssPath). then (response => response.text ()) pusti customCustomCSS = ': root / * Spremeni jih tako, da spremeni barve teme: * / --primary: # 09F; --text: #CCC; --background: # 080808; --background-elevated: # 222 ; '// Vstavite slogovno oznako v pregledni ovoj cssPromise.then (css => let s = document.createElement (' style '); s.type =' text / css '; s.innerHTML = css + customCustomCSS // Počakajte, da se za vsak spletni prikaz naloži webviews.forEach (webview => webview.addEventListener ('ipc-message', sporočilo => if (message.channel == 'didFinishLoading') // Končno dodajte CSS v webview cssPromise.then (css => let script = 'let s = document.createElement (' stil '); s.type = 'text / css'; s.id = 'slack-custom-css'; s.innerHTML = '$ css + customCustomCSS'; document.head.appendChild (s); 'webview.executeJavaScript (script); )); ); ); 

Verjetno boste želeli podvojiti to datoteko in jo shraniti na drugo mesto, tako da vam ni treba vsakič urejati kode. Na ta način jo lahko samo povlečete v imenik in prepišete najnovejšo različico:

Ko končate, ponovno odprite Slack in po nekaj sekundah se bo začel pojavljati temen način. Zaslon za nalaganje bo še vedno bel, vendar se bo glavno okno aplikacije bolje združilo s preostalim sistemom:

Dodajanje lastnih tem

Če vam ni všeč videz, lahko urejate CSS s poljubnimi slogi. Vse to kodo je naložiti prilagojene sloge iz https://cdn.rawgit.com/widget-/slack-black-theme/master/custom.css; lahko prenesete to datoteko, jo uredite s svojimi spremembami in URL zamenjate s svojo kodo. Shranite, znova zaženite Slack in spremembe bodo vidne. Če ne poznate CSS-ja ali samo želite narediti manjšo spremembo, so pred nalaganjem CSS-ja definirane štiri barvne spremenljivke, tako da lahko uredite le tiste z lastnimi barvami..