यह विधि अनौपचारिक है और इसमें स्लैक के लिए स्रोत फ़ाइलों में खुदाई शामिल है। यह करना काफी आसान है, लेकिन जब भी आप अपडेट करते हैं, तो इसे ओवरराइट किया जाएगा, आपको इसे कई बार करना होगा।
एक थीम डाउनलोड करना
चूंकि स्लैक इलेक्ट्रॉन पर चलता है, डेस्कटॉप 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 से कस्टम कस्टम शैलियों को लोड करता है; आप उस फ़ाइल को डाउनलोड कर सकते हैं, इसे अपने परिवर्तनों के साथ संपादित कर सकते हैं, और यूआरएल को अपने कोड से बदल सकते हैं। सहेजें, स्लेक को फिर से लॉन्च करें, और आपके परिवर्तन दिखाई देंगे। यदि आप सीएसएस नहीं जानते हैं, या सिर्फ मामूली परिवर्तन करना चाहते हैं, तो सीएसएस लोड करने से पहले चार रंग चर परिभाषित किए गए हैं, ताकि आप केवल अपने रंगों वाले लोगों को संपादित कर सकें।
