Open mehdi9000 opened 5 years ago
Same. Everything looks cool except the background is white which is the main thing I wanted black...
Yeah it’s broken - the other dark mode from the other author works but it doesn’t look right.
@GodofWar9000 I found a work around for my theme, might help you - https://github.com/widget-/slack-black-theme/issues/62#issuecomment-410256441
@RyanPWalker's referenced fix worked for me on Mojave.
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); }) }); }); });