[gnome-shell/wip/snwh/style-updates: 40/100] theme: update search entry style
- From: Sam Hewitt <snwh src gnome org>
- To: commits-list gnome org
- Cc:
- Subject: [gnome-shell/wip/snwh/style-updates: 40/100] theme: update search entry style
- Date: Thu, 13 Jan 2022 19:08:36 +0000 (UTC)
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]