[gnome-shell/wip/snwh/style-updates: 40/100] theme: update search entry style




commit 56956060be5e340958bda2e36cac3dba11a95609
Author: Sam Hewitt <sam snwh org>
Date:   Tue Dec 28 11:06:13 2021 -0330

    theme: update search entry style

 data/theme/gnome-shell-sass/_colors.scss               |  2 +-
 data/theme/gnome-shell-sass/widgets/_search-entry.scss | 18 ++++++++++--------
 2 files changed, 11 insertions(+), 9 deletions(-)
---
diff --git a/data/theme/gnome-shell-sass/_colors.scss b/data/theme/gnome-shell-sass/_colors.scss
index 6f35d5a7f9..3f6e8cd484 100644
--- a/data/theme/gnome-shell-sass/_colors.scss
+++ b/data/theme/gnome-shell-sass/_colors.scss
@@ -28,7 +28,7 @@ $osd_borders_color: transparentize(black, 0.3);
 $osd_outer_borders_color: transparentize(white, 0.84);
 
 $shadow_color: if($variant == 'light', rgba(0,0,0,0.1), rgba(0,0,0,0.2));
-$system_bg_color: desaturate(#242424,100%); //neutralize the HIG color
+$system_bg_color: darken(#242424, 2%);
 
 //insensitive state derived colors
 $insensitive_fg_color: mix($fg_color, $bg_color, 50%);
diff --git a/data/theme/gnome-shell-sass/widgets/_search-entry.scss 
b/data/theme/gnome-shell-sass/widgets/_search-entry.scss
index d3584fb9c6..03df217b3a 100644
--- a/data/theme/gnome-shell-sass/widgets/_search-entry.scss
+++ b/data/theme/gnome-shell-sass/widgets/_search-entry.scss
@@ -5,25 +5,27 @@ $search_entry_height: 36px;
 
 %search_entry,
 .search-entry {
-  width: $search_entry_width;
-  padding: $base_padding+1 $base_padding+3;
+  background-color: lighten($bg_color, 5%);
+  border-width: 2px;
+  border-color: transparent;
   border-radius: $search_entry_height * 0.5; // half the height
   color: transparentize($fg_color,0.3);
-  background-color: $bg_color;
   margin-top: $base_spacing * 2;
   margin-bottom: $base_spacing;
-  border-width: 2px;
-  border-color: transparent;
+  padding: $base_padding+1 $base_padding+3;
+  width: $search_entry_width;
+  
   &:hover {
-    background-color: $hover_bg_color;
-    color: $hover_fg_color;
+    background-color: lighten($hover_bg_color, 5%);
+    color: lighten($hover_fg_color, 5%);
   }
 
   &:focus {
     border-style: solid;
+    background-color: transparentize($selected_bg_color, 0.9);
     border-color: $selected_bg_color;
     color: $fg_color;
-    box-shadow: inset 0 1px 2px 1px rgba(0,0,0,0.2);
+    box-shadow:none;
   }
 
   .search-entry-icon { 


[Date Prev][Date Next]   [Thread Prev][Thread Next]   [Thread Index] [Date Index] [Author Index]