Cara Memasang Mode Gelap (Tidak Resmi) untuk Slack

Kendur masih tidak memiliki mode gelap. Mereka memiliki tema gelap, tetapi hanya membiarkan Anda menyesuaikan warna sidebar, meninggalkan jendela utama putih. Dengan merilis mode gelap seluruh sistem pada macOS Mojave dan Windows 10, Slack terasa sangat tidak pada tempatnya.

Metode ini tidak resmi dan melibatkan penggalian di dalam 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 pada Electron, sebuah kerangka kerja untuk mengembangkan aplikasi desktop Node.js, Anda dapat mengedit gaya untuknya seperti Anda akan mengedit CSS situs web. Tetapi file CSS untuk Slack terkubur dalam sumbernya, jadi Anda harus memuat tema Anda sendiri.

Tema mode gelap sejati yang paling populer adalah slack-black-theme by Widget. Dan karena Electron membagikan kode lintas platform, tema ini juga akan berfungsi 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 hanya berfungsi pada macOS tetapi mungkin juga berfungsi untuk pengguna Windows..

Menambal Slack

Bagian ini, Anda harus lakukan lagi setiap kali pembaruan Slack. Di macOS, Anda bisa masuk ke direktori sumber Slack dengan mengklik kanan aplikasi itu sendiri dan memilih "Tampilkan Isi Paket". Di Windows, Anda akan menemukannya di ~ \ AppData \ Local \ slack \ .

Kemudian, navigasikan beberapa folder ke bawah sumber daya / app.asar.unpacked / src / static / . Anda akan ingin menemukan ssb-interop.js file, tempat Anda akan mengedit kode. Pastikan Slack ditutup, buka file itu di editor teks favorit Anda, dan gulir ke bawah:

Salin dan tempel kode berikut di bagian paling akhir ssb-interop.js mengajukan:

// Pertama-tama pastikan aplikasi pembungkus dimuat document.addEventListener ("DOMContentLoaded", function () // Lalu dapatkan tampilan webnya biarkan webviews = document.querySelectorAll (". TeamView webview"); // Ambil CSS kami secara paralel di depan waktu const cssPath = 'https://cdn.rawgit.com/widget-/slack-black-theme/master/custom.css'; biarkan cssPromise = fetch (cssPath) .then (response => response.text () ); biarkan customCustomCSS = ': root / * Ubah ini untuk mengubah warna tema Anda: * / --primary: # 09F; --text: #CCC; --background: # 080808; --background-elevated: # 222 ; '// Masukkan tag gaya ke tampilan wrapper cssPromise.then (css => let s = document.createElement (' style '); s.type =' text / css '; s.innerHTML = css + customCustomCSS ; document.head.appendChild;); // Tunggu setiap tampilan web untuk memuat webviews.forEach (webview => webview.addEventListener ('ipc-message', message => if (message.channel == 'didFinishLoading') // Akhirnya tambahkan CSS ke 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 (skrip); )); ); ); 

Anda mungkin ingin menduplikasi file ini dan menyimpannya di lokasi yang berbeda, jadi Anda tidak perlu mengedit kode setiap waktu. Dengan cara ini, Anda cukup menyeretnya ke direktori untuk menimpa versi terbaru:

Setelah Anda selesai, buka kembali Slack, dan setelah beberapa detik mode gelap akan muncul. Layar memuat masih akan berwarna putih, tetapi jendela aplikasi utama akan berbaur jauh lebih baik dengan sisa sistem Anda:

Menambahkan Tema Anda Sendiri

Jika Anda tidak suka tampilannya, Anda dapat mengedit CSS dengan gaya apa pun yang Anda inginkan. Semua kode ini adalah memuat gaya kustom 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 kembali 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 bisa mengeditnya dengan warna Anda sendiri..