วิธีการติดตั้งโหมดมืด (ไม่เป็นทางการ) สำหรับความหย่อน

หย่อนยังไม่มีโหมดมืด พวกเขามีชุดรูปแบบที่มืด แต่สิ่งเหล่านั้นให้คุณปรับแต่งสีของแถบด้านข้างโดยปล่อยให้หน้าต่างหลักเป็นสีขาว ด้วยการเปิดตัวโหมดมืดทั่วทั้งระบบใน macOS Mojave และ Windows 10 Slack จะรู้สึกไม่เข้าท่า.

วิธีนี้ไม่เป็นทางการและเกี่ยวข้องกับการขุดในไฟล์ต้นฉบับสำหรับ Slack มันค่อนข้างง่ายที่จะทำ แต่เนื่องจากมันจะถูกเขียนทับทุกครั้งที่คุณอัปเดตคุณจะต้องทำสิ่งนี้หลายครั้ง.

กำลังดาวน์โหลดธีม

เนื่องจาก Slack ทำงานบน Electron ซึ่งเป็นเฟรมเวิร์กสำหรับการพัฒนาแอปพลิเคชัน Node.js บนเดสก์ท็อปคุณสามารถแก้ไขสไตล์ที่ต้องการแก้ไข CSS ของเว็บไซต์ได้ แต่ไฟล์ CSS สำหรับ Slack จะถูกฝังในซอร์สดังนั้นคุณจะต้องโหลดธีมของคุณเอง.

ชุดรูปแบบโหมดเข้มที่นิยมมากที่สุดคือชุดรูปแบบสีดำโดย Widget และเนื่องจากอิเลคตรอนใช้รหัสร่วมกันในหลายแพลตฟอร์มธีมนี้จึงทำงานบน Windows และ Linux เช่นกัน เราพบว่ามีปัญหาบางอย่างเกี่ยวกับชุดรูปแบบบน macOS Mojave ดังนั้นหากไม่สามารถใช้งานได้คุณสามารถลองใช้ส้อมนี้ซึ่งบอกว่าใช้งานได้บน macOS เท่านั้น แต่อาจใช้ได้กับผู้ใช้ Windows ด้วยเช่นกัน.

การหย่อนหย่อน

ส่วนนี้คุณจะต้องทำอีกครั้งทุกครั้งที่อัพเดท Slack บน macOS คุณสามารถไปที่ไดเรกทอรีแหล่งข้อมูลของ Slack ได้โดยคลิกขวาที่แอปและเลือก“ แสดงเนื้อหาแพ็คเกจ” บน Windows คุณจะพบได้ที่ ~ \ AppData \ Local \ หย่อน \ .

จากนั้นไปที่โฟลเดอร์ต่างๆ ทรัพยากร / app.asar.unpacked / src / คงที่ / . คุณจะต้องการที่จะหา SSB-interop.js ไฟล์ที่คุณจะแก้ไขรหัส ตรวจสอบให้แน่ใจว่าปิด Slack แล้วเปิดไฟล์นั้นในโปรแกรมแก้ไขข้อความที่คุณโปรดปรานและเลื่อนไปที่ด้านล่าง:

คัดลอกและวางรหัสต่อไปนี้ที่ส่วนท้ายสุดของ SSB-interop.js ไฟล์:

// ก่อนอื่นตรวจสอบให้แน่ใจว่าโหลดแอป wrapper document.addEventListener ("DOMContentLoaded", function () // จากนั้นรับ webviews ให้ webviews = document.querySelectorAll (". TeamView webview"); // ดึง CSS ของเราไปข้างหน้าขนาน ของเวลา const cssPath = 'https://cdn.rawgit.com/widget-/slack-black-theme/master/custom.css'; ปล่อยให้ cssPromise = fetch (cssPath). แล้ว (response => response.text () ); ให้ customCustomCSS = ': root / * ปรับเปลี่ยนสิ่งเหล่านี้เพื่อเปลี่ยนสีธีมของคุณ: * / - พรีเมียร์: # 09F; - ข้อความ: #CCC; - พื้นหลัง: # 080808; - พื้นหลังสูง: # 222 ; '// แทรกแท็กสไตล์ลงในมุมมอง wrapper cssPromise.then (css => let s = document.createElement (' style '); s.type =' text / css '; s.innerHTML = css + customCustomCSS ; document.head.appendChild (s);); // รอให้แต่ละ webview โหลด webviews.forEach (webview => webview.addEventListener ('ipc-message', message => ถ้า (message.channel == 'didFinishLoading') // ในที่สุดเพิ่ม CSS ลงใน webview cssPromise.then (css => ให้สคริปต์ = 'let s = document.createElement (' style '); s.type = 'text / css'; s.id = 'slack-custom-css'; s.innerHTML = \ '$ css + customCustomCSS \'; document.head.appendChild (s); 'webview.executeJavaScript (สคริปต์); )); ); ); 

คุณอาจต้องการทำซ้ำไฟล์นี้และบันทึกในตำแหน่งอื่นดังนั้นคุณไม่จำเป็นต้องแก้ไขรหัสทุกครั้ง ด้วยวิธีนี้คุณสามารถลากไปไว้ในไดเรกทอรีเพื่อเขียนทับเวอร์ชันล่าสุด:

หลังจากเสร็จแล้วให้เปิด Slack อีกครั้งและหลังจากนั้นไม่กี่วินาทีโหมดมืดควรเริ่มทำงานหน้าจอการโหลดจะยังคงเป็นสีขาว แต่หน้าต่างแอปหลักจะผสมผสานได้ดีกว่ากับระบบอื่น ๆ ของคุณ:

การเพิ่มธีมของคุณเอง

หากคุณไม่ชอบรูปลักษณ์ของมันคุณสามารถแก้ไข CSS ด้วยสไตล์ที่คุณต้องการ รหัสทั้งหมดนี้ใช้โหลดสไตล์ที่กำหนดเองจาก https://cdn.rawgit.com/widget-/slack-black-theme/master/custom.css; คุณสามารถดาวน์โหลดไฟล์นั้นแก้ไขด้วยการเปลี่ยนแปลงของคุณและแทนที่ URL ด้วยรหัสของคุณเอง บันทึกเปิดใช้งาน Slack และการเปลี่ยนแปลงของคุณจะปรากฏขึ้น หากคุณไม่ทราบ CSS หรือต้องการเปลี่ยนแปลงเล็กน้อยมีการกำหนดตัวแปรสี่สีก่อนที่จะโหลด CSS ดังนั้นคุณจึงสามารถแก้ไขได้ด้วยสีของคุณเอง.