Skip to content

Instantly share code, notes, and snippets.

@mswieboda
Forked from bradens/slack-dark-theme.css
Last active June 27, 2017 21:39
Show Gist options
  • Save mswieboda/32bbb1424e2c9eaa85d398a534cd00ca to your computer and use it in GitHub Desktop.
Save mswieboda/32bbb1424e2c9eaa85d398a534cd00ca to your computer and use it in GitHub Desktop.
Dark h4x0r Slack Theme
a .dense_meta.msg_inline_file_preview_toggler .msg_inline_file_preview_title, .dense_meta.msg_inline_img_toggler .msg_inline_file_preview_title, .meta.msg_inline_file_preview_toggler .msg_inline_file_preview_title, .meta.msg_inline_img_toggler .msg_inline_file_preview_title,
.dense_meta.msg_inline_file_preview_toggler .msg_inline_file_preview_title, .dense_meta.msg_inline_img_toggler .msg_inline_file_preview_title, .meta.msg_inline_file_preview_toggler .msg_inline_file_preview_title, .meta.msg_inline_img_toggler .msg_inline_file_preview_title {
color: #66FFFF !important;
/* color: #80FF00 !important; */
/* text-decoration: underline !important; */
}
a:active, a:focus, a:hover {
color: #66CCFF !important;
/* color: #80FF00 !important; */
/* text-decoration: none !important; */
}
a, a:link, a:visited {
color: #00FFFF !important;
/* color: #80FF00 !important; */
/* text-decoration: underline !important; */
}
a:focus, a:hover {
color: #66CCFF !important;
/* color: #80FF00 !important; */
/* text-decoration: none !important; */
}
a {
color: #66FFFF !important;
/* color: #80FF00 !important; */
/* text-decoration: underline !important; */
}
#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: #000 !important;
}
body {
background: #000 !important;
}
.menu, .panel {
background: #000 !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: #80ff00 !important;
}
.light_theme ts-message .message_content a.message_sender,
.light_theme ts-message .message_content .message_sender {
color: #a0a0a0 !important;
}
#msg_input::-webkit-input-placeholder,
ts-jumper input[type="text"]::-webkit-input-placeholder {
color: #80ff00 !important;
}
#msg_input, #primary_file_button {
background: transparent !important;
color: #eee !important;
border-color: #444 !important;
}
.day_divider .day_divider_label {
color: #80ff00 !important;
}
.day_container .day_msgs {
border-top: 1px solid #000 !important;
}
ts-message:hover, .day_divider .day_divider_label {
background: #000 !important;
}
#messages_container::after {
background: none !important;
}
.bot_label {
padding: 0 4px !important;
border-radius: 3px !important;
background: #80ff00 !important;
}
.comment .mention, .feature_name_tagging_client .comment .mention, .feature_name_tagging_client ts-message .mention, ts-message .mention {
background: #aaa !important;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment