स्लैक - विंडोज, लिनक्स, मैकओएस के डेस्कटॉप संस्करण के लिए एक अनौपचारिक डार्क थीम

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

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

मेरे पास थोड़ा कस्टम समाधान है, क्योंकि पाठ और चित्र एक काले रंग की पृष्ठभूमि के खिलाफ बहुत तेज, उज्ज्वल और vyrviglazno दिखते थे। नतीजतन, मैंने पाठ की चमक को कम कर दिया, छवियों के पूर्वावलोकन को गहरा कर दिया और एक परिणाम मिला जो काम करने के लिए आरामदायक है और जो पोस्ट की शुरुआत में तस्वीर में दिखाई दे रहा है।

विभिन्न प्लेटफार्मों के लिए यह करने के लिए एक छोटा निर्देश यहां दिया गया है:

1. पूरी तरह से स्लैक एप्लिकेशन को बंद करें;
2. विंडोज के लिए। फ़ाइल के अंत में ~ \ AppData \ Local \ slack \ app-3.3.8 \ Resources \ app.asar.unpacked \ src \ static \ ssb-interop.js कोड जोड़ें:
   
   

   document.addEventListener('DOMContentLoaded', function() { $.ajax({ url: 'https://raw.githubusercontent.com/laCour/slack-night-mode/master/css/raw/black.css', success: function(css) { let customCustomCSS = ` .c-message__body { /* Modify these to change your theme colors: */ color: #a2a2a2; } .p-file_image_thumbnail__wrapper:after { opacity: 0.4; background-color: black; } .c-message--light .c-message__sender .c-message__sender_link, .p-threads_view__divider_label, .p-message_container_loading__msg, .p-threads_flexpane__header_channel_name, .c-icon--times:before { color: #d5d5d5; } .p-threads_view, .p-threads_view__default_background--first, .p-threads_view__default_background--last, .c-message_kit__thread_message, .p_threads_view_load_older_button, .p-threads_view__divider_label, .p_threads_view_load_older_button:hover{ background-color: #222222; } .p-threads_footer__input--legacy .p-message_input_field, .p-message_container_loading{ background-color: #222222; } .p-threads_view_header__channel_name, .p-threads_view .c-message_kit__thread_message .c-message_kit__labels__label{ color: #d5d5d5; } `; $("<style></style>").appendTo('head').html(css + customCustomCSS); } }); }); 

   
   MacOS और Linux के लिए, हम केवल फ़ाइलों के लिए ही ऐसा करते हैं:
   
   • लिनक्स: /usr/lib/slack/resources/app.asar.unpacked/src/static/ssb-interop.js;
   • उन लोगों के लिए जिन्होंने फ्लैटपैक के माध्यम से स्थापित किया है:
     यह समाधान miir द्वारा # टिप्पणी_20062516 में लिखा गया था

     /var/lib/flatpak/app/com.slack.Slack/x86_64/stable/INSTALLATION_ID_STRING/files/extra/lib/slack/resources/app.asar.unpacked/src/static/ssb-interop.js।
     INSTALLATION_ID_STRING को एक लंबे स्ट्रिंग के साथ बदल दिया गया है।
     आपको फ़ाइल को उन्नत अनुमतियों के साथ संपादित करने की आवश्यकता है।

   • MacOS: /Applications/Slack.app/Contents/Resources/app.asar.unpacked/src/static/ssb-interop.js।
   
   
   यदि आप किसी भी शैली को बदलना चाहते हैं, तो आपको स्लैक के वेब संस्करण को खोलने की आवश्यकता है, उस ब्लॉक की संरचना को देखें जिसे आप डोम में रुचि रखते हैं, सीधे डेवलपर टूल में शैलियों को कॉन्फ़िगर करें और परिणामी कोड को customCustomCSS चर में कॉपी करें;
   
3. फ़ाइल को सहेजें और एप्लिकेशन चलाएँ। नई शैलियों को स्वचालित रूप से लागू किया जाएगा।

अगली बार जब एप्लिकेशन अपडेट हो जाएगा तो सेटिंग्स उड़ जाएंगी।

इसलिए, यदि आप विषय पसंद करते हैं, तो स्लैक निर्देशिका के बाहर किसी भी स्थान पर संशोधित `ssb-interop.js` फ़ाइल की एक प्रति सहेजना उचित है, ताकि आप बाद में फिर से ऐसा न करें। अगले अद्यतन पर, आपको इस फ़ाइल को फिर से नए संस्करण के साथ निर्देशिका में बदलना होगा।

मुझे उम्मीद है कि मेरा निर्देश मेरे जैसे अंधेरे विषय के प्रेमियों को मदद करेगा।

सभी आरामदायक विकास!

UPD - 04/21/2019। कोड अपडेट किया गया। ऑल थ्रेड्स अनुभाग के प्रदर्शन के साथ एक बड़ा बग तय किया गया था और अनुभाग में मामूली कीड़े थे। सर्विस मैसेज लेबल्स, थ्रेड नेम और थ्रेड क्लोजिंग आइकॉन के डिस्प्ले के साथ माइनर बग फिक्स किए गए।
परीक्षण करने और बग को इंगित करने के लिए newbie_java और sw0rl0k का धन्यवाद।
UPD2 - 04/23/2019। उन लोगों के लिए निर्देशों में एक समाधान जोड़ा गया है जिन्होंने फ्लैटपैक के माध्यम से स्लैक स्थापित किया है। समाधान के लिए धन्यवाद मीर ।