Skip to content

Instantly share code, notes, and snippets.

@goldsamantha goldsamantha/README.md

Last active Jun 1, 2018
Embed
What would you like to do?
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

This comment has been minimized.

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
You can’t perform that action at this time.