Dark mode theme for Slack desktop clients
Dark mode theme for Slack desktop and web based clients
- ! This does not work with Slack 4.0 or higher. Only 3.4 and below as it requires a new process to unpack the app.asar file.
- ! I'm not maintaining this anymore as Slack now has a built-in darkmode that works well enough.
*For quick/easy install on Windows, check the **Automated Install** section at the bottom.
%homepath%\AppData\Local\slack\
/Applications/Slack.app/Contents/
/usr/lib/slack/
NOTE: You can do this to the Windows Store UWP Slack app as well, but it's recommended to use the Desktop version. If you want to go the UWP route, give yourself access to the following hidden folder C:\Program Files\WindowsApps\
. The instructions below can be followed in this folder pretty much the same as the ones above.
Open the most recent version folder (Ex. app-3.1.0).
Navigate to: \resources\app.asar.unpacked\src\static
and edit the file ssb-interop.js
.
At the very bottom of the file, add the following code:
document.addEventListener('DOMContentLoaded', function() {
$.ajax({
url: 'https://raw.githubusercontent.com/alienator88/slacky-dark/master/dark.css',
success: function(css) {
$("<style></style>").appendTo('body').html(css);
}
});
});
*Note: This will have to be done after each Slack app update as the file is overwritten.*
Apply the style from my UserStyles.org page.
Open powershell and run the following to allow unsigned scripts set-executionpolicy unrestricted
Download SlackInstall.ps1 and run it with powershell. This will automatically add all the code to the correct file.
C:\Windows\System32\cmd.exe /c "SET SLACK_DEVELOPER_MENU=TRUE && start %homepath%\AppData\Local\slack\slack.exe"
Run Dev Tools with CTRL+ALT+I. (Menu > View > Developer)
Refresh Slack window with CTRL+SHIFT+R. (Menu > View > Developer)
export SLACK_DEVELOPER_MENU=true
open -a /Applications/Slack.app
Run Dev Tools with ⌘ Command+⌥ Option+I. (Menu > View > Developer)
Refresh Slack window with ⌘ Command+SHIFT+R. (Menu > View > Developer)
Credits