Metode ini tidak resmi dan melibatkan penggalian di file sumber untuk Slack. Ini cukup mudah dilakukan, tetapi karena akan ditimpa setiap kali Anda memperbarui, Anda harus melakukan ini beberapa kali.
Mengunduh Tema
Karena Slack berjalan di Electron, kerangka kerja untuk mengembangkan aplikasi Node.js desktop, Anda dapat mengedit gayanya seperti Anda mengedit CSS situs web. Tetapi file CSS untuk Slack dimakamkan di sumbernya, jadi Anda harus memuat tema Anda sendiri.
Tema mode gelap nyata yang paling populer adalah tema hitam kendur oleh Widget. Dan karena Electron membagikan kode di seluruh platform, tema ini juga akan bekerja pada Windows dan Linux. Kami menemukan ada beberapa masalah dengan tema pada macOS Mojave, jadi jika tidak berfungsi maka Anda dapat mencoba garpu ini, yang mengatakan itu berfungsi di macOS saja tetapi dapat berfungsi untuk pengguna Windows juga.
Menambal Kendur
Bagian ini, Anda harus melakukannya lagi setiap kali pembaruan Slack. Di macOS, Anda bisa mendapatkan direktori sumber Slack dengan mengklik kanan aplikasi itu sendiri dan memilih "Tampilkan Konten Paket". Di Windows, Anda akan menemukannya ~AppDataLocalslack
Kemudian, arahkan beberapa folder ke bawah
resources/app.asar.unpacked/src/static/
. Anda akan ingin mencari
ssb-interop.js
file, tempat Anda akan mengedit kode. Pastikan Slack tertutup, buka file itu di editor teks favorit Anda, dan gulir ke bawah:
ssb-interop.js
mengajukan:
// 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); }) }); }); });
Anda mungkin ingin menduplikasi file ini dan menyimpannya di lokasi yang berbeda, jadi Anda tidak perlu mengedit kode setiap saat. Dengan cara ini, Anda dapat menyeretnya ke direktori untuk menimpa versi terbaru:
Menambahkan Tema Anda Sendiri
Jika Anda tidak suka tampilan itu, Anda dapat mengedit CSS dengan gaya yang Anda inginkan. Semua kode ini tidak memuat gaya khusus dari https://cdn.rawgit.com/widget-/slack-black-theme/master/custom.css; Anda dapat mengunduh file itu, mengeditnya dengan perubahan Anda, dan mengganti URL dengan kode Anda sendiri. Simpan, luncurkan ulang Slack, dan perubahan Anda akan terlihat. Jika Anda tidak tahu CSS, atau hanya ingin membuat perubahan kecil, ada empat variabel warna yang ditentukan sebelum memuat CSS, jadi Anda hanya dapat mengeditnya dengan warna Anda sendiri.
