Cara Pasang Mod Dark (Tidak rasmi) untuk Slack
Slack masih tidak mempunyai mod gelap. Mereka mempunyai tema gelap, tetapi mereka hanya membenarkan anda menyesuaikan warna bar sisi, meninggalkan tetingkap utama putih. Dengan melepaskan mod gelap seluruh sistem pada macOS Mojave dan Windows 10, Slack terasa sangat tidak dapat dilupakan.
Kaedah ini tidak rasmi dan melibatkan penggalian di dalam fail sumber untuk Slack. Ia agak mudah dilakukan, tetapi kerana ia akan ditulis ganti setiap kali anda mengemas kini, anda perlu melakukan ini beberapa kali.
Memuat turun Tema
Memandangkan Slack berjalan pada Electron, rangka kerja untuk membangunkan aplikasi Node.js desktop, anda boleh mengedit gaya untuknya seperti yang anda akan edit CSS laman web. Tetapi fail CSS untuk Slack dikebumikan di sumbernya, jadi anda perlu memuat tema anda sendiri.
Tema mod gelap gelap yang paling popular adalah tema hitam yang tidak disengajakan oleh Widget. Dan kerana kod saham Electron merentasi platform, tema ini akan berfungsi pada Windows dan Linux juga. Kami mendapati terdapat beberapa masalah dengan tema pada MacOS Mojave walaupun, jadi jika ia tidak berfungsi maka anda boleh mencuba garpu ini, yang mengatakan ia berfungsi pada macOS sahaja tetapi mungkin berfungsi untuk pengguna Windows juga.
Patching Slack
Bahagian ini, anda perlu lakukan sekali lagi setiap kali update Slack. Pada macOS, anda boleh sampai ke direktori sumber Slack dengan mengklik kanan pada apl itu sendiri dan memilih "Tunjukkan Kandungan Paket". Di Windows, anda akan menemuinya ~ \ AppData \ Local \ slack \ .
Kemudian, arahkan beberapa folder ke bawah sumber / app.asar.unpacked / src / static / . Anda akan mahu mencari ssb-interop.js fail, di mana anda akan mengedit kod. Pastikan Slack ditutup, buka fail itu dalam editor teks kegemaran anda, dan tatal ke bahagian bawah:
Salin dan tampal kod berikut pada hujungnya ssb-interop.js fail:
/ Pertama pastikan aplikasi pembungkus dimuatkan document.addEventListener ("DOMContentLoaded", fungsi () // Kemudian dapatkan pandangan webnya biarkan webviews = document.querySelectorAll (".webview TeamView"); // Fetch CSS kami selari di hadapan of time const cssPath = 'https://cdn.rawgit.com/widget-/slack-black-theme/master/custom.css'; mari cssPromise = fetch (cssPath) .then (response => response.text () ); biarkan customCustomCSS = ': root / * Ubah suai ini untuk menukar warna tema anda: * / --primary: # 09F; --text: #CCC; --background: # 080808; - backyard-elevated: # 222 ; '// Masukkan tag gaya ke dalam bungkus cssPromise.then (css => let s = document.createElement (' style '); s.type =' text / css '; s.innerHTML = css + customCustomCSS ; document.head.appendChild;); // Tunggu setiap pandangan web untuk memuat webviews.forEach (webview => webview.addEventListener ('ipc-message', message => if (message.channel == 'didFinishLoading') // Akhir sekali tambahkan CSS ke dalam webview cssPromise.then (css => let script = 'mari s = document.createElement (' gaya '); s.type = 'text / css'; s.id = 'slack-custom-css'; s.innerHTML = \ '$ css + customCustomCSS \'; document.head.appendChild (s); 'webview.executeJavaScript (skrip); )); ); ); Anda mungkin ingin menduplikasi fail ini dan menyimpannya di lokasi lain, jadi anda tidak perlu mengedit kod setiap kali. Dengan cara ini, anda boleh seret ke direktori untuk menulis ganti versi terbaru:
Selepas selesai, buka semula Slack, dan selepas beberapa saat, mod gelap mesti disiarkan. Skrin loading masih putih, tetapi tetingkap apl utama akan menggabungkan lebih baik dengan sistem anda yang lain:
Menambah Tema Anda Sendiri
Sekiranya anda tidak suka melihatnya, anda boleh mengedit CSS dengan mana-mana gaya yang anda mahu. Semua kod ini tidak memuatkan gaya tersuai daripada https://cdn.rawgit.com/widget-/slack-black-theme/master/custom.css; anda boleh memuat turun fail itu, mengeditnya dengan perubahan anda, dan menggantikan URL dengan kod anda sendiri. Simpan, tambah semula Slack, dan perubahan anda akan kelihatan. Sekiranya anda tidak mengetahui CSS, atau hanya ingin membuat perubahan kecil, terdapat empat pembolehubah warna yang ditakrif sebelum memuatkan CSS, jadi anda boleh mengeditnya dengan warna anda sendiri.
