Skip to content

Instantly share code, notes, and snippets.

@omega
Created September 23, 2014 10:44
Show Gist options
  • Save omega/6eed5e41fbe76ec920ac to your computer and use it in GitHub Desktop.
Save omega/6eed5e41fbe76ec920ac to your computer and use it in GitHub Desktop.
Slack userstyle
/* your source here */
/*
.loading #col_channels,
.loading #col_channels_bg,
.loading div#team_menu,
.loading div#user_menu {
width: 0 !important;
}
#col_channels, #col_channels_bg,div#team_menu, div#user_menu {
width: 180px !important;
}
#channels_list_holder ul {
width: 164px !important;
}
#messages_container {
margin-left: 180px !important;
}
*/
div#col_channels, div#col_channels_bg {
background-color: #eee !important;
color: #444 !important;
}
#col_channels ul li.channel.active a.channel_name,
#col_channels ul li.group.active a.group_name,
#col_channels ul li.member.active a.im_name {
background-color: #4EC71A !important;
}
#monkey_scroll_wrapper_for_channels_scroller .monkey_scroll_handle_inner {
background-color: rgba(78, 199, 26, 0.500) !important;
border: 0px solid rgba(78, 199, 26, 0.500) !important;
}
#monkey_scroll_wrapper_for_channels_scroller .monkey_scroll_bar {
background-color: rgba(199, 199, 199, 0.500) !important;
}
.channels_list_holder ul li a:hover {
background-color: #5F9C44 !important;
}
#im-list .presence.active,
#starred-list .presence.active,
.slackbot_icon {
color: #45DE03 !important;
}
#im-list .presence.away,
#starred-list .presence.away {
color: #ddd !important;
}
div#team_menu, div#user_menu {
background-color: #ddd !important;
}
div#user_menu {
border-top: 2px solid #ccc !important;
}
div#team_menu {
border-bottom: 2px solid #ccc !important;
color: #333 !important;
}
.channels_list_holder ul li.unread a {
color: #666 !important;
}
.channels_list_holder ul li.unread .prefix {
color: #333 !important;
}
.channels_list_holder .section_holder {
margin: 0.5rem 0 1rem !important;
}
.channels_list_holder h2 {
font-size: 0.7rem !important;
line-height: 1rem !important;
}
.channels_list_holder ul li {
font-size: 0.9rem !important;
line-height: 1.25rem !important;
height: 1.25rem !important;
}
.slackbot_icon,
.channels_list_holder ul li.group i.prefix {
margin-top:6px !important;
}
#im-list .presence i.presence_icon,
#starred-list .presence i.presence_icon {
margin-top: -3px !important;
}
.channels_list_holder .typing_indicator {
top: 10px !important;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment