كيفية تثبيت وضع (غير رسمي) الظلام ل Slack
سلاك لا يزال ليس لديه وضع مظلمة. لديهم مظاهر داكنة ، ولكن تلك تسمح لك فقط بتخصيص ألوان الشريط الجانبي ، تاركة النافذة الرئيسية بيضاء. مع إطلاق الأوضاع المظلمة على نطاق النظام على نظامي MacOS Mojave و Windows 10 ، يبدو Slack في غير مكانه.
هذه الطريقة غير رسمية وتتضمن عملية الحفر في الملفات المصدر لـ Slack. إنه أمر سهل إلى حد ما ، ولكن نظرًا لأنه سيتم الكتابة فوقه في كل مرة تقوم فيها بالتحديث ، فيجب عليك القيام بذلك عدة مرات.
تحميل موضوع
نظرًا لأن Slack يعمل على Electron ، وهو إطار عمل لتطوير تطبيقات Node.js المكتبية ، يمكنك تعديل الأنماط مثلها مثل تحرير CSS لموقع الويب. ولكن يتم دفن ملفات CSS لـ Slack في المصدر ، لذلك سيكون عليك تحميل مظاهرك الخاصة.
سمة الوضع "المظلم" الأكثر شيوعًا الشائعة هي سمة slack-black-by by Widget. ونظرًا لأن أسهم Electron تشترك عبر الأنظمة الأساسية ، فإن هذا الموضوع سيعمل على نظامي التشغيل Windows و Linux أيضًا. وجدنا أن هناك بعض المشاكل مع موضوع MacOS Mojave على الرغم من ذلك ، إذا لم ينجح ذلك يمكنك محاولة هذه الشوكة ، والتي تقول أنها تعمل على macOS فقط ولكن قد تعمل لمستخدمي ويندوز كذلك.
الترقيع سلاك
هذا الجزء ، عليك القيام به مرة أخرى في كل مرة تحديثات Slack. في MacOS ، يمكنك الوصول إلى دليل مصدر Slack من خلال النقر بزر الماوس الأيمن على التطبيق نفسه وتحديد "إظهار محتويات الحزمة". على ويندوز ، ستجد في ~ \ APPDATA \ المحلية \ الركود \ .
ثم ، انتقل إلى بعض المجلدات وصولاً إلى الموارد / app.asar.unpacked / SRC / ثابت / . أنت تريد أن تجد SSB-interop.js الملف ، حيث يمكنك تحرير الرمز. تأكد من إغلاق Slack ، وافتح هذا الملف في محرر النصوص المفضل لديك ، ثم قم بالتمرير إلى الأسفل:
قم بنسخ التعليمة البرمجية التالية ولصقها في نهاية السطر SSB-interop.js ملف:
// تأكد أولاً من تحميل تطبيق المجمّع document.addEventListener ("DOMContentLoaded"، function () // ، ثم اجعل مواقع الويب الخاصة به تسمح لـ webviews = document.querySelectorAll (". عرض الويب TeamView") ؛ // Fetch our CSS in parallel ahead ahead time const cssPath = 'https://cdn.rawgit.com/widget-/slack-black-theme/master/custom.css' ؛ دع cssPromise = fetch (cssPath) .ثم (response => response.text () ) ؛ دع customCustomCSS = ': root / * تعديل هذه لتغيير ألوان مظهرك: * / --primary: # 09F ؛ - النص: #CCC ؛ - background: # 080808 ؛ - background-elevated: # 222 ؛ '/ إدراج علامة نمط في عرض المجمّع cssPromise.then (css => let s = document.createElement (' style ')؛ s.type =' text / css '؛ s.innerHTML = css + customCustomCSS ؛ document.head.appendChild؛)؛ // انتظر كل عرض ويب لتحميل webviews.forEach (webview => webview.addEventListener ('ipc-message'، message => if (message.channel == 'didFinishLoading') // وأخيرا إضافة CSS في عرض الويب 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 (ق)؛ "webview.executeJavaScript (script)؛ ))؛ )؛ )؛ ستحتاج على الأرجح إلى تكرار هذا الملف وحفظه في موقع مختلف ، حتى لا تضطر إلى تعديل الشفرة في كل مرة. بهذه الطريقة ، يمكنك فقط سحبها إلى الدليل للكتابة فوق الإصدار الأحدث:
بعد الانتهاء من ذلك ، أعد فتح Slack ، وبعد بضع ثوانٍ يجب تشغيل وضع الظلام. ستظل شاشة التحميل بيضاء ، ولكن نافذة التطبيق الرئيسية ستتماشى بشكل أفضل مع بقية النظام:
إضافة مظاهر خاصة بك
إذا لم تعجبك المظهر ، يمكنك تحرير CSS بأي أنماط تريدها. كل هذا الكود هو تحميل الأنماط المخصصة من https://cdn.rawgit.com/widget-/slack-black-theme/master/custom.css؛ يمكنك تنزيل هذا الملف وتحريره بالتغييرات الخاصة بك واستبدال URL برمزك الخاص. احفظ ، أعد تشغيل Slack ، وستكون التغييرات مرئية. إذا كنت لا تعرف CSS أو تريد فقط إجراء تغيير بسيط ، فهناك أربعة متغيرات للألوان تم تعريفها قبل تحميل CSS ، بحيث يمكنك فقط تعديل تلك التي تحتوي على ألوانك الخاصة.
