Slack için (Resmi olmayan) Karanlık Modu Nasıl Kurulur

Slack hala karanlık bir moda sahip değil. Koyu temaları var, ancak bunlar yalnızca ana pencereyi beyaz bırakarak kenar çubuğu renklerini özelleştirmenize izin veriyor. MacOS Mojave ve Windows 10'da sistem genelinde karanlık modların piyasaya sürülmesiyle, Slack çok yetersiz hissediyor.

Bu yöntem gayri resmidir ve Slack için kaynak dosyalarında dolaşmayı içerir. Yapması oldukça kolay, ancak güncelleme yaptığınız her seferinde üzerine yazılacağından, bunu birden çok kez yapmanız gerekecek.

Tema indirme

Slack, masaüstü Node.js uygulamaları geliştirmek için bir çerçeve olan Electron'da çalıştığından, web sitesinin CSS'sini düzenleyeceğiniz gibi stillerini düzenleyebilirsiniz. Ancak Slack için CSS dosyaları kaynağa gömülmüş olduğundan, kendi temalarınızı yüklemeniz gerekir.

En popüler gerçek karanlık mod teması Widget tarafından gevşek-siyah-tema. Electron platformlar arasında kod paylaştığından, bu tema Windows ve Linux'ta da çalışacak. MacOS Mojave'daki tema ile ilgili bazı sorunlar olduğunu gördük, ancak eğer işe yaramazsa, sadece macOS'ta çalıştığını ancak Windows kullanıcıları için de çalışabileceğini söyleyen bu çatalı deneyebilirsiniz..

Slack yaması

Bu kısım, Slack güncellediğinde her zaman tekrar yapmanız gerekecek. MacOS'ta, uygulamanın kendisine sağ tıklayarak ve “Paket İçeriğini Göster” seçeneğini seçerek Slack'un kaynak dizinine ulaşabilirsiniz. Windows'ta, bulacaksınız ~ \ AppData \ Local \ gevşek \ .

Ardından birkaç klasöre gidin kaynaklar / app.asar.unpacked / src / static / . Bulmak isteyeceksin ssb-interop.js kodda düzenleme yapacağınız dosyayı Slack'in kapalı olduğundan emin olun, bu dosyayı en sevdiğiniz metin düzenleyicide açın ve en altına gidin:

Aşağıdaki kodu kopyalayın ve sonuna kopyalayın. ssb-interop.js dosya:

// İlk olarak sarmalayıcı uygulamasının yüklü olduğundan emin olun. // // Ardından web görünümlerini olsun, webviews = let.querySelectorAll (". TeamView webview");); const cssPath = 'https://cdn.rawgit.com/widget-/slack-black-theme/master/custom.css'; Let cssPromise = fetch (cssPath) .then (response => response.text () ); let customCustomCSS = ': root / * Tema renklerinizi değiştirmek için bunları değiştirin: * / --primary: # 09F; --text: #CCC; --background: # 080808; --background-elevated: # 222 ; '// Bir sarmalayıcı görünümüne bir stil etiketi ekleyin cssPromise.then (css => let s = document.createElement (' style '); s.type =' text / css '; s.innerHTML = css + customCustomCSS ; document.head.appendChild (s);); // Her web görünümünün webviews.forEach (webview => webview.addEventListener ('ipc-message', = = if (message.channel ==) yüklenmesini bekleyin 'didFinishLoading') // Sonunda CSS'yi cssPromise.then web görünümüne ekleyin (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); )); ); ); 

Muhtemelen bu dosyayı kopyalamak ve farklı bir yere kaydetmek isteyeceksinizdir, bu yüzden kodu her zaman düzenlemek zorunda kalmazsınız. Bu şekilde, en yeni sürümün üzerine yazmak için dizine sürükleyebilirsiniz:

İşiniz bittikten sonra Slack'i yeniden açın ve birkaç saniye sonra karanlık mod devreye girmelidir. Yükleme ekranı hala beyaz olacak, ancak ana uygulama penceresi sisteminizin geri kalanıyla daha iyi uyum sağlayacak:

Kendi Temalarınızı Ekleme

Görünümünü beğenmediyseniz, CSS'yi istediğiniz stillerle düzenleyebilirsiniz. Tüm bu kod https://cdn.rawgit.com/widget-/slack-black-theme/master/custom.css adresinden özel stiller yüklemek; Bu dosyayı indirebilir, değişikliklerinizle düzenleyebilir ve URL’yi kendi kodunuzla değiştirebilirsiniz. Kaydet, Slack'i yeniden başlat ve değişikliklerin görülebilir. CSS'yi bilmiyorsanız veya yalnızca küçük bir değişiklik yapmak istiyorsanız, CSS'yi yüklemeden önce tanımlanmış dört renk değişkeni vardır, böylece bunları kendi renklerinizle düzenleyebilirsiniz..