Skip to content

Instantly share code, notes, and snippets.

@nateeo
Last active February 6, 2019 02:08
Show Gist options
  • Select an option

  • Save nateeo/94be2b6919f7d82c249f8b9ff9948699 to your computer and use it in GitHub Desktop.

Select an option

Save nateeo/94be2b6919f7d82c249f8b9ff9948699 to your computer and use it in GitHub Desktop.
Inject custom big emoji css
#!/bin/bash
# close slack and run this script!
# you can modify the sizes below, but nhur is not responsible if it blows up your emojis
cd /Applications/Slack.app/Contents/Resources/app.asar.unpacked/src/static
# Make sure we don't append the script multiple times
if grep -Fxq "// B I G E M O J I S" ssb-interop.js
then
echo "Already INSTALLED"
else
echo "// B I G E M O J I S
const bigEmojiStyles = \`
.emoji-sizer {
font-size: 32px !important;
padding: 4px !important;
}
.emoji-sizer.emoji-only {
font-size: 64px !important;
}
/* fix reaction panel buttons */
.rxn_panel button {
padding: 4px !important;
height: 100% !important;
}
.rxn_panel button .emoji-sizer {
margin: 0px !important;
vertical-align: middle !important;
}
/* fix add reaction button */
.rxn.menu_rxn .ts_icon {
top: initial !important;
}
\`
document.addEventListener('DOMContentLoaded', function() {
\$('<style></style>').appendTo('head').html(bigEmojiStyles);
});" >> ssb-interop.js
echo "D O N E"
fi
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment