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
This commit is contained in:
Jakub Steiner 2019-05-31 15:40:26 +02:00
parent e5e975956f
commit 23703cab7c
2 changed files with 11 additions and 7 deletions

View File

@ -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 */

View File

@ -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 {