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