Kendur masih tidak memiliki mode gelap. Mereka memiliki tema gelap, tetapi mereka hanya membiarkan Anda menyesuaikan warna sidebar, meninggalkan jendela utama putih. Dengan rilis mode gelap sistem-lebar pada macOS Mojave dan Windows 10, Slack terasa sangat tidak pada tempatnya.
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.
Karena Slack berjalan di Electron, kerangka kerja untuk mengembangkan aplikasi Node.js desktop, Anda dapat mengedit gaya untuk itu seperti Anda mengedit CSS dari 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 fork ini, yang mengatakan ia bekerja di macOS saja tetapi dapat bekerja untuk pengguna Windows juga.
Bagian ini, Anda harus melakukan lagi setiap kali pembaruan Slack. Pada macOS, Anda bisa mendapatkan direktori sumber Slack dengan mengklik kanan aplikasi itu sendiri dan memilih "Tampilkan Isi Paket". Di Windows, Anda akan menemukannya~ \ AppData \ Local \ slack \ .
Kemudian, arahkan beberapa folder ke bawah sumber daya / app.asar.unpacked / src / static / . Anda akan ingin mencari ssb-interop.js file, di mana Anda akan mengedit kode. Pastikan Slack tertutup, 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 () // Kemudian dapatkan tampilan webnya, biarkan tampilan web = document.querySelectorAll (". TeamView webview"); // Ambil CSS kita 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: * / --primer: # 09F; --text: #CCC; --template: # 080808; --tinggalan -tinggi: # 222 ; '// Masukkan tag gaya ke dalam tampilan pembungkus cssPromise.then (css => mari s = document.createElement (' style '); s.type =' text / css '; s.innerHTML = css + customCustomCSS ; document.head.appendChild (s);); // Tunggu setiap tampilan web untuk memuat webviews.forEach (webview => webview.addEventListener ('ipc-message', message => if (message.channel == 'didFinishLoading') // Akhirnya tambahkan CSS ke dalam webview cssPromise.then (css => biarkan skrip = '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 saat. Dengan cara ini, Anda dapat menyeretnya ke direktori untuk menimpa versi terbaru:
Setelah selesai, buka kembali Slack, dan setelah beberapa detik, mode gelap akan menendang masuk. Layar pemuatan akan tetap putih, tetapi jendela aplikasi utama akan berbaur lebih baik dengan sisa sistem Anda:
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.