Skip to content

Instantly share code, notes, and snippets.

@goldsamantha
Last active June 1, 2018 06:44
Show Gist options
  • Save goldsamantha/56c4301d86f9a3198e5c0b98a4e52e8d to your computer and use it in GitHub Desktop.
Save goldsamantha/56c4301d86f9a3198e5c0b98a4e52e8d to your computer and use it in GitHub Desktop.
terminal theme for slack

Night mode for Slack Web

nightmode

Installing a theme

You'll want to add this theme color to slack as well: #000000,#000000,#006600,#00ff00,#00ff00,#00ff00,#ff0000,#ff0000 which I got from this site here: http://slackthemes.net/#/retro_monochrome_terminal

Instructions on how to add or customize slack themes can be found here

Adding the custom CSS above:

You'll need a chrome extension which allows you to write and persist custom CSS for a given website. I'm using stylebot for this. You can hit the Edit CSS button when you're on the web version of the slack room you want to change and paste in the CSS below.

body.light_theme, #footer_msgs, div.c-message.c-message--light.c-message--hover, div.channel_header, .c-scrollbar__hider:before, #search_terms {
background: #000;
}
span.c-message__body, .c-message--light .c-message__sender .c-message__sender_link {
color: #00FF00;
}
a, a:link, a:visited {
color: #006600;
}
pre.special_formatting {
background: #222;
color: #06b406;
}
.c-message_list__day_divider__label__pill {
background: #666;
}
#col_messages, div.channel_header {
box-shadow: inset 1px 0 0 0 #222;
}
.c-scrollbar__hider:before {
border-bottom: 1px solid #222;
}
@sunnycal
Copy link

sunnycal commented Jun 1, 2018

Would this work on mobile slack?

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