bonus tip: for more darkness > https://darkreader.org/
This comment has been minimized.
This comment has been minimized.
wenbochang
commented
Aug 16, 2018
Thanks for this! works great |
This comment has been minimized.
This comment has been minimized.
jsonMartin
commented
Aug 17, 2018
Yay! Thank you! |
This comment has been minimized.
This comment has been minimized.
Lutacon
commented
Aug 23, 2018
Works perfectly! Thanks! |
This comment has been minimized.
This comment has been minimized.
willhayslett
commented
Aug 27, 2018
•
To get white menu links:
|
This comment has been minimized.
This comment has been minimized.
indradhanush
commented
Aug 28, 2018
Thanks! This is great including the fix for menu items! :) |
This comment has been minimized.
This comment has been minimized.
nileshtrivedi
commented
Aug 29, 2018
Where to find this file if using Slack in Station app? |
This comment has been minimized.
This comment has been minimized.
adithram
commented
Aug 29, 2018
This worked great! |
This comment has been minimized.
This comment has been minimized.
indradhanush
commented
Aug 31, 2018
This comment has been minimized.
This comment has been minimized.
samjhill
commented
Sep 4, 2018
•
@indradhanush quick fix comment thread
purple channel nav bar -> dark grey
I made a quick shell script to automate the process, if you'd like. Here you go! |
This comment has been minimized.
This comment has been minimized.
nkxy
commented
Sep 7, 2018
@samjhill your shell script worked great! Thanks for making it so easy |
This comment has been minimized.
This comment has been minimized.
johnachor
commented
Sep 12, 2018
•
Windows file location: |
This comment has been minimized.
This comment has been minimized.
EihabShadeed
commented
Sep 12, 2018
you need to add this line as well:
it will fix some more white areas in the sidebar |
This comment has been minimized.
This comment has been minimized.
tillt
commented
Sep 12, 2018
We still need some love in the search results - currently very hard to read. |
This comment has been minimized.
This comment has been minimized.
BTW the script link from the snippet is always updates, you might not need some of the custom fixes if it was fixed |
This comment has been minimized.
This comment has been minimized.
rtloeffler
commented
Sep 17, 2018
I appended the following:
|
This comment has been minimized.
This comment has been minimized.
rtloeffler
commented
Sep 17, 2018
Oddly enough i had to reinstall slack for some reason, just overwrote previous install and applied changed. THANKS OP |
This comment has been minimized.
This comment has been minimized.
codyolsen
commented
Sep 26, 2018
•
Thanks all. Works great. Here is everything in the thread up to this point all nice and pretty: On mac you can easy add the code as follows:
|
This comment has been minimized.
This comment has been minimized.
marchrius
commented
Oct 1, 2018
@codyolsen You have to use root to write into |
This comment has been minimized.
This comment has been minimized.
hemanthpai
commented
Oct 9, 2018
Thanks @codyolsen for the summary! Works great!! |
This comment has been minimized.
This comment has been minimized.
sanjay-shah
commented
Oct 15, 2018
Thanks for gisting this! After upgrading to Mojave, slack's white back ground was piercing my eyes. |
This comment has been minimized.
This comment has been minimized.
jlucier
commented
Oct 25, 2018
•
If you want to be a bit cautious on the security front, you can download the css from This worked for me, thanks to the above posts from @codyolsen and @marchrius. Add this to
|
This comment has been minimized.
This comment has been minimized.
DerekK19
commented
Nov 9, 2018
Thanks jlucier. I did get caught out by one small issue with your instructions - may be helpful for others to look out for this. The css file was named black.css, but when you copy it to the Slack app, you need to remember to change its name to slack-black.css |
This comment has been minimized.
This comment has been minimized.
sishbi
commented
Nov 15, 2018
@jlucier Unfortunately local file loading did not work for me... so I have to use the 'Ajax' method |
This comment has been minimized.
This comment has been minimized.
cecez
commented
Nov 20, 2018
Thanks. |
This comment has been minimized.
This comment has been minimized.
gio-salvador
commented
Nov 23, 2018
thanks @jlucier, if you want to make it easier to do the changes: https://github.com/gio-salvador/slack_dark_theme
|
This comment has been minimized.
This comment has been minimized.
grimm26
commented
Dec 3, 2018
Any idea how to use this with Franz? |
This comment has been minimized.
This comment has been minimized.
celichtenstein
commented
Dec 22, 2018
Would love to know this as well |
This comment has been minimized.
This comment has been minimized.
b3none
commented
Jan 4, 2019
If someone could take the time to do a darcula theme I will nut on video. |
This comment has been minimized.
This comment has been minimized.
rodriguezsergio
commented
Jan 8, 2019
Sidebar was still not quite what I wanted it to be. I'm using these colors to customize the rest of the client. #2A2A2A,#2A2A2A,#454647,#FFFFFF,#454647,#FFFFFF,#3DBA0F,#EF4933 |
This comment has been minimized.
This comment has been minimized.
@b3none why not do it yourself then ;) |
This comment has been minimized.
This comment has been minimized.
WentPostal
commented
Feb 6, 2019
For some reason this morning my reply in threads is now white again. Anyone else run into this? It has been working for months and even after I updated to 3.3.6. |
This comment has been minimized.
This comment has been minimized.
rgschofield
commented
Feb 18, 2019
Yep, same here. White thread reply box. |
This comment has been minimized.
This comment has been minimized.
joebrislin
commented
Feb 27, 2019
•
I was able to fix the updated thread reply box by setting the following although I'd prefer to do a fully updated css. This was quicker for now. document.addEventListener('DOMContentLoaded', function() {
let tt__customCss = `.menu ul li a:not(.inline_menu_link) {color: #fff !important;}`
$.ajax({
url: 'https://cdn.rawgit.com/laCour/slack-night-mode/master/css/raw/black.css',
success: function(css) {
$("<style></style>").appendTo('head').html(css + tt__customCss);
$("<style></style>").appendTo('head').html('.p-threads_footer__input--legacy .p-message_input_field {background: padding-box #545454}');
$("<style></style>").appendTo('head').html('.p-threads_footer__input--legacy .p-message_input_file_button {background: padding-box #545454}');
$("<style></style>").appendTo('head').html('.p-threads_footer__input--legacy .p-message_input_field .ql-placeholder {color: #e6e6e6}');
$("<style></style>").appendTo('head').html('.p-threads_footer__input .p-message_input_field.focus~.p-message_input_file_button:not(:hover) {color: #949494}');
$("<style></style>").appendTo('head').html('.c-texty_input.focus .c-texty_input__button {color: #949494}');
$("<style></style>").appendTo('head').html('.p-channel_sidebar {background: #363636 !important}');
$("<style></style>").appendTo('head').html('#client_body:not(.onboarding):not(.feature_global_nav_layout):before {background: inherit;}');
}
});
}); |
This comment has been minimized.
This comment has been minimized.
LanikSJ
commented
Mar 2, 2019
•
I've been incorporating the changes from this thread myself: https://github.com/LanikSJ/slack-dark-mode Works very well, suggestions welcome. |
This comment has been minimized.
This comment has been minimized.
LanikSJ
commented
Mar 8, 2019
•
I'm still seeing Slack Posts with white text inside which makes it unreadable. Can one of you CSS gurus help me figure out what we need to change? Thanks. EDIT: I figured it out. I had to change something in black.css (I use dark-theme.css in my repo): LanikSJ/slack-dark-mode@26100e9 |
This comment has been minimized.
This comment has been minimized.
Dokixi
commented
Mar 8, 2019
•
This comment has been minimized.
This comment has been minimized.
LanikSJ
commented
Mar 8, 2019
•
I've added the channel previews now: LanikSJ/slack-dark-mode@0d9d74a it's not perfect so some suggestions welcomed. @Dokixi try the code in my repo, seems to work for code / text snippets. |
This comment has been minimized.
This comment has been minimized.
Dokixi
commented
Mar 9, 2019
•
@LanikSJ I have added your updated code in the "dark-theme.css" file, which I have added in the "Resources" folder in the Slack application files, and I have added your "event-listener.js" code into the buttom of the "ssb-interop.js" file in Slack. It dosent seem to be fixed for me, same problem as before. :/ |
This comment has been minimized.
This comment has been minimized.
LanikSJ
commented
Mar 10, 2019
My bad I see what you mean now. I also see no text when you attach screenshots. The text is the same color as the background. I'll work on that when I have time and see if I figure things out. |
This comment has been minimized.
This comment has been minimized.
mbonsack
commented
Mar 12, 2019
My code snippets are still white background/black text (like dark mode is not applied to them at all). They don't look like the example above. Cloned latest repo. Ideas? |
This comment has been minimized.
This comment has been minimized.
osilva88
commented
Mar 13, 2019
Hi all. This all worked for me until @indradhanush pointed out that the thread replies were hard to see. I was then confused on @samjhill's comment on the new code line to add. Everything is back to white. Can someone provide me with the full code, including adding the dark mode thread replies? Thank you. $("<style></style>").appendTo('head').html('#reply_container.upload_in_threads .inline_message_input_container {background: padding-box #545454}') |
This comment has been minimized.
This comment has been minimized.
bric3
commented
Mar 14, 2019
@osilva88 try that, it's adapted from https://github.com/LanikSJ/slack-dark-mode/ Close your slack app. document.addEventListener('DOMContentLoaded', function() {
const fs = require('fs');
const filePath = '/Applications/Slack.app/Contents/Resources/dark-theme.css';
const tt__customCss = '.menu ul li a:not(.inline_menu_link) {color: #fff !important;}'
fs.readFile(filePath, {
encoding: 'utf-8'
}, function(err, css) {
if (!err) {
$("<style></style>").appendTo('head').html(css + tt__customCss);
$("<style></style>").appendTo('head').html('.p-threads_footer__input--legacy .p-message_input_field {background: padding-box #545454}');
$("<style></style>").appendTo('head').html('.p-threads_footer__input--legacy .p-message_input_file_button {background: padding-box #545454}');
$("<style></style>").appendTo('head').html('.p-threads_footer__input--legacy .p-message_input_field .ql-placeholder {color: #e6e6e6}');
$("<style></style>").appendTo('head').html('.p-threads_footer__input .p-message_input_field.focus~.p-message_input_file_button:not(:hover) {color: #949494}');
$("<style></style>").appendTo('head').html('.c-texty_input.focus .c-texty_input__button {color: #949494}');
$("<style></style>").appendTo('head').html('.p-channel_sidebar {background: #363636 !important}');
$("<style></style>").appendTo('head').html('#client_body:not(.onboarding):not(.feature_global_nav_layout):before {background: inherit;}');
}
});
}); |
This comment has been minimized.
This comment has been minimized.
LanikSJ
commented
Mar 22, 2019
I've added the retention page now: https://github.com/LanikSJ/slack-dark-mode/ I'm still no closer to figure out the numbers in code blocks and the attachment text. I'm open to ideas. |
This comment has been minimized.
This comment has been minimized.
it would be awesome if everyone who added a some hotfix in this thread sent PRs to the main projects instead <3 |
This comment has been minimized.
This comment has been minimized.
LanikSJ
commented
Mar 22, 2019
Main project is using the web app with stylesheets. Personally I'm using the Mac App so I can't contribute what I'm doing back to the project. |
This comment has been minimized.
This comment has been minimized.
twitterkb
commented
Apr 21, 2019
just recently, Slack updated its -beta, and the re-install naturally overwrote away my changes from this gist. so i came back to re-install. for safety sake in terms of being very paranoid about css injection in general, i'm going to re-emphasize this point made by @jlucier (with a couple of minor changes, noted below β¦) https://gist.github.com/a7madgamal/c2ce04dde8520f426005e5ed28da8608#gistcomment-2741931
my modifications to his snippet below:
(to be super clear, i use https://github.com/LanikSJ/slack-dark-mode/blob/master/dark-theme.css, and i've adjusted #222 to #111 and #363636 to #222 because i like things a bit darker.) |
This comment has been minimized.
This comment has been minimized.
ddcrjlalumiere
commented
Apr 29, 2019
This mostly works great! The one issue I'm noting is that the "All Threads" view still is light themed, aside from the reply input box. |
This comment has been minimized.
This comment has been minimized.
LanikSJ
commented
May 4, 2019
@twitterkb my CSS is compatible with the latest Slack Beta. @ddcrjlalumiere if you use the CSS in my repo, which @twitterkb reiterated then you'll get "All Threads" view in dark theme. |
This comment has been minimized.
This comment has been minimized.
willgk
commented
May 7, 2019
Is there a way to fix the preferences pages? They seem to all have a white background but get the text color changes. Which makes them a little hard to read. |
This comment has been minimized.
This comment has been minimized.
LanikSJ
commented
May 8, 2019
I fixed some issues in LanikSJ/slack-dark-mode#57 I'll add more fixes as time permits. |
This comment has been minimized.
This comment has been minimized.
realtonyyoung
commented
Jun 17, 2019
I love this! Thanks for sharing! Any chance the blue sidebar with the channel and DM names could be black with white lettering instead of blue? The rollover colours could be lighter gray perhaps? |
This comment has been minimized.
This comment has been minimized.
abhinav37
commented
Jun 19, 2019
•
Personally I think the best and safest way is to add this to document.addEventListener('DOMContentLoaded', function () {
var filepath = '/Applications/Slack.app/Contents/Resources/app.asar.unpacked/src/static/black.css'
fs.readFile(filepath, 'utf-8', (err, css) => {
if (err) {
alert("An error ocurred reading the file :" + err.message);
return;
}
let overrides = `
code { color: #f44336; } /* Change color: to whatever font color you want */
`
$("<style></style>").appendTo('head').html(css + overrides);
});
}); and downloaded the black.css file and save it alongside the ssb-interlop. This will prevent a security breach to fix the color issue you can always add .p-threads_view__default_background {background: #222222;}
.p-threads_view {background: #222222;}
.p_threads_view_load_newer_button, .p_threads_view_load_older_button{background: #222222;}
.p-threads_view_reply--new_reply {
background: #444444;
}
.p-channel_sidebar__banner--unreads {
background: #ef6c00; //set to whatever sidebar unread message color you want
} |
This comment has been minimized.
This comment has been minimized.
LanikSJ
commented
Jun 20, 2019
|
This comment has been minimized.
This comment has been minimized.
marchrius
commented
Jun 20, 2019
@LanikSJ there is a |
This comment has been minimized.
This comment has been minimized.
LanikSJ
commented
Jun 20, 2019
Not with a new version: β find /Applications/Slack.app/Contents/Resources -iname "*.js"
/Applications/Slack.app/Contents/Resources/app.asar.unpacked/dist/static/extensions/react-devtools/popups/shared.js
/Applications/Slack.app/Contents/Resources/app.asar.unpacked/dist/static/extensions/react-devtools/build/background.js
/Applications/Slack.app/Contents/Resources/app.asar.unpacked/dist/static/extensions/react-devtools/build/backend.js
/Applications/Slack.app/Contents/Resources/app.asar.unpacked/dist/static/extensions/react-devtools/build/panel.js
/Applications/Slack.app/Contents/Resources/app.asar.unpacked/dist/static/extensions/react-devtools/build/main.js
/Applications/Slack.app/Contents/Resources/app.asar.unpacked/dist/static/extensions/react-devtools/build/inject.js
/Applications/Slack.app/Contents/Resources/app.asar.unpacked/dist/static/extensions/react-devtools/build/contentScript.js |
This comment has been minimized.
This comment has been minimized.
marchrius
commented
Jun 20, 2019
I'm sorry, it is in the |
This comment has been minimized.
This comment has been minimized.
LanikSJ
commented
Jun 20, 2019
Okay I see what you mean now. I expected the package to be extracted fully but it doesn't look like it is. Do I just add my code to the bottom of |
This comment has been minimized.
This comment has been minimized.
marchrius
commented
Jun 21, 2019
•
No, it's a compiled (minified + obfuscated) file and you have to search for exact point where put the script to load css. |
This comment has been minimized.
This comment has been minimized.
LanikSJ
commented
Jun 21, 2019
Sorry for all the stupid questions I'm a bit out of my depth here with this minified / obfuscated code. I usually can make sense of things, but having a hard time with this one. |
This comment has been minimized.
This comment has been minimized.
LanikSJ
commented
Jun 24, 2019
This is another project that describes the issues with Slack version 4: elv1n/slack-dark-mojave-theme#7 |
This comment has been minimized.
This comment has been minimized.
ammmze
commented
Jul 11, 2019
Once you unpack the archive, you can still just append the code to the end of the |
This comment has been minimized.
This comment has been minimized.
LanikSJ
commented
Jul 12, 2019
•
Okay I was missing the repack part. You can test the changes for Slack 4.0 in master. |
This comment has been minimized.
This comment has been minimized.
justinvogt87
commented
Jul 12, 2019
•
Unfortunately still not working for me on the
Sidebar looks great, just still got the glaring white text. |
This comment has been minimized.
This comment has been minimized.
LanikSJ
commented
Jul 12, 2019
•
@justinvogt87 please try to run the same script again after you've done a |
This comment has been minimized.
This comment has been minimized.
vtrokhymenko
commented
Jul 15, 2019
•
hi |
This comment has been minimized.
This comment has been minimized.
M-Brond
commented
Jul 15, 2019
Hmm indeed @vtrokhymenko it seems that the ssb-interop.js is no longer in the resources folder. Does someone know how to unpack app.asar.unpacked ? |
This comment has been minimized.
This comment has been minimized.
vtrokhymenko
commented
Jul 15, 2019
|
This comment has been minimized.
This comment has been minimized.
M-Brond
commented
Jul 15, 2019
Yes, but there is no |
This comment has been minimized.
This comment has been minimized.
vtrokhymenko
commented
Jul 15, 2019
in version 4 no |
This comment has been minimized.
This comment has been minimized.
M-Brond
commented
Jul 15, 2019
Great idea. How did you manage to do that? Especially on MacOS? |
This comment has been minimized.
This comment has been minimized.
vtrokhymenko
commented
Jul 15, 2019
by this link u can download version 3.4.2 and after easy do slack black |
This comment has been minimized.
This comment has been minimized.
M-Brond
commented
Jul 15, 2019
Thank you so much! Finally got the Slack black again thanks. |
This comment has been minimized.
This comment has been minimized.
iamrickylai
commented
Jul 15, 2019
Lucky we still can download the previous version, 4.0 messed things up. |
This comment has been minimized.
This comment has been minimized.
vtrokhymenko
commented
Jul 15, 2019
did i think, maybe write an email to slack and push them to add a black theme from the box? :idk: |
This comment has been minimized.
This comment has been minimized.
jenbutongit
commented
Jul 15, 2019
@LanikSJ nice, thank you! slack-4.0 branch is working for me. No issues I can see so far. |
This comment has been minimized.
This comment has been minimized.
vtrokhymenko
commented
Jul 15, 2019
@jenbutongit did u run successful code from repo to do slack-4.0.0 black? |
This comment has been minimized.
This comment has been minimized.
jenbutongit
commented
Jul 15, 2019
@vtrokhymenko yep. On macOS Mojave / Slack v4.0.0
|
This comment has been minimized.
This comment has been minimized.
tnesavich
commented
Jul 15, 2019
Slack 4.0 is missing Slack.app/Contents/Resources/app.asar.unpacked/src/static/ssb-interop.js Looks like this will have to be re-written to leverage an alternative approach. |
This comment has been minimized.
This comment has been minimized.
jenbutongit
commented
Jul 15, 2019
@tnesavich the |
This comment has been minimized.
This comment has been minimized.
LanikSJ
commented
Jul 15, 2019
I see that Slack 4.0 is out of the Apple App Store, even though it's not updated on their web site. I've merged all the changes from |
This comment has been minimized.
This comment has been minimized.
tnesavich
commented
Jul 15, 2019
•
@LanikSJ npx command is failing. I have pasted the output I am receiving below for reference: $sudo cd slack-dark-mode && source slack-dark-mode.sh Adding Dark Theme Code to Slack... document.addEventListener('DOMContentLoaded', function() { Done! After executing this script restart Slack for changes to take effect. |
This comment has been minimized.
This comment has been minimized.
tnesavich
commented
Jul 15, 2019
Also, wanted to give you the heads up that when trying to unpack just ssb-interop.js I get the following: sudo npx asar extract-file /Applications/Slack.app/Contents/Resources/app.asar ssb-interop.js |
This comment has been minimized.
This comment has been minimized.
vtrokhymenko
commented
Jul 15, 2019
@tnesavich to fixed npx run the next command: |
This comment has been minimized.
This comment has been minimized.
demisx
commented
Jul 15, 2019
This is what worked for me in MacOs Mojave: git clone https://github.com/LanikSJ/slack-dark-mode
cd slack-dark-mode/
chmod +x slack-dark-mode.sh
sudo ./slack-dark-mode.sh Restart Slack. |
This comment has been minimized.
This comment has been minimized.
tnesavich
commented
Jul 15, 2019
Tried reinstalling slack completely and re-ran the dark-theme.sh as per suggested but the theme is still not applying. Wanted to share my notes with you below to see if there might be something to fix this. Thanks in advance! I am seeing that /Applications/Slack.app/Contents/Resources/app.asar.unpacked/dist/ssb-interop.bundle.js does in fact get appended with: //# sourceMappingURL=ssb-interop.bundle.js.map However, it almost feels as if the dark-theme.css is not being applied. I search for where the css files are stored and noticed that the dark-theme.css was only in: so I added it to the other 2 locations where I am seeing css files: |
This comment has been minimized.
This comment has been minimized.
ralphmurphy715
commented
Jul 15, 2019
•
Pre-req: Homebrew This worked for me:
|
This comment has been minimized.
This comment has been minimized.
Dahmenator
commented
Jul 15, 2019
Thanks! Your is the only set of instructions so far that worked for me. I am once again enjoying dark mode on Slack 4.0 desktop. |
This comment has been minimized.
This comment has been minimized.
tnesavich
commented
Jul 15, 2019
•
Thanks for your post Ralph. Not sure why it is still not working as I have both Homebrew and npm $brew --version $npm --version I am seeing that /Applications/Slack.app/Contents/Resources/app.asar.unpacked/dist/ssb-interop.bundle.js is in fact being appended with:
I also appended the following to /Applications/Slack.app/Contents/Resources/app.asar.unpacked/dist/main.js: However, after restarting Slack the dark-theme is not applied. |
This comment has been minimized.
This comment has been minimized.
EricVS
commented
Jul 16, 2019
Hi, Adding Dark Theme Code to Slack... document.addEventListener('DOMContentLoaded', function() { Done! After executing this script restart Slack for changes to take effect.` Still with the bright white staring at me :-( |
This comment has been minimized.
This comment has been minimized.
Dahmenator
commented
Jul 16, 2019
Is Slack running when you run the commands? I don't know if it makes a difference, but I did not have Slack running when I ran the terminal commands. |
This comment has been minimized.
This comment has been minimized.
tnesavich
commented
Jul 16, 2019
Let me know if you get a response that works. I am tapped out at present for ideas to fix it. Thanks! |
This comment has been minimized.
This comment has been minimized.
tnesavich
commented
Jul 16, 2019
I have tried running commands with slack running and not and get the same results as @EricVS |
This comment has been minimized.
This comment has been minimized.
EricVS
commented
Jul 16, 2019
I just stopped Slack and ran it again but no joy. |
This comment has been minimized.
This comment has been minimized.
tnesavich
commented
Jul 16, 2019
Wanted to share a couple more things to save people time that I tried just now to get this to work. Test 1: Result 1: Test 2:
Result 2: |
This comment has been minimized.
This comment has been minimized.
Mackarous
commented
Jul 16, 2019
Same issue for me. I had it working under Slack 4.0, then all of a sudden it stopped working and hasn't worked since. |
This comment has been minimized.
This comment has been minimized.
ammmze
commented
Jul 16, 2019
Did you repack everything back to app.asar? |
This comment has been minimized.
This comment has been minimized.
Mackarous
commented
Jul 16, 2019
@ammmze yes I tried running the script, and I tried manually repacking |
This comment has been minimized.
This comment has been minimized.
drumpat01
commented
Jul 17, 2019
Yes this worked! Thank you so much! |
This comment has been minimized.
This comment has been minimized.
tnesavich
commented
Jul 17, 2019
Here is a link to the fix that worked for me! |
This comment has been minimized.
This comment has been minimized.
Mackarous
commented
Jul 17, 2019
The above link posted by @tnesavich also worked for me |
This comment has been minimized.
This comment has been minimized.
LanikSJ
commented
Jul 20, 2019
•
My project tested with Slack 4.0.1 beta2 and it still works. |
This comment has been minimized.
This comment has been minimized.
Dahmenator
commented
Jul 22, 2019
Interesting. Came to work this morning, launched Slack, and no dark mode. Nothing else is different on my iMac. Didn't even use Slack this weekend. The link posted above by @tnesavich is currently broken. All attempts to reinstall dark mode say they are successful but they aren't. |
This comment has been minimized.
This comment has been minimized.
Dahmenator
commented
Jul 22, 2019
The link @tnesavich is now working (loading) and the suggested tip contained in that link worked for me. Dark Mode has been restored. |
This comment has been minimized.
This comment has been minimized.
BenGitsCode
commented
Jul 24, 2019
This is a shot in the dark, but has anyone put together a collection of some of these classes and what they're mapped to? Maybe it changes so much that's untenable but it would be great to have a legend for some of the more common changes people are makingβwithout constantly guessing and refreshing |
This comment has been minimized.
This comment has been minimized.
jenbutongit
commented
Jul 24, 2019
@BenGitsCode have you had a look at the theme repo? The script uses the black/default theme. https://github.com/laCour/slack-night-mode This is another theme in the same repo with the variables it's overriding for example. You might have to do some more digging in the scss if it doesn't fix your problem |
This comment has been minimized.
This comment has been minimized.
BenGitsCode
commented
Jul 24, 2019
Oh I hadn't really looked through that but I think it will help. I know had it closer thrashing my way through any class with unread in the name yesterday so I'll just have to go a little slower to get only those changes. This will definitely help though, thanks @jenbutongit! |
This comment has been minimized.
This comment has been minimized.
demisx
commented
Jul 31, 2019
Just tested it again after Slack upgrade to 4.0.1 on MacOs Mojave 10.14.5 and had no problem activating the Dark mode:
git clone https://github.com/LanikSJ/slack-dark-mode
cd slack-dark-mode/
chmod +x slack-dark-mode.sh
sudo ./slack-dark-mode.sh
|
This comment has been minimized.
This comment has been minimized.
chandlervdw
commented
Jul 31, 2019
•
@demisx nice, thanks! Any tips on how to uninstall if I get tired of it? Or better yet βΒ have it toggle on/off based on the System Preference for Light/Dark mode? |
This comment has been minimized.
This comment has been minimized.
marcus
commented
Aug 1, 2019
It's also working fine in 4.0.2-beta1 |
This comment has been minimized.
This comment has been minimized.
KillerSquid
commented
Aug 1, 2019
Same! Just ran on Mac Mojave 10.14.5 (current as of Aug 1, 2019) and Slack 4.0.1 |
This comment has been minimized.
This comment has been minimized.
KillerSquid
commented
Aug 1, 2019
Any way to get rid of the stoplight bar at the top of the window and just run "headless"? |
This comment has been minimized.
This comment has been minimized.
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. 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. |
This comment has been minimized.
This comment has been minimized.
M-Brond
commented
Aug 6, 2019
•
The script of @demisx is great, however, I still face the following issue:
The missing files are in the same folder but unable for the Terminal to locate them out of the blue. Thanks! Edit: tried to add the path to file in the script but no result. |
This comment has been minimized.
This comment has been minimized.
LanikSJ
commented
Aug 8, 2019
@M-Brond try these instructions: https://github.com/LanikSJ/slack-dark-mode#usage |
This comment has been minimized.
This comment has been minimized.
@LanikSJ thanks A LOT :) |
This comment has been minimized.
This comment has been minimized.
M-Brond
commented
Aug 9, 2019
Hey @LanikSJ yes saw that one thanks, but sadly my terminal skills aren't sufficient enough to make this work:
This issue got me started learning the terminal but besides that it would be really owesome to have Slack working in black. |
This comment has been minimized.
This comment has been minimized.
vtrokhymenko
commented
Aug 9, 2019
hi && it's like for example, u can separate these commands like: |
This comment has been minimized.
This comment has been minimized.
demisx
commented
Aug 9, 2019
•
@M-Brond # 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 |
This comment has been minimized.
This comment has been minimized.
LanikSJ
commented
Aug 9, 2019
@M-Bond |
This comment has been minimized.
This comment has been minimized.
diamondsw
commented
Aug 10, 2019
Tried this today; sed doesn't check for bootSonic:"always", which was the default in my local-settings.json . |
This comment has been minimized.
This comment has been minimized.
M-Brond
commented
Aug 10, 2019
This comment has been minimized.
This comment has been minimized.
Anishmourya
commented
Aug 27, 2019
Thank you so much. it works for me. |
This comment has been minimized.
This comment has been minimized.
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 Done! After executing this script restart Slack for changes to take effect. Thanks! |
This comment has been minimized.
This comment has been minimized.
LanikSJ
commented
Aug 27, 2019
@daspuru try these instructions: https://github.com/LanikSJ/slack-dark-mode#usage |
This comment has been minimized.
This comment has been minimized.
daspuru
commented
Aug 27, 2019
•
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: I already tried: npm install util.promisify |
This comment has been minimized.
This comment has been minimized.
LanikSJ
commented
Aug 27, 2019
In Slack, Help -> Troubleshooting -> Clear Cache and Restart. Can't help you with your |
This comment has been minimized.
This comment has been minimized.
demisx
commented
Aug 28, 2019
@daspuru What version of node are you running? I believe $ node -v |
This comment has been minimized.
This comment has been minimized.
daspuru
commented
Aug 28, 2019
This comment has been minimized.
This comment has been minimized.
LanikSJ
commented
Aug 28, 2019
You need to update your NodeJS to at least latest LTS. |
This comment has been minimized.
This comment has been minimized.
daspuru
commented
Aug 28, 2019
@LanikSJ Upgrading did the trick. Thanks a lot!! :) |
This comment has been minimized.
This comment has been minimized.
bcbird304
commented
Sep 10, 2019
@LanikSJ Thanks for the update, those instructions worked |
This comment has been minimized.
This comment has been minimized.
tripp396
commented
Sep 12, 2019
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. |
This comment has been minimized.
This comment has been minimized.
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. |
This comment has been minimized.
This comment has been minimized.
tripp396
commented
Sep 12, 2019
I just saw this! Great news! |
This comment has been minimized.
This comment has been minimized.
FINALLYYYYYYYYY |
This comment has been minimized.
This comment has been minimized.
Dahmenator
commented
Sep 12, 2019
How does one remove/uninstall the dark mode content we've been tooling around with using git? |
This comment has been minimized.
This comment has been minimized.
LanikSJ
commented
Sep 12, 2019
Reinstall Slack. Problem solved. |
This comment has been minimized.
This comment has been minimized.
Dahmenator
commented
Sep 12, 2019
Thanks! Worked like a charm. |
This comment has been minimized.
This comment has been minimized.
marchrius
commented
Sep 18, 2019
Thank you guys for this beautiful trip! Bye. |
This comment has been minimized.
jonnymccullagh commentedAug 14, 2018
On linux I edited:
/usr/lib/slack/resources/app.asar.unpacked/src/static/ssb-interop.js