widget- / slack-black-theme

A darker, more contrasty, Slack theme.
Apache License 2.0
1.75k stars 407 forks source link

Does NOT work on Mojave Mac #71

Open mehdi9000 opened 5 years ago

mehdi9000 commented 5 years ago

by default 2018-11-07 at 12 48 55 pm

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 commented 5 years ago

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

mehdi9000 commented 5 years ago

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

RyanPWalker commented 5 years ago

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

aeruder commented 5 years ago

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