If-Koubou

Как да инсталирате (Неофициалния) мрачен режим за

Как да инсталирате (Неофициалния) мрачен режим за (Как да)

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

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

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

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

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

Кръпката отпусната

Тази част ще трябва да правите отново всеки път, когато закъснее актуализацията. На MacOS можете да стигнете до директорията на източника на Slack, като щракнете с десния бутон на мишката върху самата програма и изберете "Show Contents Package". На Windows можете да го намерите~ \ AppData \ Local \ застой \ .

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

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

// Първо се уверете, че приложението за обвивка е заредено document.addEventListener ("DOMContentLoaded", функция () // След това получавате неговите 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 / * Променете тези, за да промените цветовете на темата: * / - първи: # 09F; --text: #CCC; --background: # 080808; ; '// Поставете маркер за стилове в изгледа на обвивката cssPromise.then (css => let s = document.createElement (' style ') s.type =' text / css 's.innerHTML = css + customCustomCSS ); // изчакайте всяко уеб изглед да се зареди за webviews.forEach (webview => webview.addEventListener ('ipc-message', message => if (message.channel == 'didFinishLoading') // Накрая добавете CSS в webview cssPromise.then (css => script = 'нека s = document.createElement (' style '); s.type = 'текст / css'; s.id = "Слаба персонализирана 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, така че можете просто да ги редактирате със собствени цветове.