Comment installer le mode sombre (non officiel) pour le jeu
Slack n'a toujours pas de mode sombre. Ils ont des thèmes sombres, mais ceux-ci vous permettent uniquement de personnaliser les couleurs de la barre latérale, laissant la fenêtre principale blanche. Avec la sortie des modes sombres à l’échelle du système sur macOS Mojave et Windows 10, Slack semble très déplacé..
Cette méthode est non officielle et implique de fouiller dans les fichiers source de Slack. C'est assez facile à faire, mais comme il sera écrasé chaque fois que vous mettrez à jour, vous devrez le faire plusieurs fois..
Télécharger un thème
Slack étant basé sur Electron, un framework permettant de développer des applications de bureau Node.js, vous pouvez modifier ses styles, comme vous le feriez pour modifier le CSS d'un site Web. Mais les fichiers CSS de Slack sont enterrés dans le source, vous devrez donc charger vos propres thèmes.
Le thème le plus populaire du vrai mode sombre est slack-black-theme by Widget. Et comme Electron partage le code sur plusieurs plates-formes, ce thème fonctionnera également sous Windows et Linux. Nous avons constaté qu'il y avait quelques problèmes avec le thème sur macOS Mojave cependant, donc si cela ne fonctionne pas, vous pouvez essayer cette fork, qui dit que cela fonctionne uniquement sur macOS mais peut également fonctionner pour les utilisateurs Windows.
Patcher le mou
Cette partie, vous devrez recommencer chaque fois que Slack met à jour. Sur macOS, vous pouvez accéder au répertoire source de Slack en cliquant avec le bouton droit de la souris sur l'application elle-même et en sélectionnant «Afficher le contenu du paquet». Sous Windows, vous le trouverez à ~ \ AppData \ Local \ slack \ .
Ensuite, parcourez quelques dossiers jusqu’à resources / app.asar.unpacked / src / static / . Vous allez vouloir trouver le ssb-interop.js fichier, où vous modifierez le code. Assurez-vous que Slack est fermé, ouvrez ce fichier dans votre éditeur de texte préféré et faites défiler vers le bas:
Copiez et collez le code suivant à la toute fin du ssb-interop.js fichier:
// Tout d'abord, assurez-vous que l'application wrapper est chargée document.addEventListener ("DOMContentLoaded", function () // Ensuite, obtenez ses vues Web, laissez Webviews = document.querySelectorAll (". TeamView webview"); // Récupérez notre CSS en parallèle de temps const cssPath = 'https://cdn.rawgit.com/widget-/slack-black-theme/master/custom.css'; laissez cssPromise = fetch (cssPath) .then (response => response.text () let; customCustomCSS = ': root / * Modifiez-les pour changer les couleurs de votre thème: * / --primary: # 09F; --text: #CCC; --background: # 080808; --background-elevated: # 222 ; '// Insère une balise de style dans la vue wrapper cssPromise.then (css => let s = document.createElement (' style '); s.type =' text / css '; s.innerHTML = css + customCustomCSS ; document.head.appendChild (s);); // Attendez que chaque vue Web charge Webviews.forEach (webview => webview.addEventListener ('ipc-message', message => si (message.channel == 'didFinishLoading') // Ajoutez enfin le CSS à la vue Web 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); )); ); ); Vous voudrez probablement dupliquer ce fichier et l'enregistrer dans un emplacement différent, afin de ne pas avoir à modifier le code à chaque fois. De cette façon, vous pouvez simplement le faire glisser dans le répertoire pour écraser la version la plus récente:
Une fois que vous avez terminé, rouvrez Slack et, au bout de quelques secondes, le mode sombre devrait s'activer. L'écran de chargement restera blanc, mais la fenêtre principale de l'application s'intégrera beaucoup mieux avec le reste de votre système:
Ajout de vos propres thèmes
Si vous n’aimez pas son apparence, vous pouvez éditer le CSS avec n’importe quel style. Tout ce code ne charge que des styles personnalisés à partir de https://cdn.rawgit.com/widget-/slack-black-theme/master/custom.css; vous pouvez télécharger ce fichier, le modifier avec vos modifications et remplacer l'URL par votre propre code. Enregistrez, relancez Slack et vos modifications seront visibles. Si vous ne connaissez pas le CSS ou si vous souhaitez simplement apporter une modification mineure, quatre variables de couleur sont définies avant de charger le CSS. Vous pouvez donc les modifier avec vos propres couleurs..
