-
-
Save mmrko/9b0e65f6bcc1fca57089c32c2228aa39 to your computer and use it in GitHub Desktop.
Dark Mode for Slack (macOS)
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
#!/usr/bin/env bash | |
# Homebaked Slack Dark Mode. After executing this script, hit refresh (⌘ + R) or restart Slack for changes to take effect. | |
# Adopted from https://gist.github.com/a7madgamal/c2ce04dde8520f426005e5ed28da8608 | |
SLACK_RESOURCES_DIR="/Applications/Slack.app/Contents/Resources" | |
SLACK_SSB_INTEROP_FILEPATH="$SLACK_RESOURCES_DIR/app.asar.unpacked/src/static/ssb-interop.js" | |
THEME_FILEPATH="$SLACK_RESOURCES_DIR/dark-theme.css" | |
curl -o "$THEME_FILEPATH" "https://cdn.rawgit.com/laCour/slack-night-mode/master/css/raw/black.css" | |
echo " | |
document.addEventListener('DOMContentLoaded', function() { | |
const fs = require('fs'); | |
const filePath = '$THEME_FILEPATH'; | |
const tt__customCss = '.menu ul li a:not(.inline_menu_link) {color: #fff !important;}' | |
fs.readFile(filePath, {encoding: 'utf-8'}, function(err, css) { | |
if (!err) { | |
\$('<style></style>').appendTo('head').html(css + tt__customCss); | |
\$('<style></style>').appendTo('head').html('#reply_container.upload_in_threads .inline_message_input_container {background: padding-box #545454}'); | |
\$('<style></style>').appendTo('head').html('.p-channel_sidebar {background: #363636 !important}'); | |
\$('<style></style>').appendTo('head').html('#client_body:not(.onboarding):not(.feature_global_nav_layout):before {background: inherit;}'); | |
} | |
}); | |
}); | |
" >> "$SLACK_SSB_INTEROP_FILEPATH" |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment