Does NOT work on Mojave Mac

[mehdi9000]

By editing the " ssb-interop.js" file per the instructions the main chat window stays white in MacOS Mojave.

Note: I used "One Dark" which uses:

"--primary: #61AFEF;
--text: #ABB2BF;
--background: #282C34;
--background-elevated: #3B4048;"

Below is the code I used in ssb-interop.js

// First make sure the wrapper app is loaded
document.addEventListener("DOMContentLoaded", function() {

// Then get its webviews
let webviews = document.querySelectorAll(".TeamView webview");

// Fetch our CSS in parallel ahead of time
const cssPath = 'https://cdn.rawgit.com/widget-/slack-black-theme/master/custom.css';
let cssPromise = fetch(cssPath).then(response => response.text());

let customCustomCSS =
:root {
/* Modify these to change your theme colors: */
--primary: #61AFEF;
--text: #ABB2BF;
--background: #282C34;
--background-elevated: #3B4048;
}

// Insert a style tag into the wrapper view
cssPromise.then(css => {
let s = document.createElement('style');
s.type = 'text/css';
s.innerHTML = css + customCustomCSS;
document.head.appendChild(s);
});

// Wait for each webview to load
webviews.forEach(webview => {
webview.addEventListener('ipc-message', message => {
if (message.channel == 'didFinishLoading')
// Finally add the CSS into the webview
cssPromise.then(css => {
let script = let s = document.createElement('style'); s.type = 'text/css'; s.id = 'slack-custom-css'; s.innerHTML = \${css + customCustomCSS}`;
document.head.appendChild(s);
`
webview.executeJavaScript(script);
})
});
});
});

[RyanPWalker]

Same. Everything looks cool except the background is white which is the main thing I wanted black...

[mehdi9000]

Yeah it’s broken - the other dark mode from the other author works but it doesn’t look right.

[RyanPWalker]

@GODOFWAR9000 I found a work around for my theme, might help you - https://github.com/widget-/slack-black-theme/issues/62#issuecomment-410256441

[aeruder]

@RyanPWalker's referenced fix worked for me on Mojave.