BUGfix: gnome-shell - app search selected item colors not visible

thekomer · Nov 21, 2022 · 12cc249 · 12cc249
1 parent 351f334
commit 12cc249
Show file tree

Hide file tree

Showing 2 changed files with 13 additions and 6 deletions.
diff --git a/gnome-shell/_common.scss b/gnome-shell/_common.scss
@@ -1459,7 +1459,9 @@ StScrollBar {
 	&:focus,
 	&:hover,
 	&:selected {
-		background-color: transparentize($osd_fg_color, .9);
+//		background-color: transparentize($osd_fg_color, .9);
+    background-color: transparentize($selected_bg_color, .5);
+    color: $selected_fg_color;
 		transition-duration: 200ms;
 	}
 	&:active,
@@ -1606,10 +1608,13 @@ StScrollBar {
     &:hover .overview-icon,
     &:focus .overview-icon,
     &:selected .overview-icon {
-      background-color: transparentize($bg_color,.5);
+      color: $selected_fg_color;
+      // background-color: transparentize($bg_color,.5);
+      background-color: transparentize($selected_bg_color,.5);
       transition-duration: 0ms;
       border-image: none;
       background-image: none;
+      border-radius: o.5em 0.5em 0.5em 0.5em;
     }
 
   }
@@ -2215,4 +2220,3 @@ StScrollBar {
     border-radius: 4px;
     padding: 6px;
   }
-
diff --git a/gnome-shell/gnome-shell.css b/gnome-shell/gnome-shell.css
@@ -1316,7 +1316,8 @@ StScrollBar {
 .list-search-result:focus, .search-provider-icon:hover,
 .list-search-result:hover, .search-provider-icon:selected,
 .list-search-result:selected {
-  background-color: rgba(254, 254, 254, 0.1);
+  background-color: rgba(255, 106, 0, 0.5);
+  color: #ffffff;
   transition-duration: 200ms; }
 
 .search-provider-icon:active,
@@ -1458,10 +1459,12 @@ StScrollBar {
   .grid-search-result:hover .overview-icon,
   .grid-search-result:focus .overview-icon,
   .grid-search-result:selected .overview-icon {
-    background-color: rgba(14, 17, 29, 0.5);
+    color: #ffffff;
+    background-color: rgba(255, 106, 0, 0.5);
     transition-duration: 0ms;
     border-image: none;
-    background-image: none; }
+    background-image: none;
+    border-radius: o 0.5em 0.5em 0.5em 0.5em; }
 
 .app-well-app-running-dot {
   width: 4px;