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 kazmayı içerir.Slack için kaynak dosyalarının çevresinde. Yapması oldukça kolaydır, ancak güncelleme yaptığınız her seferinde üzerine yazılacağından, bunu birden çok kez yapmanız gerekir.

Tema indirme

Slack, Electron ile çalıştığından,Masaüstü Node.js uygulamalarını geliştirerek, web sitesinin CSS'sini düzenlediğ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. Ancak, macOS Mojave'daki tema ile ilgili bazı sorunlar olduğunu gördük, bu nedenle işe yaramazsa, yalnızca macOS'ta çalıştığını ancak Windows kullanıcıları için de çalıştığını söyleyen bu çatalı deneyebilirsiniz.

Gevşeklik yama

Bu kısım, her seferinde tekrar yapmanız gerekecekSlack güncellemeler. MacOS'ta, uygulamanın kendisine sağ tıklayarak ve “Paket İçeriğini Göster” seçeneğini seçerek Slack’ın kaynak dizinine ulaşabilirsiniz. Windows’ta bulabilirsin ~AppDataLocalslack .

Ardından birkaç klasöre gidin resources/app.asar.unpacked/src/static/ . Bulmak isteyeceksin ssb-interop.js kodu düzenleyeceğiniz bir dosya 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ıp en sonuna kopyalayıp yapıştırın. ssb-interop.js dosya:

// 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);
})
});
});
});

Muhtemelen bu dosyayı kopyalamak isteyeceksiniz vefarklı bir yere kaydedin, böylece 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ç dakika sonrakaranlık modun devreye girmesi gereken saniyeler. 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, düzenleyebilirsiniz.İstediğiniz stillerle CSS. 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 renginizle düzenleyebilirsiniz.