Tämä menetelmä on epävirallinen ja liittyy kaivamaan noin lähdetiedostoihin Löytää. Se on melko helppo tehdä, mutta koska se korvataan joka kerta, kun päivität, sinun täytyy tehdä tämä useita kertoja.
Teeman lataaminen
Koska Slack toimii Electronissa, kehyksen Node.js-sovellusten kehittäjänä, voit muokata sitä tyylejä, kuten muokkaat verkkosivuston CSS-sivua. Mutta Llack: n CSS-tiedostot haudataan lähteeseen, joten sinun on ladattava omat teesi.
Suosituin tosi tumma tila -teema on Widgetin slack-black-teema. Ja koska Electronin osakkeet koodataan eri alustoilla, tämä teema toimii myös Windowsissa ja Linuxissa. Löysimme, että MacOS Mojave -teeman teema oli joitain ongelmia, joten jos se ei toimi, voit kokeilla tätä haarukkaa, joka sanoo toimivan vain MacOS-koneissa, mutta voi toimia myös Windows-käyttäjille.
Patching Llack
Tämä osa, sinun on tehtävä uudelleen joka kerta, kun olet löytänyt päivitykset. MacOS: ssa pääset Llackin lähdeluetteloon klikkaamalla hiiren kakkospainikkeella itse sovellusta ja valitsemalla Näytä paketin sisältö. Windowsissa löydät sen osoitteessa ~AppDataLocalslack
Siirry sitten muutamiin kansioihin alaspäin
resources/app.asar.unpacked/src/static/
. Aiot löytää
ssb-interop.js
tiedosto, jossa voit muokata koodia. Varmista, että Lakkaus on suljettu, avaa tiedosto suosikki tekstieditorissa ja siirry alareunaan:
ssb-interop.js
file:
// 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); }) }); }); });
Luultavasti haluat kopioida tämän tiedoston ja tallentaa sen toiseen paikkaan, joten sinun ei tarvitse muokata koodia joka kerta. Tällä tavalla voit vetää sen hakemistoon, jotta voit korvata uusimman version:
Omien teemiesi lisääminen
Jos et pidä siitä ulkoasua, voit muokata CSS-mallia haluamillasi tyylillä. Kaikki tämä koodi on kuormitettu omia tyylejä osoitteesta https://cdn.rawgit.com/widget-/slack-black-theme/master/custom.css; voit ladata sen tiedoston, muokata sen muutoksilla ja korvata URL-osoitteen omalla koodillasi. Tallenna, käynnistä Lakkaus ja muutokset näkyvät. Jos et tiedä CSS: tä tai haluat vain tehdä pienen muutoksen, on määritetty neljä värimuuttujaa ennen CSS: n lataamista, joten voit muokata niitä omilla väreillä.
