ASCII text
1
// Search entry
2
@use "../../../../theme";
4
@use "../../../../theme-color";
5
@use "../../gnome-shell";
6
@use "../../drawing";
7
%search-entry,
9
.search-entry {
10
width: 320px - 8px * 2;
11
padding: 0 8px;
12
border-radius: theme.$corner-radius theme.$corner-radius 0 0;
13
color: theme-color.disabled(theme-color.$on-dark);
14
selection-background-color: theme-color.stroke(theme-color.$on-dark);
15
selected-color: theme-color.$on-dark;
16
@include drawing.entry(normal, $fc: theme-color.stroke(theme-color.$on-dark));
17
@if gnome-shell.$version >= 40 {
19
margin-top: 16px;
20
margin-bottom: 8px;
21
}
22
&:hover {
24
@include drawing.entry(hover, $fc: theme-color.stroke(theme-color.$on-dark));
25
color: theme-color.disabled(theme-color.$on-dark);
26
}
27
&:focus {
29
@include drawing.entry(focus, $fc: theme-color.$on-dark);
30
padding: 0 8px;
31
border: 0;
32
color: theme-color.$on-dark;
33
}
34
StLabel.hint-text {
36
color: theme-color.hint(theme-color.$on-dark);
37
}
38
.search-entry-icon {
40
icon-size: 16px;
41
padding: 0 4px;
42
color: theme-color.hint(theme-color.$on-dark);
43
}
44
&:hover,
46
&:focus {
47
.search-entry-icon {
48
color: theme-color.$on-dark;
49
}
50
}
51
}
52