From 23703cab7ce43e7c60bc600b8979eb1b1a153591 Mon Sep 17 00:00:00 2001 From: Jakub Steiner Date: Fri, 31 May 2019 15:40:26 +0200 Subject: [PATCH] theme: style search and results - Improve legibility by using the OSD style for the results - Would be nice to include the search entry in the container and have a nice transition. Addresses https://gitlab.gnome.org/GNOME/gnome-shell/issues/288 --- data/theme/gnome-shell-sass/_common.scss | 15 +++++++++------ data/theme/gnome-shell-sass/_drawing.scss | 3 ++- 2 files changed, 11 insertions(+), 7 deletions(-) diff --git a/data/theme/gnome-shell-sass/_common.scss b/data/theme/gnome-shell-sass/_common.scss index 85af4aadd..f5c7439e8 100644 --- a/data/theme/gnome-shell-sass/_common.scss +++ b/data/theme/gnome-shell-sass/_common.scss @@ -1329,8 +1329,8 @@ StScrollBar { width: 320px; padding: 7px 9px; border-radius: 6px; - color: $osd_fg_color; - background-color: $osd_bg_color; + color: $fg_color; + background-color: $base_color; border-color: transparent; &:focus { padding: 6px 8px; @@ -1338,10 +1338,10 @@ StScrollBar { border-color: $selected_bg_color; } - .search-entry-icon { icon-size: 1em; padding: 0 4px; color: $osd_fg_color; } + .search-entry-icon { icon-size: 1em; padding: 0 4px; color: $fg_color; } &:hover, &:focus { - .search-entry-icon { color: transparentize($osd_fg_color,.3); } + .search-entry-icon { color: transparentize($fg_color,.3); } } } @@ -1349,6 +1349,9 @@ StScrollBar { #searchResultsBin { max-width: 1000px; + background-color: $osd_bg_color; + padding: 2em; + border-radius: 16px; } #searchResultsContent { @@ -1370,7 +1373,7 @@ StScrollBar { .list-search-result-content { spacing: 30px; } .list-search-result-title { color: darken($osd_fg_color,5%); spacing: 12px; } - .list-search-result-description { color: transparentize(darken($osd_fg_color,15%), 0.5); } + .list-search-result-description { color: darken($osd_fg_color,45%); } .list-search-provider-details { width: 150px; color: darken($osd_fg_color,5%); margin-top: 0.24em; } .list-search-provider-content { spacing: 20px; } .search-provider-icon { padding: 15px; } @@ -1583,7 +1586,7 @@ StScrollBar { %status_text { font-size: 2em; font-weight: bold; - color: $fg_color; + color: $osd_fg_color; } /* NOTIFICATIONS & MESSAGE TRAY */ diff --git a/data/theme/gnome-shell-sass/_drawing.scss b/data/theme/gnome-shell-sass/_drawing.scss index 6d2d11b7b..8f4611c34 100644 --- a/data/theme/gnome-shell-sass/_drawing.scss +++ b/data/theme/gnome-shell-sass/_drawing.scss @@ -148,7 +148,8 @@ color: $tc; text-shadow: 0 1px black; icon-shadow: 0 1px black; - box-shadow: inset 0px 0px 0px 1px $selected_bg_color; + box-shadow: inset 0px 0px 0px 2px $selected_bg_color; + //border-color: $selected_bg_color; } @else if $t==hover {