कैसे स्थापित करें (अनौपचारिक) सुस्त के लिए डार्क मोड
स्लैक में अभी भी एक डार्क मोड नहीं है। उनके पास अंधेरे विषय हैं, लेकिन वे केवल साइडबार रंगों को अनुकूलित करते हैं, जिससे मुख्य विंडो सफेद हो जाती है। MacOS Mojave और विंडोज 10 पर सिस्टम-वाइड डार्क मोड जारी होने के साथ, स्लैक को बहुत जगह से बाहर महसूस होता है.
यह विधि अनौपचारिक है और इसमें स्लैक के लिए स्रोत फ़ाइलों में खुदाई शामिल है। यह करना काफी आसान है, लेकिन चूंकि यह आपके द्वारा अपडेट किए जाने पर हर बार अधिलेखित हो जाएगा, आपको इसे कई बार करना होगा.
एक थीम डाउनलोड करना
चूंकि स्लैक इलेक्ट्रॉन पर चलता है, डेस्कटॉप Node.js एप्लिकेशन को विकसित करने के लिए एक रूपरेखा, आप इसके लिए शैलियों को संपादित कर सकते हैं जैसे आप एक वेबसाइट के सीएसएस को संपादित करेंगे। लेकिन स्लैक के लिए सीएसएस फाइलें स्रोत में दफन हैं, इसलिए आपको अपनी खुद की थीम लोड करनी होगी.
सबसे लोकप्रिय सच डार्क मोड थीम विजेट-ब्लैक-थीम विथ विजेट है। और चूंकि इलेक्ट्रॉन प्लेटफार्मों पर कोड साझा करता है, इसलिए यह विषय विंडोज और लिनक्स पर भी काम करेगा। हमने पाया कि macOS Mojave पर विषय के साथ कुछ मुद्दे थे, इसलिए यदि यह काम नहीं करता है, तो आप इस कांटे को आज़मा सकते हैं, जो कहता है कि यह केवल macOS पर काम करता है, लेकिन विंडोज उपयोगकर्ताओं के लिए भी काम कर सकता है.
पैचिंग सुस्त
यह हिस्सा, आपको हर बार स्लैक अपडेट के लिए फिर से करना होगा। MacOS पर, आप ऐप पर राइट-क्लिक करके और "पैकेज कंटेंट दिखाएँ" का चयन करके स्लैक के सोर्स डायरेक्टरी में पहुँच सकते हैं। विंडोज पर, आपको यह मिल जाएगा ~ \ AppData \ Local \ ढीला \ .
फिर, नीचे कुछ फ़ोल्डर्स नेविगेट करें संसाधन / app.asar.unpacked / src / स्थिर / . आप खोजने जा रहे हैं SSB-interop.js फ़ाइल, जहाँ आप कोड को संपादित करेंगे। सुनिश्चित करें कि स्लैक बंद है, उस फ़ाइल को अपने पसंदीदा टेक्स्ट एडिटर में खोलें, और नीचे स्क्रॉल करें:
के अंत में निम्नलिखित कोड को कॉपी और पेस्ट करें SSB-interop.js फ़ाइल:
// पहले सुनिश्चित करें कि रैपर ऐप भरा हुआ है दस्तावेज ।addEventListener ("DOMContentLoaded", फ़ंक्शन () // फिर इसके वेबव्यू प्राप्त करें वेबवार्ता दें = document.querySelectorAll ("। TeamView webview"); // समानांतर में हमारे CSS को आगे लाएं। of time const cssPath = 'https://cdn.rawgit.com/widget-/slack-black-theme/master/custom.css'; cssPromise = fetch (cssPath) .then (response => response.text) () करें। ); चलो customCustomCSS = ': root / * अपनी थीम रंग बदलने के लिए इन्हें संशोधित करें: * / --primary: # 09F; - टेक्स्ट: #CCC; - बैकग्राउंड: # 080808; - बैकग्राउंड-एलिवेटेड, # 222; ; '// // रैपर व्यू cssPromise.then (css => let s = document.createElement (' style ') में एक स्टाइल टैग डालें; s.type =' text / css '; s.inner # css + customCustomCSS ; document.head.appendChild; 'didFinishLoading') // आखिर में CSS को webview में जोड़ें cPPromise.then (css =) स्क्रिप्ट दें = 'let s = document.createElement (' शैली '); s.type = 'text / css'; s.id = 'सुस्त-कस्टम-सीएसएस'; s.innerHTML = \ '$ css + customCustomCSS \'; document.head.appendChild (रों); 'webview.executeJavaScript (स्क्रिप्ट); )); ); ); आप शायद इस फ़ाइल को डुप्लिकेट करना चाहते हैं और इसे किसी अन्य स्थान पर सहेजना चाहते हैं, इसलिए आपको हर बार कोड को संपादित करने की आवश्यकता नहीं है। इस तरह, आप इसे केवल नवीनतम संस्करण को अधिलेखित करने के लिए निर्देशिका में खींच सकते हैं:
आपके द्वारा किए जाने के बाद, स्लैक को फिर से खोलें, और कुछ सेकंड के बाद अंधेरे मोड को किक करना चाहिए। लोडिंग स्क्रीन अभी भी सफेद होगी, लेकिन मुख्य ऐप विंडो आपके सिस्टम के बाकी हिस्सों के साथ बहुत बेहतर तरीके से मिश्रण करेगी:
अपने खुद के थीम्स जोड़ना
यदि आपको इसका लुक पसंद नहीं है, तो आप अपनी इच्छानुसार CSS को संपादित कर सकते हैं। यह सब कोड https://cdn.rawgit.com/widget-/slack-black-theme/master/custom.css से कस्टम शैलियों को लोड करता है; आप उस फ़ाइल को डाउनलोड कर सकते हैं, उसे अपने परिवर्तनों के साथ संपादित कर सकते हैं और URL को अपने कोड से बदल सकते हैं। सहेजें, स्लैक को पुनः लोड करें, और आपके परिवर्तन दिखाई देंगे। यदि आप CSS को नहीं जानते हैं, या सिर्फ एक मामूली बदलाव करना चाहते हैं, तो CSS लोड करने से पहले चार कलर वैरिएबल परिभाषित हैं, ताकि आप उन लोगों को अपने रंग से संपादित कर सकें.
