כיצד להתקין את (מצב לא רשמי) כהה עבור רפוי

רפוי עדיין אין מצב כהה. יש להם נושאים כהים, אבל אלה רק מאפשרים לך להתאים את צבעי הצד, משאיר את החלון הראשי לבן. עם שחרורו של מערכת כהה מצבים שונים על MacOS Mojave ו- Windows 10, סלאק מרגיש מאוד לא במקום.

שיטה זו היא בלתי רשמית כרוכה לחפור מסביב בקבצי המקור עבור רפוי. זה די קל לעשות, אבל מאז זה יהיה מוחלף בכל פעם שאתה עדכון, תצטרך לעשות את זה מספר פעמים.

הורדת ערכת נושא

מאז רץ פועל על אלקטרון, מסגרת לפיתוח יישומי Node.js שולחן העבודה, אתה יכול לערוך את סגנונות זה כמו שאתה לערוך את CSS של אתר אינטרנט. אבל קבצי CSS עבור רפוי נקברים במקור, כך תצטרך לטעון נושאים משלך.

הנושא הפופולרי ביותר כהה מצב שחור הוא slack-black-theme על ידי יישומון. ומאז מניות אלקטרונים קוד על פני פלטפורמות, נושא זה יעבוד על Windows ו- Linux גם כן. מצאנו שיש כמה בעיות עם הנושא על MacOS Mojave אם כי, אז אם זה לא עובד אז אתה יכול לנסות את המזלג, אשר אומר שזה עובד על MACOS בלבד אבל עשוי לעבוד עבור משתמשי Windows, כמו גם.

התיקון רפיון

חלק זה, תצטרך לעשות שוב בכל פעם עדכונים רפה. ב- MacOS, תוכל להגיע לספריית המקור של Slack על ידי לחיצה ימנית על האפליקציה עצמה ובחירה באפשרות "הצג תוכן חבילה". ב- Windows, תמצא אותו ב ~ \ AppData \ Local \ slack \ .

לאחר מכן, נווט כמה תיקיות עד למטה משאבים / app.asar.unpacked / src / סטטי / . אתה רוצה למצוא את ssb-interop.js , שבו תערוך את הקוד. ודא שה- Slack סגור, פתח את הקובץ בעורך הטקסט המועדף עליך וגלול לתחתית הדף:

העתק והדבק את הקוד הבא בסוף ssb-interop.js you

/ / ודא תחילה את האפליקציה עטיפת נטען document.adderyListener ("DOMContentLoaded", פונקציה () / / לאחר מכן לקבל את webviews לראות webviews = document.querySelectorAll (".ViewView webview"); / / אחזר שלנו CSS במקביל קדימה of time const cssPath = 'https://cdn.rawgit.com/widget-/slack-black-theme/master/custom.css'; אפשר cssPromise = אחזור (cssPath). then (response => response.text () ); תן customCustomCSS = ': root / * שינוי אלה כדי לשנות את צבעי העיצוב שלך: * / - primary: # 09F; --text: #CCC; --background: # 080808; --background-elevated: # 222 ; '// הוסף תג סגנון לתצוגת העטיפה cssPromise.then (css => let s = document.createElement (' style '); s.type =' text / css '; s.innerHTML = css + customCustomCSS ; document.head.append ילדים (ים);); // המתן עבור כל Webview לטעון webviews.forEach (webview => webview.addEventListener ('ipc-message', message => if (message.channel == '/ didinishLoading') // לבסוף להוסיף את CSS לתוך האינטרנט cssPromise.then (css => [לאפשר סקריפט = 'let s = document.createElement (' style '); s.type = 'טקסט / css'; s.id = 'slack-custom-css'; s.innerHTML = \ '$ css + customCustomCSS \'; document.head.append ילדים (ים); 'webview.executeJavaScript (script); ); ); ); 

סביר להניח שתרצה לשכפל את הקובץ ולשמור אותו במיקום אחר, כך שלא תצטרך לערוך את הקוד בכל פעם. בדרך זו, אתה יכול פשוט לגרור אותו לתוך המדריך כדי להחליף את הגרסה החדשה ביותר:

לאחר שתסיים, פתח מחדש את Slack, ולאחר מספר שניות המצב הכהה צריך לבעוט פנימה. מסך הטעינה עדיין יהיה לבן, אך חלון היישום הראשי ישתלב בצורה טובה יותר עם שאר המערכת:

הוספת ערכות נושא משלך

אם אתה לא אוהב את המראה של זה, אתה יכול לערוך את CSS עם כל סגנונות הרצוי. כל קוד זה הוא לטעון סגנונות מותאמים אישית מ https://cdn.rawgit.com/widget-/slack-black-theme/master/custom.css; תוכל להוריד את הקובץ, לערוך אותו עם השינויים ולהחליף את כתובת האתר בקוד שלך. שמור, הפעל מחדש את הרווחים, והשינויים שלך יהיו גלויים. אם אתה לא יודע CSS, או רק רוצה לעשות שינוי קטן, יש ארבעה משתנים צבע שהוגדרו לפני טעינת ה- CSS, אז אתה יכול פשוט לערוך אותם עם צבעים משלך.