left-sidebar.css: Replace RGB colors with HSL colors.

This commit is contained in:
Cory Lynch 2017-06-21 02:59:05 -04:00 committed by showell
parent 5f6ebaba45
commit 7bfb902032
1 changed files with 15 additions and 15 deletions

View File

@ -18,7 +18,7 @@
#streams_filter_icon, #streams_filter_icon,
#join_unsub_stream { #join_unsub_stream {
float: right; float: right;
color: #ccc; color: hsl(0, 0%, 80%);
font-size: 13px; font-size: 13px;
margin-top: 3px; margin-top: 3px;
margin-left: 10px; margin-left: 10px;
@ -27,7 +27,7 @@
#streams_inline_cog:hover, #streams_inline_cog:hover,
#streams_filter_icon:hover, #streams_filter_icon:hover,
#join_unsub_stream:hover { #join_unsub_stream:hover {
color: #555; color: hsl(0, 0%, 33%);
} }
#streams_header #join_unsub_stream { #streams_header #join_unsub_stream {
@ -91,11 +91,11 @@
#global_filters li:hover, #global_filters li:hover,
#stream_filters li:hover { #stream_filters li:hover {
background-color: #e2e8dd; background-color: hsl(93, 19%, 88%);
} }
#stream_filters li.active-sub-filter:hover { #stream_filters li.active-sub-filter:hover {
background-color: #ccd6cc; background-color: hsl(120, 11%, 82%);
} }
ul.filters { ul.filters {
@ -104,7 +104,7 @@ ul.filters {
} }
ul.filters a { ul.filters a {
color: #333; color: hsl(0, 0%, 20%);
} }
ul.filters hr { ul.filters hr {
@ -115,7 +115,7 @@ ul.filters hr {
li.active-filter, li.active-filter,
li.active-sub-filter { li.active-sub-filter {
font-weight: 600 !important; font-weight: 600 !important;
background: #ddedf6; background: hsl(202, 56%, 91%);
position: relative; position: relative;
} }
@ -125,7 +125,7 @@ li.active-sub-filter {
} }
.left-sidebar .sidebar-title:hover { .left-sidebar .sidebar-title:hover {
color: #555; color: hsl(0, 0%, 33%);
} }
li.hidden-filter { li.hidden-filter {
@ -181,7 +181,7 @@ li.hidden-filter {
float: right; float: right;
margin-top: 3px; margin-top: 3px;
line-height: 12px; line-height: 12px;
background: #80837f; background: hsl(105, 2%, 50%);
padding: 2px 4px 1px 4px; padding: 2px 4px 1px 4px;
border-radius: 0px; border-radius: 0px;
color: #ffffff; color: #ffffff;
@ -220,7 +220,7 @@ li.hidden-filter {
line-height: 1em; line-height: 1em;
top: 4px; top: 4px;
padding: 2px 4px 1px 4px; padding: 2px 4px 1px 4px;
background: #a6ada4; background: hsl(107, 5%, 66%);
color: #ffffff; color: #ffffff;
border-radius: 1px; border-radius: 1px;
font-size: 12px; font-size: 12px;
@ -257,13 +257,13 @@ ul.filters .arrow {
ul.filters li:hover .arrow { ul.filters li:hover .arrow {
display: inline; display: inline;
cursor: pointer; cursor: pointer;
color: #888; color: hsl(0, 0%, 53%);
} }
ul.filters li .arrow:hover { ul.filters li .arrow:hover {
display: inline; display: inline;
cursor: pointer; cursor: pointer;
color: #000; color: hsl(0, 0%, 0%);
} }
ul.filters .topic-sidebar-arrow { ul.filters .topic-sidebar-arrow {
@ -275,13 +275,13 @@ ul.filters .topic-sidebar-arrow {
li.topic-list-item:hover .topic-sidebar-arrow { li.topic-list-item:hover .topic-sidebar-arrow {
display: inline !important; display: inline !important;
cursor: pointer; cursor: pointer;
color: #888; color: hsl(0, 0%, 53%);
} }
li.topic-list-item .topic-sidebar-arrow:hover { li.topic-list-item .topic-sidebar-arrow:hover {
display: inline; display: inline;
cursor: pointer; cursor: pointer;
color: #000; color: hsl(0, 0%, 0%);
} }
ul.filters li.muted_topic, ul.filters li.muted_topic,
@ -377,7 +377,7 @@ li.expanded_private_message a {
} }
.show-all-streams a { .show-all-streams a {
color: #333; color: hsl(0, 0%, 20%);
} }
.all-streams-padding { .all-streams-padding {
@ -412,7 +412,7 @@ li.expanded_private_message a {
#topics_header, #topics_header,
#sharethelove-header { #sharethelove-header {
border-top: 1px solid #e2e2e2; border-top: 1px solid hsl(0, 0%, 88%);
margin-top: 5px; margin-top: 5px;
margin-right: 10px; margin-right: 10px;
} }