Fix list text color on backdrop state

This commit is contained in:
EliverLara
2018-12-05 16:06:44 -06:00
parent 5576860714
commit d8d2560c95
3 changed files with 15 additions and 15 deletions

View File

@@ -3994,14 +3994,14 @@ treeview ~ scrollbar.vertical {
.sidebar row label { .sidebar row label {
color: #98abb2; } color: #98abb2; }
.sidebar row:selected { .sidebar row:selected {
color: #fff; } color: #fefefe; }
.sidebar row:selected:backdrop { .sidebar row:selected:backdrop {
color: rgba(0, 211, 167, 0.6); color: rgba(254, 254, 254, 0.5);
background: transparent; } background: rgba(0, 211, 167, 0.6); }
.sidebar row:selected:backdrop label { .sidebar row:selected:backdrop label {
color: #fff; } color: #fefefe; }
.sidebar row:selected label { .sidebar row:selected label {
color: #fff; } color: #fefefe; }
.sidebar.source-list { .sidebar.source-list {
background: #181b28; background: #181b28;
padding: 4px 0px; } padding: 4px 0px; }

View File

@@ -4001,14 +4001,14 @@ treeview ~ scrollbar.vertical {
.sidebar row label { .sidebar row label {
color: #98abb2; } color: #98abb2; }
.sidebar row:selected { .sidebar row:selected {
color: #fff; } color: #fefefe; }
.sidebar row:selected:backdrop { .sidebar row:selected:backdrop {
color: rgba(0, 211, 167, 0.6); color: #fefefe;
background: transparent; } background: rgba(0, 211, 167, 0.6); }
.sidebar row:selected:backdrop label { .sidebar row:selected:backdrop label {
color: #fff; } color: #fefefe; }
.sidebar row:selected label { .sidebar row:selected label {
color: #fff; } color: #fefefe; }
.sidebar.source-list { .sidebar.source-list {
background: #ebf0f5; background: #ebf0f5;
padding: 4px 0px; } padding: 4px 0px; }

View File

@@ -38,20 +38,20 @@
color: #98abb2; color: #98abb2;
} }
&:selected{ &:selected{
color: #fff; color: $selected_fg_color;
// border-left: 4px solid $selected_bg_color; // border-left: 4px solid $selected_bg_color;
&:backdrop{ &:backdrop{
color: $backdrop_selected_bg_color; color: $backdrop_selected_fg_color;
background: transparent; background: $backdrop_selected_bg_color;
label{ label{
color: #fff; color: $selected_fg_color;
} }
} }
&:hover{ &:hover{
// background-color: transparentize($selected_bg_color, 0.8); // background-color: transparentize($selected_bg_color, 0.8);
} }
label{ label{
color: #fff; color: $selected_fg_color;
} }
} }
} }