mirror of https://github.com/zulip/zulip.git
left-sidebar.css: Replace RGB colors with HSL colors.
This commit is contained in:
parent
5f6ebaba45
commit
7bfb902032
|
@ -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;
|
||||||
}
|
}
|
||||||
|
|
Loading…
Reference in New Issue