Kā instalēt (neoficiālu) tumšo režīmu ļenganai

Lētajam joprojām nav tumšā režīma. Viņiem ir tumšas motīvi, bet tie ļauj pielāgot tikai sānjoslas krāsas, atstājot galveno logu baltu. Atbrīvojot visas sistēmas tumšos režīmus MacOS Mojave un Windows 10, Slack jūtas ļoti nevietā.

Šī metode ir neoficiāla un ietver rakšanuap avota failiem Slack. Tas ir diezgan viegli izdarāms, taču, tā kā tas tiks pārrakstīts katru reizi, kad atjaunināsit, jums tas būs jādara vairākas reizes.

Motīva lejupielāde

Tā kā Sluks darbojas uz Electron, sistēmaizstrādājot darbvirsmas Node.js lietotnes, jūs varat rediģēt tās stilus tāpat kā rediģēt vietnes CSS. Bet Slack CSS faili ir aprakti avotā, tāpēc jums būs jāielādē savi motīvi.

Vispopulārākā īstā tumšā režīma tēmaLogrīka melnbalta tēma. Tā kā Electron kopīgo kodu visās platformās, šī tēma darbosies arī operētājsistēmās Windows un Linux. Tomēr mēs atklājām, ka ir dažas problēmas ar MacOS Mojave tēmu, tāpēc, ja tā nedarbojas, varat izmēģināt šo dakšiņu, kas saka, ka tā darbojas tikai MacOS, bet var darboties arī Windows lietotājiem.

Ielāšana ļengans

Šī daļa jums katru reizi būs jādara vēlreizLēnām atjauninājumiem. MacOS jūs varat nokļūt Slack avota direktorijā, ar peles labo pogu noklikšķinot uz pašas lietotnes un atlasot “Rādīt paketes saturu”. Operētājsistēmā Windows to atradīsit vietnē ~AppDataLocalslack .

Pēc tam pārejiet dažas mapes uz leju līdz resources/app.asar.unpacked/src/static/ . Jūs vēlēsities atrast ssb-interop.js failu, kurā rediģēsit kodu. Pārliecinieties, ka Slack ir aizvērts, atveriet šo failu iecienītajā teksta redaktorā un ritiniet uz leju:

Nokopējiet un ielīmējiet šo kodu pašā koda beigās ssb-interop.js fails:

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

Jūs, iespējams, vēlēsities dublēt šo failu unsaglabājiet to citā vietā, tāpēc jums kods nav katru reizi jārediģē. Tādā veidā varat to vienkārši ievilkt direktorijā, lai pārrakstītu jaunāko versiju:

Kad esat pabeidzis, atkārtoti atveriet Slack un vēl pēc dažiemPēc dažām sekundēm vajadzētu sākt darboties tumšajā režīmā. Iekraušanas ekrāns joprojām būs balts, bet galvenais lietotnes logs saplūdīs daudz labāk ar pārējo jūsu sistēmu:

Savu motīvu pievienošana

Ja jums nepatīk tā izskats, varat rediģētCSS ar jebkuru vēlamo stilu. Viss šis kods tiek ielādēts no https://cdn.rawgit.com/widget-/slack-black-theme/master/custom.css pielāgotajiem stiliem; varat lejupielādēt šo failu, rediģēt to ar izmaiņām un aizstāt URL ar savu kodu. Saglabājiet, atsākiet slīdēšanu, un jūsu veiktās izmaiņas būs redzamas. Ja nezināt CSS vai vienkārši vēlaties veikt nelielas izmaiņas, pirms CSS ielādēšanas ir definēti četri krāsu mainīgie, lai jūs varētu tikai rediģēt tos ar savām krāsām.