Skip to content
This repository has been archived by the owner on Mar 16, 2024. It is now read-only.

Commit

Permalink
- adjusted colors in sidebars to the same scheme
Browse files Browse the repository at this point in the history
- fixed channel browser, some hovering and button styles
  • Loading branch information
Nockiro committed Jul 27, 2018
1 parent b839c1b commit ef89e34
Showing 1 changed file with 39 additions and 5 deletions.
44 changes: 39 additions & 5 deletions custom.css
Original file line number Diff line number Diff line change
Expand Up @@ -166,6 +166,10 @@ ts-jumper input[type="text"],
.channel_header, #col_messages, #footer {
box-shadow: none;
}
/* buttons */
.btn.disabled, .btn.disabled:active, .btn.disabled:hover, .btn:disabled, .btn:disabled:active, .btn:disabled:hover {
background-color: var(--background-light) !important;
}

/* channel list */
.p-channel_sidebar__channel,
Expand Down Expand Up @@ -321,7 +325,7 @@ ts-jumper input[type="text"]::-webkit-input-placeholder {
}

textarea, input[type="text"], #file_comment_textarea {
background-color: var(--background) !important;
background-color: var(--background-elevated) !important;
border-color: var(--border-dim) !important;
color: var(--text) !important;
}
Expand Down Expand Up @@ -355,7 +359,6 @@ ts-message:hover {
.file_container:after{
background-image: -webkit-linear-gradient(top,rgba(255,255,255,0) 0,#333 100%) !important;
}

.rxn,
#col_channels,
#col_channels_footer,
Expand Down Expand Up @@ -1136,6 +1139,23 @@ ts-jumper ts-jumper-container {
.channel_modal .btn_large {
border: 1px solid;
}
/* channel browsing */
#channel_browser .channel_browser_row_header {
color: var(--text);
}
#channel_browser .channel_browser_divider {
color: var(--text);
background: var(--background-hover);
}
#channel_browser .channel_browser_row {
background-color: var(--background);
}
#channel_browser #channel_list_container:not(.keyboard_active).not_scrolling .channel_browser_row:hover, #channel_browser .channel_browser_row.highlighted {
background: var(--background-elevated);
}
.sk_black {
color: var(--text);
}
/** menus **/

.c-menu_item__header {
Expand All @@ -1146,6 +1166,10 @@ ts-jumper ts-jumper-container {
color: var(--text-bright);
}

.sidebar_menu_list_item:not(.is_active):hover {
background-color: var(--background-elevated);
}

/* message action menu */
.c-menu {
background-color: var(--background-elevated);
Expand Down Expand Up @@ -1206,7 +1230,7 @@ ts-jumper ts-jumper-container {
}
.c-file__action_button, .c-file__action_button:link, .c-file__action_button:visited {
color: var(--text);
background-color: var(--background-hover);
background-color: var(--background);
}
.p-flexpane_header {
background: var(--background);
Expand All @@ -1227,6 +1251,9 @@ ts-jumper ts-jumper-container {
.c-message_attachment {
color: var(--text-bright);
}
.c-file_container--has_thumb .c-file__actions:before {
background-image: none;
}
/* file drafts */
ts-rocket, ts-rocket.post_body {
color: var(--text);
Expand Down Expand Up @@ -1302,15 +1329,22 @@ nav {
color: var(--text);
}
.c-pillow_file_container {
background: var(--background-elevated);
background: var(--background);
}
.c-input_select {
background: var(--background-elevated);
color: var(--text);
}
.p-search_filter__dates, .p-search_filter .p-file_list__file_type_select, .p-search_filter__select .c-input_select {
border: 1px solid var(--border-dim);
}

.p-file_list__filters {
background: var(--background-elevated);
padding-top: 12px;
}
.c-pillow_file_container--full_width:focus, .c-pillow_file_container--full_width:focus-within, .c-pillow_file_container--full_width:hover {
background-color: var(--background-elevated);
}
/* side lists */
#client-ui .searchable_member_list .team_list_item:hover {
background: var(--background-hover);
Expand Down

0 comments on commit ef89e34

Please sign in to comment.