Šī metode ir neoficiāla un saistīta ar raktuvēm avota failos Slack. Tas ir diezgan viegli izdarāms, taču, tā kā tas tiek pārrakstīts katru reizi, kad jūs atjaunināsit, jums tas būs jādara vairākas reizes.
Tēmas ielāde
Tā kā Slack darbojas uz Electron, sistēmu, kas paredzēta darbvirsmas Node.js lietojumprogrammu izveidei, jūs varat rediģēt tā stilu, piemēram, rediģējot vietnes CSS. Taču CSS faili Slack ir aprakti avotā, tāpēc jums būs jāielādē savas motīvi.
Vispopulārākā patiešā tumšā režīma motīvs ir logrīks ar vieglu melno motīvu. Un tā kā Electron dalās programmā ar platformu starpniecību, šī tēma tiks izmantota arī operētājsistēmās Windows un Linux. Mēs atklājām, ka daži jautājumi saistībā ar MacOS Mojave tēmu tomēr ir, tādēļ, ja tas nedarbojas, varat izmēģināt šo dakšiņu, kas norāda, ka tā darbojas tikai uz MacOS, bet tā var arī strādāt Windows lietotājiem.
Patching Slack
~AppDataLocalslack
Pēc tam pārvietojiet dažas mapes uz leju līdz
resources/app.asar.unpacked/src/static/
. Jūs gribat atrast
ssb-interop.js
fails, kur jūs rediģēsiet kodu. Pārliecinieties, ka Slack ir aizvērts, atveriet šo failu savā iecienītākajā teksta redaktorā un ritiniet līdz apakšai:
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 un saglabāt to citā vietā, tāpēc jums katru reizi nav jārediģē kods. Tādā veidā jūs varat vienkārši vilkt to direktorijā, lai pārrakstītu jaunāko versiju:
Pievienojot savas tēmas
Ja jums nepatīk izskats, jūs varat rediģēt CSS ar jebkuru stilu, kuru vēlaties. Viss šis kods dara, ielādējiet pielāgotos stilus no https://cdn.rawgit.com/widget-/slack-black-theme/master/custom.css; jūs varat lejupielādēt šo failu, rediģēt to ar savām izmaiņām un aizstāt URL ar savu kodu. Saglabājiet, atkārtoti palaidiet un jūsu izmaiņas būs redzamas. Ja jūs nezināt CSS vai vienkārši vēlaties veikt nelielas izmaiņas, pirms CSS ielādes ir noteikti četri krāsu mainīgie, tādēļ jūs varat rediģēt tos ar savām krāsām.
