☰

Slack-Dunkles Design

tag-icon • tag-icon slack
Slack-Dunkles Design

Gibt es eine Möglichkeit, in der Slack-Desktop-App ein dunkles Design zu verwenden? Insbesondere wenn der Hintergrund dunkel (schwarz, dunkelgrau) und der Text hell ist. Es gibt einige integrierte Designs in Slack, aber sie sind alle hell gefärbt.

Antwort1

Um Slack dunkel zu machen, können Sie für OSX Folgendes tun (Stand heute, 30.07.2018).

1) Öffnen Sie die folgende Konfigurationsdatei in einem Texteditor wie Sublime: /Applications/Slack.app/Contents/Resources/app.asar.unpacked/src/static/ssb-interop.js

2) Fügen Sie am Ende den folgenden Code hinzu:

/* Slack Dark Theme */
document.addEventListener('DOMContentLoaded', function() {
 $.ajax({
   url: 'https://gist.githubusercontent.com/Icebird/638220c4b3eb7f68c39431740fbd7eb7/raw/6565832413fb971a34d9cb1b23bf0f633504072c/slack-dark.css',
   success: function(css) {
     $("<style></style>").appendTo('head').html(css);
   }
 });
});

3) Öffnen Sie den Durchhang wieder.

Als ich das tat, sah ich, dass die Nachrichtenhintergründe schwarz waren, die Seitenleiste jedoch eine violette Farbe hatte, die mir nicht wirklich gefiel. Um das zu beheben, ging ich in die Slack- PreferencesOption, indem ich oben links in der App auf das kleine Abwärtspfeilchen klickte, dann in die SidebarOptionen ging, nach unten zu den Themen scrollte und auf „Ochin“ oder „Work Hard …“ klickte.

Einstellungen > Seitenleiste

Themenauswahl

Antwort2

So öffnen Sie ssb-interop.js auf einem Windows-Computer (ändern Sie USERNAME in Ihren): PS C:\Benutzer\USERNAME\AppData\Local\slack\app-3.3.3\resources\app.asar.unpacked\src\static> notepad .\ssb-interop.js

Bearbeiten: Nach dem Update auf Version 4.0.0 hat sich die Verzeichnisstruktur geändert. Es gibt keine ssb-interop.jp-Datei mehr. Sie ist jetzt Teil des app.asar-Archivs. Dies sind die Schritte zum Aktivieren des Dunkelmodus in Version 4.0.0

  1. Stellen Sie sicher, dass Sie asar-Archive lesen und ändern können (eine Möglichkeit hierfür ist die Installation7-Zipund fügen Sie Asar-Unterstützung hinzu, indem Sie eine *.dll-Datei installieren, die Sie vonhttp://www.tc4shell.com/en/7zip/asar/)

  2. Schließen Sie Slack vollständig und gehen Sie dann zum Ordner mit der Datei app.asar:C:\Benutzer\BENUTZERNAME\AppData\Local\slack\app-4.0.0\resources

  3. Öffne dasapp.asarArchivieren Sie mit 7-Zip und gehen Sie zu/Verteilung/Ordner.

  4. Suchen und öffnen Sie die Dateissb-interop.bundle.js

  5. Fügen Sie am Ende den üblichen Code hinzu, speichern Sie dann die Datei und schließen Sie sie (klicken Sie auf „OK“, damit 7-Zip das Archiv mit der Änderung aktualisiert).

  6. Öffne Slack und genieße es im Dunkeln :)

Antwort3

Ich habe tatsächlich eine Art „Plugins“-Infrastruktur für Slack erstellt, die auf meinem GitHub-Repo basierthttps://github.com/glajchs/slack-customizations.

Es enthält Anweisungen zur Installation (es gibt ein Skript zum Ausführen der oben in den Anweisungen beschriebenen Patches) sowie einige andere von mir vorgenommene Änderungen, die Sie bei Bedarf selektiv aktivieren können, mit Beschreibungen (und einigen Screenshots). Mein Lieblings-Extra-Plugin ist das „Zufalls-Emoji“ :-)

Das dunkle Design basiert auf dem dunklen Design des Benutzers „laCour“ von vor einiger Zeit, von dem ich lokal eine Version gepflegt habe, aber es gibt keinen Grund, warum Sie nicht stattdessen einfach auf deren Design verweisen können.

Ein wichtiger Hinweis zum ssb-interop.jsDateipatchen, das in der anderen Antwort beschrieben wird (und das ich mit dem ./patch-slack.shSkript in meinem Repo automatisiert habe). Jedes Mal, wenn Slack auf eine neue Version aktualisiert wird, wird diese Datei überschrieben, sodass Sie sie erneut patchen müssen.

Letzter Hinweis: Bei mir funktioniert es unter Windows noch nicht, aber (Patch-Skript beiseite) sollte es nur darum gehen, einige Dateitrennzeichen zu ändern.

Antwort4

Ab der Version 4.17.0 ist diese Funktion in den Einstellungen unterThemen.

verwandte Informationen