Skip to content

Instantly share code, notes, and snippets.

@anziem
Forked from bradens/slack-dark-theme.css
Last active March 4, 2021 09:45
Show Gist options
  • Select an option

  • Save anziem/806da8b104ae360d53bd46d5e5c90c4f to your computer and use it in GitHub Desktop.

Select an option

Save anziem/806da8b104ae360d53bd46d5e5c90c4f to your computer and use it in GitHub Desktop.
Solarized theme for Slack (including background - not just sidebar)
#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: #002B36 !important;
}
#client_body::before {
border-bottom: 1px solid #268BD2 !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: #93A1A1 !important;
}
.light_theme ts-message .message_content .message_sender, #msg_input::-webkit-input-placeholder,
ts-jumper input[type="text"]::-webkit-input-placeholder {
color: #93A1A1 !important;
}
#msg_input, #primary_file_button {
background: transparent !important;
color: #93A1A1 !important;
border-color: #073642 !important;
}
.day_divider .day_divider_label {
color: #93A1A1 !important;
}
.day_container .day_msgs {
border-top: 1px solid #268BD2 !important;
}
ts-message:hover, .day_divider .day_divider_label {
background: #268BD2 !important;
}
#messages_container::after {
background: none !important;
}
.bot_label {
padding: 0 4px !important;
border-radius: 3px !important;
background: #073642 !important;
}
@tomuxmon
Copy link
Copy Markdown

tomuxmon commented Mar 4, 2021

Tried that but no luck (no effect on the background). Possibly out of date and something changed in slack?
Any hints appreciated :)

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