Slack Dark Mojave Theme
A dark theme inspired by Telegram desktop Dark Mojave theme for Slack
Quick overview
// install theme
npx install-dark-theme
// rollback original theme
npx install-dark-theme --rollback
If you already using dark-theme reinstall theme again to have latest changes, new link is https://dark-theme.netlify.com
Preview
Installing into Slack
NB: You'll have to do this every time Slack updates.
Option 1
npx install-dark-theme
Arguments
npx install-dark-theme --rollback
restore original theme
npx install-dark-theme --force
force theme installing
Option 2
Find your Slack's application directory.
- Windows:
%homepath%\AppData\Local\slack\app-3.3.0\resources\app.asar.unpacked\src\static
- Mac:
/Applications/Slack.app/Contents/Resources/app.asar.unpacked/src/static
- Linux:
/usr/lib/slack/resources/app.asar.unpacked/src/static
(Debian-based)
Open ssb-interop.js
and add at the very bottom
document.addEventListener('DOMContentLoaded', function () {
$.ajax({
url: 'https://dark-theme.netlify.com',
success: function (css) {
$("<style></style>").appendTo('head').html(css);
}
});
});
That's it! Restart Slack and see how well it works.
Development
Clone the repo and run commands using yarn/npm
yarn
yarn start
Find your Slack's application directory.
- Windows:
%homepath%\AppData\Local\slack\app-3.3.0\resources\app.asar.unpacked\src\static
- Mac:
/Applications/Slack.app/Contents/Resources/app.asar.unpacked/src/static
- Linux:
/usr/lib/slack/resources/app.asar.unpacked/src/static
(Debian-based)
Open ssb-interop.js
and add at the very bottom
1. Comment the part related to installation from section above!
2. Copy text and replace constant customTheme
// Change to path to style.css in repository
const customTheme = '/Users/YOUR_USER/REPOSITORY_PATH/style.css';
const URL = 'http://localhost:8080/style.css';
const createStyle = () => {
const el = document.getElementById('custom');
if (el) {
el.parentNode.removeChild(el);
}
const style = document.createElement('link')
style.setAttribute('type', 'text/css');
style.setAttribute('rel', 'stylesheet');
style.href = URL + '?zz=' + Date.now();
style.id = 'custom';
document.head.appendChild(style)
}
require('fs').watchFile(customTheme, createStyle);
document.addEventListener('DOMContentLoaded', createStyle);
3. Run command "yarn start" in repo
Open slack
Mac: export SLACK_DEVELOPER_MENU=true; open -a /Applications/Slack.app
Windows: C:\Windows\System32\cmd.exe /c " SET SLACK_DEVELOPER_MENU=TRUE && start C:\Users\CHANG_USER\AppData\Local\slack\slack.exe
Change windows user!
Credits
Project based on slack-black-theme. Thanks to widget- and contributors.
License
MIT