Instantly share code, notes, and snippets.

Embed
What would you like to do?
[Dark Slack] How to hack Slack to get a dark theme #slack #css #hack

🔥 How to "Hack" Slack to get a dark theme. 🔥

Slack Dark Theme

❗️ Close Slack if it's running ❗️

Installing theme

In your favorite text editor, open the following file :

  • Windows C:\Users\<USERNAME>\AppData\Local\slack\app-<VERSION>\resources\app.asar.unpacked\src\static\ssb-interop.js
  • macOS Applications/Slack.app/Contents/Resources/app.asar.unpacked/src/static/ssb-interop.js
    • (To open Slack.app, right click on Slack app icon and click on Show Package Contents)
  • Linux (tested on Fedora) /usr/lib/slack/resources/app.asar.unpacked/src/static/ssb-interop.js

and add the following line at the end of the openned file :

document.addEventListener('DOMContentLoaded', function() {
    $.ajax({
        url: 'https://cdn.rawgit.com/laCour/slack-night-mode/master/css/raw/black.css',
        success: function(css) {
            $("<style></style>").appendTo('head').html(css);
        }
    });
});

Sidebar colors

To make your sidebar fit your new colors, you can specify directly in your preferences your sidebar colors! From your slack app, go to hamburger menu, then click Files > Preferences > Sidebar > Theme > Custom Theme then copy paste the following : #363636,#444A47,#D39B46,#FFFFFF,#434745,#FFFFFF,#99D04A,#DB6668

Sidebar Dark Colors

VOILA! Open slack and Enjoy! 💪

@JaniMohammed

This comment has been minimized.

Show comment
Hide comment
@JaniMohammed

JaniMohammed Feb 9, 2018

i don't know please say some things

JaniMohammed commented Feb 9, 2018

i don't know please say some things

@jonathanlaf

This comment has been minimized.

Show comment
Hide comment
@jonathanlaf
Owner

jonathanlaf commented Feb 9, 2018

@BorisG

This comment has been minimized.

Show comment
Hide comment
@BorisG

BorisG Jul 18, 2018

It does not work on Windows if you’ve installed Slack via the Microsoft Store - Slack is not installed in the path specified here and the ssb-interop.js file is no where to be found…

BorisG commented Jul 18, 2018

It does not work on Windows if you’ve installed Slack via the Microsoft Store - Slack is not installed in the path specified here and the ssb-interop.js file is no where to be found…

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment