Този метод е неофициален и включва изкопаване в изходните файлове за Slack. Това е доста лесно, но тъй като ще бъде презаписано всеки път, когато актуализирате, ще трябва да го направите няколко пъти.
Изтегляне на тема
Тъй като Slack работи върху Electron, рамка за разработка на приложения Node.js за компютри, можете да редактирате стиловете за него, както бихте редактирали CSS на уебсайт. Но CSS файловете за Slack са погребани в източника, така че ще трябва да заредите свои собствени теми.
Най-популярната истинска тема за тъмния режим е слабо-черна тема от Widget. И тъй като електронните акции кодират платформи, тази тема ще работи и на Windows и Linux. Открихме, че имаше проблеми с темата за MacOS Mojave, но ако не работи, можете да опитате тази вилица, която казва, че работи само на macOS, но може да работи и за потребители на Windows.
Кръпката отпусната
~AppDataLocalslack
След това навигирайте няколко папки до
resources/app.asar.unpacked/src/static/
Вие ще искате да намерите
ssb-interop.js
файл, където ще редактирате кода. Уверете се, че Slack е затворен, отворете файла в любимия си текстов редактор и превъртете до долната част:
ssb-interop.js
файл:
// 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); }) }); }); });
Вероятно ще искате да дублирате този файл и да го запазите на друго място, така че не е нужно да редактирате кода всеки път. По този начин можете просто да го плъзнете в директорията, за да презапишете най-новата версия:
Добавяне на собствените си теми
Ако не ви харесва вида, можете да редактирате CSS с желаните от вас стилове. Целият този код е зареждане на персонализирани стилове от https://cdn.rawgit.com/widget-/slack-black-theme/master/custom.css; можете да изтеглите този файл, да го редактирате с промените си и да замените URL адреса със собствения си код. Запазете, рестартирайте Slack и промените ви ще бъдат видими. Ако не знаете CSS или просто искате да направите малка промяна, има четири цветни променливи, определени преди зареждането на CSS, така че можете просто да ги редактирате със собствени цветове.
