Skip to content

Instantly share code, notes, and snippets.

@a7madgamal
Last active November 24, 2024 16:39
Show Gist options
  • Select an option

  • Save a7madgamal/c2ce04dde8520f426005e5ed28da8608 to your computer and use it in GitHub Desktop.

Select an option

Save a7madgamal/c2ce04dde8520f426005e5ed28da8608 to your computer and use it in GitHub Desktop.
Dark mode for Slack on MacOS
@KillerSquid
Copy link
Copy Markdown

Same! Just ran on Mac Mojave 10.14.5 (current as of Aug 1, 2019) and Slack 4.0.1
PERFECT!

@KillerSquid
Copy link
Copy Markdown

Any way to get rid of the stoplight bar at the top of the window and just run "headless"?

@mikey-t
Copy link
Copy Markdown

mikey-t commented Aug 1, 2019

If anyone is interested, I created a shell script to make a dark theme work with version 4: https://github.com/mikey-t/slack-dark-theme.
The CSS needs a little TLC as it's for an older version of Slack 3, but it's a pretty good start.

Rather than doing a fetch for the css it's adding them from a file in the same folder as the shell script and is setup to allow for rapid changes to make it easier to make changes and test them quickly.

@BRONDIJKxyz
Copy link
Copy Markdown

BRONDIJKxyz commented Aug 6, 2019

The script of @demisx is great, however, I still face the following issue:

Adding Dark Theme Code to Slack... cp: dark-theme.css: No such file or directory
52: event-listener.js: No such file or directory

The missing files are in the same folder but unable for the Terminal to locate them out of the blue.
I'm sure it's because I lack some Terminal/coding skills here, but it would be really amazing if someone can explain how to have the script add the .css and the .js files.

Thanks!

Edit: tried to add the path to file in the script but no result.
CSS=/Users/User/Downloads/slack-dark-theme-master/$(<slack-dark.css) JS=/Users/User/Downloads/slack-dark-theme-master/$(<slack-dark.js)

@LanikSJ
Copy link
Copy Markdown

LanikSJ commented Aug 8, 2019

@M-Brond try these instructions: https://github.com/LanikSJ/slack-dark-mode#usage

@a7madgamal
Copy link
Copy Markdown
Author

@LanikSJ thanks A LOT :)
updated the gest with your script and I hope soon we won't need any scripts, they should do it already!
let's nag slack on twitter to push them πŸ€“

@BRONDIJKxyz
Copy link
Copy Markdown

Hey @LanikSJ yes saw that one thanks, but sadly my terminal skills aren't sufficient enough to make this work:

$ git clone https://github.com/LanikSJ/slack-dark-mode && cd slack-dark-mode \
Got this one.

&& chmod +x slack-dark-mode.sh && ./slack-dark-mode.sh \
What about the "&" this isn't a Terminal command is it? Same goes for the rest.

&& osascript -e 'tell application "Slack" to quit' \
&& killall Slack && sleep 60 && open -a "/Applications/Slack.app"

This issue got me started learning the terminal but besides that it would be really owesome to have Slack working in black.
Thanks!

@vvssttkk
Copy link
Copy Markdown

vvssttkk commented Aug 9, 2019

Hey @LanikSJ yes saw that one thanks, but sadly my terminal skills aren't sufficient enough to make this work:

$ git clone https://github.com/LanikSJ/slack-dark-mode && cd slack-dark-mode \
Got this one.

&& chmod +x slack-dark-mode.sh && ./slack-dark-mode.sh \
What about the "&" this isn't a Terminal command is it? Same goes for the rest.

&& osascript -e 'tell application "Slack" to quit' \
&& killall Slack && sleep 60 && open -a "/Applications/Slack.app"

This issue got me started learning the terminal but besides that it would be really owesome to have Slack working in black.
Thanks!

hi

&& it's like and

for example, u can separate these commands like:
$ git clone https://github.com/LanikSJ/slack-dark-mode (to do this command u should have installed git)
$ cd slack-dark-mode

@demisx
Copy link
Copy Markdown

demisx commented Aug 9, 2019

@M-Brond && will execute the next command only if the previous one succeeds (e.g. exits with code 0). Often used as a way to chain multiple commands on one line and ensure the execution chain stops as soon as the first command fails. You can rewrite those to execute one at a time you feel more comfortable that way:

# For macOS users (copy & paste all or one commands at a time)
# Last tested Slack version: 4.0.2
$ git clone https://github.com/LanikSJ/slack-dark-mode
  cd slack-dark-mode
  chmod +x slack-dark-mode.sh
  ./slack-dark-mode.sh
  osascript -e 'tell application "Slack" to quit'
  killall Slack
  sleep 60
  open -a "/Applications/Slack.app"

