Fix list text color on backdrop state

EliverLara · Nov 19, 2018 · e11dc8b · e11dc8b
1 parent 15d4769
commit e11dc8b
Show file tree

Hide file tree

Showing 3 changed files with 15 additions and 15 deletions.
diff --git a/gtk-3.0/gtk-dark.css b/gtk-3.0/gtk-dark.css
@@ -4019,14 +4019,14 @@ treeview ~ scrollbar.vertical {
     .sidebar row label {
       color: #98abb2; }
     .sidebar row:selected {
-      color: #fff; }
+      color: #fefefe; }
       .sidebar row:selected:backdrop {
-        color: rgba(143, 188, 187, 0.6);
-        background: transparent; }
+        color: rgba(254, 254, 254, 0.5);
+        background: rgba(143, 188, 187, 0.6); }
         .sidebar row:selected:backdrop label {
-          color: #fff; }
+          color: #fefefe; }
       .sidebar row:selected label {
-        color: #fff; }
+        color: #fefefe; }
   .sidebar.source-list {
     background: #3b4252;
     padding: 4px 0px; }

diff --git a/gtk-3.0/gtk.css b/gtk-3.0/gtk.css
@@ -4019,14 +4019,14 @@ treeview ~ scrollbar.vertical {
     .sidebar row label {
       color: #98abb2; }
     .sidebar row:selected {
-      color: #fff; }
+      color: #fefefe; }
       .sidebar row:selected:backdrop {
-        color: rgba(143, 188, 187, 0.6);
-        background: transparent; }
+        color: rgba(254, 254, 254, 0.5);
+        background: rgba(143, 188, 187, 0.6); }
         .sidebar row:selected:backdrop label {
-          color: #fff; }
+          color: #fefefe; }
       .sidebar row:selected label {
-        color: #fff; }
+        color: #fefefe; }
   .sidebar.source-list {
     background: #3b4252;
     padding: 4px 0px; }

diff --git a/gtk-3.0/widgets/_sidebar.scss b/gtk-3.0/widgets/_sidebar.scss
@@ -38,20 +38,20 @@
       color: #98abb2;
     }
     &:selected{
-      color: #fff;
+      color: $selected_fg_color;
       // border-left: 4px solid $selected_bg_color;
       &:backdrop{
-        color: $backdrop_selected_bg_color;
-        background: transparent;
+        color: $backdrop_selected_fg_color;
+        background: $backdrop_selected_bg_color;
         label{
-          color: #fff;
+          color: $selected_fg_color;
         }  
       }
       &:hover{
         // background-color: transparentize($selected_bg_color, 0.8);
       }
       label{
-        color: #fff;
+        color: $selected_fg_color;
       }
     }
   }