Cách cài đặt Chế độ tối (không chính thức) cho Slack
Slack vẫn không có chế độ tối. Chúng có các chủ đề tối, nhưng chúng chỉ cho phép bạn tùy chỉnh các màu bên, để lại cho cửa sổ chính màu trắng. Với việc phát hành các chế độ tối trên toàn hệ thống trên macOS Mojave và Windows 10, Slack cảm thấy rất lạc lõng.
Phương pháp này không chính thức và liên quan đến việc đào xung quanh trong các tệp nguồn cho Slack. Việc này khá dễ thực hiện, nhưng vì nó sẽ bị ghi đè mỗi khi bạn cập nhật, nên bạn sẽ phải làm điều này nhiều lần.
Đang tải xuống một chủ đề
Vì Slack chạy trên Electron, một khung phát triển ứng dụng Node.js trên máy tính để bàn, bạn có thể chỉnh sửa các kiểu cho nó giống như bạn chỉnh sửa CSS của trang web. Nhưng các tệp CSS cho Slack bị chôn vùi trong nguồn, vì vậy bạn sẽ phải tải các chủ đề của riêng mình.
Chủ đề chế độ tối thực sự phổ biến nhất là chủ đề slack-black của Widget. Và vì Electron chia sẻ mã trên các nền tảng, chủ đề này cũng sẽ hoạt động trên Windows và Linux. Chúng tôi thấy có một số vấn đề với chủ đề trên macOS Mojave, vì vậy nếu nó không hoạt động thì bạn có thể dùng thử cái ngã ba này, nó nói rằng nó chỉ hoạt động trên macOS nhưng cũng có thể hoạt động cho người dùng Windows.
Vá Slack
Phần này, bạn sẽ phải làm lại mỗi lần cập nhật Slack. Trên macOS, bạn có thể truy cập thư mục nguồn của Slack bằng cách nhấp chuột phải vào chính ứng dụng đó và chọn Nội dung Hiển thị Gói Hiển thị. Trên Windows, bạn sẽ tìm thấy nó tại ~ \ AppData \ Local \ chùng \ .
Sau đó, điều hướng một vài thư mục xuống tài nguyên / app.asar.unpacked / src / static / . Bạn sẽ muốn tìm ssb-interop.js tập tin, nơi bạn sẽ chỉnh sửa mã. Đảm bảo Slack được đóng, mở tệp đó trong trình soạn thảo văn bản yêu thích của bạn và cuộn xuống phía dưới:
Sao chép và dán đoạn mã sau vào cuối ssb-interop.js tập tin:
// Trước tiên, hãy đảm bảo ứng dụng trình bao bọc được tải document.addEventListener ("DOMContentLoaded", function () // Sau đó, hãy xem webview của nó, hãy để webview = document.querySelectorAll (". TeamView webview"); của thời gian const cssPath = 'https://cdn.rawgit.com/widget-/slack-black-theme/master/custom.css'; let cssPromise = fetch (cssPath) .then (answer => respons.text () ); hãy để customCustomCSS = ': root / * Sửa đổi những thứ này để thay đổi màu chủ đề của bạn: * / --primary: # 09F; --text: #CCC; --background: # 080808; --background-elevated: # 222 ; '// Chèn thẻ kiểu vào chế độ xem trình bao bọc cssPromise.then (css => let s = document.createEuity (' style '); s.type =' text / css '; s.innerHTML = css + customCustomCSS ; document.head.appendChild (s);); // Đợi mỗi webview tải webview.forEach (webview => webview.addEventListener ('ipc-message', message => if (message.channel == 'didFinishLoading') // Cuối cùng thêm CSS vào webview cssPromise.then (css => let script = 'let s = document.createEuity (' style '); s.type = 'văn bản / css'; s.id = 'slack-custom-css'; s.innerHTML = \ '$ css + customCustomCSS \'; tài liệu.head.appendChild (s); 'webview.executeJavaScript (tập lệnh); )); ); ); Bạn có thể muốn sao chép tệp này và lưu nó ở một vị trí khác, vì vậy bạn không phải chỉnh sửa mã mỗi lần. Bằng cách này, bạn chỉ cần kéo nó vào thư mục để ghi đè lên phiên bản mới nhất:
Sau khi hoàn tất, hãy mở lại Slack và sau vài giây, chế độ tối sẽ khởi động. Màn hình tải sẽ vẫn có màu trắng, nhưng cửa sổ ứng dụng chính sẽ kết hợp tốt hơn nhiều với phần còn lại của hệ thống của bạn:
Thêm chủ đề của riêng bạn
Nếu bạn không thích giao diện của nó, bạn có thể chỉnh sửa CSS với bất kỳ kiểu nào bạn muốn. Tất cả mã này là tải các kiểu tùy chỉnh từ https://cdn.rawgit.com/widget-/slack-black-theme/master/custom.css; bạn có thể tải xuống tệp đó, chỉnh sửa nó bằng các thay đổi của bạn và thay thế URL bằng mã của riêng bạn. Lưu, khởi chạy lại Slack và những thay đổi của bạn sẽ hiển thị. Nếu bạn không biết CSS hoặc chỉ muốn thực hiện một thay đổi nhỏ, có bốn biến màu được xác định trước khi tải CSS, vì vậy bạn chỉ có thể chỉnh sửa các biến đó bằng màu của riêng bạn.