Where $ indicates shell prompt and may be different for you. You don't need to copy that, obviously. It's not part of a command.

@LanikSJ
Copy link
Copy Markdown

LanikSJ commented Aug 9, 2019

@M-Bond \ are just line separators and just like everyone said before me && is literally translated to "and".

@diamondsw
Copy link
Copy Markdown

Tried this today; sed doesn't check for bootSonic:"always", which was the default in my local-settings.json .

@BRONDIJKxyz
Copy link
Copy Markdown

Hey @M-Brond and @LanikSJ

Thank you so much! It works now, really appreciate your help.

@Anishmourya
Copy link
Copy Markdown

Thank you so much. it works for me.

@daspuru
Copy link
Copy Markdown

daspuru commented Aug 27, 2019

Hi all!

I just ran the commands for Slack 4.0.2 and the colors are exactly the same. Any recommendations?

At the end of the process I can see in the terminal:

npx: installed 21 in 3.054s
promisify is not a function

Done! After executing this script restart Slack for changes to take effect.

Thanks!

@LanikSJ
Copy link
Copy Markdown

LanikSJ commented Aug 27, 2019

@daspuru
Copy link
Copy Markdown

daspuru commented Aug 27, 2019

@daspuru try these instructions: https://github.com/LanikSJ/slack-dark-mode#usage

Hi @LanikSJ, thanks, but I followed the instructions with no success.. One thing to notice is that I got this message: promisify is not a function.

Please look at this screenshot:

Screen Shot 2019-08-27 at 5 13 28 PM

I already tried: npm install util.promisify

@LanikSJ
Copy link
Copy Markdown

LanikSJ commented Aug 27, 2019

In Slack, Help -> Troubleshooting -> Clear Cache and Restart.

Can't help you with your promisify error message. I'm not familiar with it.

@demisx
Copy link
Copy Markdown

demisx commented Aug 28, 2019

@daspuru What version of node are you running? I believe pomisify() fn was introduced in utils package starting with node v8.

$ node -v 

@daspuru
Copy link
Copy Markdown

daspuru commented Aug 28, 2019

@demisx Version is v7.9.0

@LanikSJ Cleaning cache is not working.

Thanks all

@LanikSJ
Copy link
Copy Markdown

LanikSJ commented Aug 28, 2019

You need to update your NodeJS to at least latest LTS.

@daspuru
Copy link
Copy Markdown

daspuru commented Aug 28, 2019

@LanikSJ Upgrading did the trick. Thanks a lot!! :)

@bcbird304
Copy link
Copy Markdown

@LanikSJ Thanks for the update, those instructions worked

@tripp396
Copy link
Copy Markdown

Using the instructions my terminal session on my Mac just hangs for 3-5 minutes. Once or twice I got a "Socket is not connected" error or something of the like. Otherwise it just hangs and nothing happens. Slack is closed, tried running using sudo and without.

@LanikSJ
Copy link
Copy Markdown

LanikSJ commented Sep 12, 2019

Slack now supports Dark Mode natively: https://slackhq.com/dark-mode-for-slack-desktop

@a7madgamal if you could update the first post to reflect this. 😎

@tripp396
Copy link
Copy Markdown

Slack now supports Dark Mode natively: https://slackhq.com/dark-mode-for-slack-desktop

@a7madgamal if you could update the first post to reflect this. 😎

I just saw this! Great news!

@a7madgamal
Copy link
Copy Markdown
Author

FINALLYYYYYYYYY πŸŽ‰πŸŽ‰πŸŽ‰πŸŽ‰πŸŽ‰πŸŽ‰πŸŽ‰πŸŽ‰πŸŽ‰πŸŽ‰πŸŽ‰πŸŽ‰πŸŽ‰πŸŽ‰πŸŽ‰πŸŽ‰πŸŽ‰πŸŽ‰πŸŽ‰πŸŽ‰πŸŽ‰πŸŽ‰πŸŽ‰πŸŽ‰πŸŽ‰πŸŽ‰πŸŽ‰πŸŽ‰πŸŽ‰πŸŽ‰

@Dahmenator
Copy link
Copy Markdown

How does one remove/uninstall the dark mode content we've been tooling around with using git?

@LanikSJ
Copy link
Copy Markdown

LanikSJ commented Sep 12, 2019

Reinstall Slack. Problem solved. 😎

@Dahmenator
Copy link
Copy Markdown

@LanikSJ

Thanks! Worked like a charm.

@marchrius
Copy link
Copy Markdown

Thank you guys for this beautiful trip! Bye.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment