jonathanlaf/HowToSlackDark.md

## HowToSlackDark.md

      
    Raw
  

              HowToSlackDark.md
            
          
    🔥 How to "Hack" Slack to get a 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

VOILA! Open slack and Enjoy! 💪