Slack dark mode (Last update 4.0)

If you’re a big fan of dark mode of your Mac and get boring with the withe background on your slack, this guide will help you to give the same colors of your MacOS environment.

Let’s started

First of all, make sure your slack are on the latest version (4.0.0)

Install npx with:

npm install -g npx

Unpack the app.asar with the command :

npx asar extract /Applications/Slack.app/Contents/Resources/app.asar /Applications/Slack.app/Contents/Resources/app.asar.unpacked

Copy the content below and add to the end of file:

/Applications/Slack.app/Contents/Resources/app.asar.unpacked/dist/ssb-interop.bundle.js

document.addEventListener(‘DOMContentLoaded’, function() {
$.ajax({
url: ‘https://cdn.jsdelivr.net/gh/laCour/slack-night-mode/css/raw/black.css',
success: function(css) {
let overrides = `
code { background-color: #535353; color: #85c5ff; } /* Change color: to whatever font color you want */
.c-mrkdwn__pre, .c-mrkdwn__quote { background: #535353 !important; background-color: #535353 !important; }
`
$(“<style></style>”).appendTo(‘head’).html(css + overrides);
}
});
});

After edit the file, pack the app.asar again with the command:

npx asar pack /Applications/Slack.app/Contents/Resources/app.asar.unpacked /Applications/Slack.app/Contents/Resources/app.asar

Now you can restart the slack, and enjoy your dark mode 😎

Written by

25, SysAdmin .feat DevOps, workaholic, rato de internet, e várias historias que não podem entrar aqui. https://evaldofelipe.com

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store