Как да инсталирате (неофициален) Dark Mode за Slack

Slack все още няма тъмен режим. Те имат тъмни теми, но те само ви позволяват да персонализирате цветовете на страничната лента, оставяйки основния прозорец бял. С пускането на системни тъмни режими на MacOS Mojave и Windows 10, Slack се чувства много неуместно.

Този метод е неофициален и включва разкопки в изходните файлове за Slack. Това е доста лесно да се направи, но тъй като тя ще бъде презаписана всеки път, когато актуализирате, ще трябва да направите това няколко пъти.

Изтегляне на тема

Тъй като Slack работи на Electron, рамка за разработване на настолни Node.js приложения, можете да редактирате стиловете за нея, както бихте редактирали CSS на уебсайт. Но CSS файловете за Slack са заровени в източника, така че ще трябва да заредите собствени теми.

Най-популярната истинска тъмна тема е слабата черна тема от Widget. И тъй като Electron споделя код на различни платформи, тази тема ще работи и на Windows и Linux. Открихме, че има някои проблеми с темата на macOS Mojave, така че ако не работи, можете да опитате тази вилица, която казва, че работи само с macOS, но може да работи и за потребителите на Windows, както и за потребителите на Windows..

Закърпване

Тази част, ще трябва да направите отново всеки път, когато Slack актуализации. На macOS можете да стигнете до изходната директория на Slack, като щракнете с десния бутон върху самото приложение и изберете „Покажи съдържанието на пакета“. В Windows ще го намерите на адрес ~ \ AppData \ Local \ застой \ .

След това преминете към няколко папки до ресурси / app.asar.unpacked / SRC / статичен / . Ще искаш да намериш на SSB interop.js файл, където ще редактирате кода. Уверете се, че Slack е затворен, отворете този файл в любимия си текстов редактор и превъртете до дъното:

Копирайте и поставете следния код в самия край на на SSB interop.js файл:

// Първо се уверете, че приложението обвивка е заредено document.addEventListener ("DOMContentLoaded", function () // След това вземете webviews нека webviews = document.querySelectorAll (". TeamView webview"); на време const cssPath = 'https://cdn.rawgit.com/widget-/slack-black-theme/master/custom.css'; нека cssPromise = fetch (cssPath). then (response => response.text ()) нека customCustomCSS = ': root / * Променете тези, за да промените цветовете на темата: * / --primary: # 09F; --text: #CCC; --background: # 080808; --background-elevated: # 222 ; '// Вмъкване на маркер за стил в обзорния cssPromise.then (css => s = document.createElement (' style '); s.type =' text / css '; s.innerHTML = css + customCustomCSS // Изчакайте всеки уеб-виж да зареди webviews.forEach (webview => webview.addEventListener ('ipc-message', съобщение => if (message.channel == 'didFinishLoading') // Накрая добавете CSS в webview cssPromise.then (css => let script = 'нека s = document.createElement (' стил '); s.type = 'текст / css'; s.id = 'slack-custom-css'; s.innerHTML = '$ css + customCustomCSS'; document.head.appendChild (и); 'webview.executeJavaScript (скрипт); )); ); ); 

Вероятно ще искате да дублирате този файл и да го запишете на друго място, така че не трябва да редактирате кода всеки път. По този начин можете просто да го плъзнете в директорията, за да презапишете най-новата версия:

След като приключите, отворете отново Slack и след няколко секунди тъмният режим трябва да се задейства. Екранът за зареждане ще остане бял, но основният прозорец на приложението ще се слее много по-добре с останалата част от системата ви:

Добавяне на собствени теми

Ако не ви хареса видът, можете да редактирате CSS с всякакви стилове, които искате. Всичко това прави код за зареждане на потребителски стилове от https://cdn.rawgit.com/widget-/slack-black-theme/master/custom.css; можете да изтеглите този файл, да го редактирате с промените си и да замените URL адреса със собствения си код. Запазете, рестартирайте Slack и промените ви ще бъдат видими. Ако не знаете CSS, или просто искате да направите незначителна промяна, има четири цветни променливи, определени преди зареждането на CSS, така че можете просто да редактирате тези с вашите собствени цветове..