Kako instalirati (neslužbeni) tamni način rada za zastoj

Slack još uvijek nema tamni mod. Imaju tamne teme, ali one vam omogućuju samo prilagodbu boja bočne trake, ostavljajući glavni prozor bijelim. Puštanjem tamnih modova u cijelom sustavu na macOS Mojave i Windows 10, Slack se osjeća izvan mjesta.

Ova metoda je neslužbena i uključuje kopanjeokolo u izvornim datotekama za Slack. To je prilično lako napraviti, ali budući da će se prebrisati svaki put kada ažurirate, to ćete morati učiniti više puta.

Preuzimanje teme

Budući da Slack radi na Electronu, okvir zarazvijajući Node.js aplikacije za radne površine, možete uređivati ​​stilove za njega kao što biste uređivali CSS web stranice. Ali CSS datoteke za Slack zakopane su u izvoru, tako da ćete morati učitati vlastite teme.

Najpopularnija prava tema mračnog načina jeWidget crno-crna tema. A budući da Electron dijeli kod sa svih platformi, ova će tema raditi i na Windowsima i Linuxu. Otkrili smo da ima nekih problema s temom na macOS Mojave, pa ako ne uspije, možete isprobati ovaj vilicu koja kaže da djeluje samo na macOS-u, ali može raditi i za Windows korisnike.

Krpanje slabe

Ovaj dio, morat ćete ponoviti svaki putSlaba ažuriranja. Na macOS-u možete doći do Slackovog izvornog direktorija tako da desnom tipkom miša kliknete samu aplikaciju i odaberete "Prikaži sadržaj paketa". U sustavu Windows naći ćete ga na ~AppDataLocalslack .

Zatim pomaknite nekoliko mapa prema dolje resources/app.asar.unpacked/src/static/ , Trebat ćete ga pronaći ssb-interop.js datoteku, gdje ćete urediti kôd. Provjerite je li Slack zatvoren, otvorite tu datoteku u svom omiljenom uređivaču teksta i pomaknite se do dna:

Kopirajte i zalijepite sljedeći kôd na kraj ssb-interop.js datoteka:

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

Vjerojatno ćete htjeti kopirati ovu datoteku ispremite ga na drugom mjestu, tako da ne morate svaki put uređivati ​​kôd. Na ovaj način možete ga samo povući u mapu kako biste prebrisali najnoviju verziju:

Nakon što završite, ponovo otvorite Slack i nakon nekolikosekundi trebao bi krenuti mračni način rada. Ekran za učitavanje i dalje će biti bijeli, ali glavni se prozor aplikacije puno bolje spaja s ostatkom vašeg sustava:

Dodavanje vlastitih tema

Ako vam se izgled ne sviđa, možete ureditiCSS sa bilo kojim stilovima koje želite. Sve što ovaj kod radi je učitavanje prilagođenih stilova sa https://cdn.rawgit.com/widget-/slack-black-theme/master/custom.css; možete preuzeti tu datoteku, urediti je izmjenama i zamijeniti URL vlastitim kodom. Spremite, ponovo pokrenite Slack i promjene će biti vidljive. Ako ne znate CSS ili samo želite izvršiti manju promjenu, prije učitavanja CSS-a definirane su četiri varijable boje, tako da ih možete samo urediti vlastitim bojama.