Skip to main content

स्लैक के लिए (अनौपचारिक) डार्क मोड कैसे स्थापित करें

स्लैक के लिए (अनौपचारिक) डार्क मोड कैसे स्थापित करें

Geoffrey Carr

Slack अभी भी एक अंधेरा मोड नहीं है। उनके पास अंधेरे थीम हैं, लेकिन वे केवल मुख्य विंडो को छोड़कर, साइडबार रंगों को अनुकूलित करने देते हैं। मैकोज़ मोजेव और विंडोज 10 पर सिस्टम-व्यापी अंधेरे मोड की रिहाई के साथ, स्लैक बहुत जगह से बाहर महसूस करता है।

यह विधि अनौपचारिक है और इसमें स्लैक के लिए स्रोत फ़ाइलों में खुदाई शामिल है। यह करना काफी आसान है, लेकिन जब भी आप अपडेट करते हैं, तो इसे ओवरराइट किया जाएगा, आपको इसे कई बार करना होगा।

एक थीम डाउनलोड करना

चूंकि स्लैक इलेक्ट्रॉन पर चलता है, डेस्कटॉप Node.js ऐप्स विकसित करने के लिए एक ढांचा, आप इसके लिए शैलियों को संपादित कर सकते हैं जैसे कि आप किसी वेबसाइट के सीएसएस को संपादित करेंगे। लेकिन स्लैक के लिए सीएसएस फाइलों को स्रोत में दफनाया जाता है, इसलिए आपको अपनी खुद की थीम लोड करनी होंगी।

विजेट द्वारा सबसे लोकप्रिय सच्चे अंधेरे मोड थीम स्लैक-ब्लैक-थीम है। और चूंकि इलेक्ट्रॉन प्लेटफ़ॉर्म पर कोड साझा करता है, इसलिए यह थीम विंडोज और लिनक्स पर भी काम करेगी। हमने पाया कि मैकोज़ मोजेव पर थीम के साथ कुछ समस्याएं थीं, इसलिए यदि यह काम नहीं करती है तो आप इस कांटा को आजमा सकते हैं, जो कहता है कि यह केवल मैकोज़ पर काम करता है लेकिन विंडोज उपयोगकर्ताओं के लिए भी काम कर सकता है।

पैचिंग स्लैक

इस भाग में, आपको हर बार स्लेक अपडेट फिर से करना होगा। मैकोज़ पर, आप ऐप पर राइट-क्लिक करके और "पैकेज सामग्री दिखाएं" चुनकर स्लेक की स्रोत निर्देशिका प्राप्त कर सकते हैं। विंडोज़ पर, आपको यह मिल जाएगा~AppDataLocalslack .

फिर, कुछ फ़ोल्डरों को नीचे नेविगेट करें resources/app.asar.unpacked/src/static/ । आप ढूंढना चाहते हैं ssb-interop.js फ़ाइल, जहां आप कोड संपादित करेंगे। सुनिश्चित करें कि स्लैक बंद है, उस फ़ाइल को अपने पसंदीदा टेक्स्ट एडिटर में खोलें, और नीचे स्क्रॉल करें:

निम्न कोड को कॉपी और पेस्ट करें 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); }) }); }); });

आप शायद इस फ़ाइल को डुप्लिकेट करना और इसे किसी दूसरे स्थान पर सहेजना चाहते हैं, इसलिए आपको हर बार कोड को संपादित करने की आवश्यकता नहीं है। इस तरह, आप इसे नवीनतम संस्करण को ओवरराइट करने के लिए निर्देशिका में खींच सकते हैं:

पूरा करने के बाद, स्लैक को दोबारा खोलें, और कुछ सेकंड बाद अंधेरे मोड को लात मारना चाहिए। लोडिंग स्क्रीन अभी भी सफेद हो जाएगी, लेकिन मुख्य ऐप विंडो आपके बाकी सिस्टम के साथ बहुत बेहतर हो जाएगी:

अपनी खुद की थीम्स जोड़ना

यदि आपको इसकी पसंद पसंद नहीं है, तो आप सीएसएस को अपनी इच्छित शैलियों के साथ संपादित कर सकते हैं। यह सब कोड https://cdn.rawgit.com/widget-/slack-black-theme/master/custom.css से कस्टम कस्टम शैलियों को लोड करता है; आप उस फ़ाइल को डाउनलोड कर सकते हैं, इसे अपने परिवर्तनों के साथ संपादित कर सकते हैं, और यूआरएल को अपने कोड से बदल सकते हैं। सहेजें, स्लेक को फिर से लॉन्च करें, और आपके परिवर्तन दिखाई देंगे। यदि आप सीएसएस नहीं जानते हैं, या सिर्फ मामूली परिवर्तन करना चाहते हैं, तो सीएसएस लोड करने से पहले चार रंग चर परिभाषित किए गए हैं, ताकि आप केवल अपने रंगों वाले लोगों को संपादित कर सकें।

Link
Plus
Send
Send
Pin