Slack userstyle

userstyle.css

/* 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;
}