Skip to content

Instantly share code, notes, and snippets.

@bradens
Last active February 1, 2019 07:56
Show Gist options
  • Star 4 You must be signed in to star a gist
  • Fork 8 You must be signed in to fork a gist
  • Save bradens/0ec8b48488e0071bdee947964b45353a to your computer and use it in GitHub Desktop.
Save bradens/0ec8b48488e0071bdee947964b45353a to your computer and use it in GitHub Desktop.
Dark theme for slack
#msgs_scroller_div::-webkit-scrollbar-track, #client_body::before, .client_container,
#search_terms, #client_body, #footer, ts-message, .channel_header, ts-jumper ts-jumper-container,
ts-jumper input[type="text"] {
background: #282c34 !important;
}
#client_body::before {
border-bottom: 1px solid #1a2129 !important;
}
ts-message, .channel_title .channel_name, ts-jumper input[type="text"],
ts-jumper ol li .member_real_name, ts-jumper ol li .view_name, ts-jumper ol li .channel_name {
color: #eee !important;
}
.light_theme ts-message .message_content .message_sender, #msg_input::-webkit-input-placeholder,
ts-jumper input[type="text"]::-webkit-input-placeholder {
color: #aaa !important;
}
#msg_input, #primary_file_button {
background: transparent !important;
color: #eee !important;
border-color: #444 !important;
}
.day_divider .day_divider_label {
color: #eee !important;
}
.day_container .day_msgs {
border-top: 1px solid #1a2129 !important;
}
ts-message:hover, .day_divider .day_divider_label {
background: #1A2129 !important;
}
#messages_container::after {
background: none !important;
}
.bot_label {
padding: 0 4px !important;
border-radius: 3px !important;
background: #0a233a !important;
}
@jolson490
Copy link

jolson490 commented Apr 3, 2018

hello. thanks for making this.

I tried it out today with the Slack app (Version 3.1.0) on Mac, and it works for the most part, but the "This is the very beginning of your direct message history with" text isn't visible (as shown by the following screenshot). Do you by chance have any ideas of how to fix this?
And this screenshot doesn't show it, but much of the text written in a room is missing - overall what i tried here worked better.
slack-dark-theme_invisibletext

And I'd be all ears if there's a way to automate this (without editing *.js Slack files on my Mac - because I don't have root/sudo access) so the dark theme remains in place even after re-starting the Slack app on my Mac.

thanks!

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