ASCII text
1
@use "../../theme-color";
2
@use "drawing";
3
/* Dash to Dock */
5
#dashtodockContainer #dash {
7
background-color: theme-color.$scrim;
8
}
9
#dashtodockContainer:overview #dash {
11
background-color: theme-color.fill(theme-color.$on-dark);
12
}
13
#dashtodockContainer.extended:overview #dash {
15
background-color: transparent;
16
}
17
#dashtodockContainer.left #dash,
19
#dashtodockContainer.right #dash {
20
padding: 3px 0;
21
}
22
#dashtodockContainer.top #dash,
24
#dashtodockContainer.bottom #dash {
25
padding: 0 3px;
26
}
27
#dashtodockContainer.extended #dash {
29
padding: 0;
30
border-radius: 0;
31
}
32
#dashtodockContainer.left .dash-item-container > StWidget,
34
#dashtodockContainer.right .dash-item-container > StWidget,
35
#dashtodockContainer.extended.left .dash-item-container > StWidget,
36
#dashtodockContainer.extended.right .dash-item-container > StWidget {
37
padding: 3px 6px;
38
}
39
#dashtodockContainer.extended.left .dash-item-container:first-child > StWidget,
41
#dashtodockContainer.extended.right .dash-item-container:first-child > StWidget {
42
padding: 6px 6px 3px 6px;
43
}
44
#dashtodockContainer.extended.left .dash-item-container:last-child > StWidget,
46
#dashtodockContainer.extended.right .dash-item-container:last-child > StWidget {
47
padding: 3px 6px 6px 6px;
48
}
49
#dashtodockContainer.top .dash-item-container > StWidget,
51
#dashtodockContainer.bottom .dash-item-container > StWidget,
52
#dashtodockContainer.extended.top .dash-item-container > StWidget,
53
#dashtodockContainer.extended.bottom .dash-item-container > StWidget {
54
padding: 6px 3px;
55
}
56
#dashtodockContainer.extended.top .dash-item-container:first-child > StWidget,
58
#dashtodockContainer.extended.bottom .dash-item-container:first-child > StWidget {
59
padding: 6px 3px 6px 6px;
60
}
61
#dashtodockContainer.extended.top .dash-item-container:last-child > StWidget,
63
#dashtodockContainer.extended.bottom .dash-item-container:last-child > StWidget {
64
padding: 6px 6px 6px 3px;
65
}
66
// Running and focused application style
68
#dashtodockContainer .focused .overview-icon {
70
background-color: theme-color.activated-overlay(theme-color.$on-dark);
71
}
72
// Remove background-color if the indicator style is default
74
#dashtodockContainer .default.focused .overview-icon {
75
background-color: transparent;
76
}
77
#dashtodockContainer .app-well-app-running-dot {
79
background-color: transparent;
80
}
81
#dashtodockContainer .default {
83
background-size: cover;
84
}
85
// Default running and focused application style
87
@each $side in "left", "right", "top", "bottom" {
88
@for $i from 1 through 4 {
89
@each $class, $suffix in ("": "", ".focused": "-focused") {
90
#dashtodockContainer.#{$side} .default.running#{$i}#{$class} {
91
background-image: url("assets/dash/#{$side}-running#{$i}#{$suffix}.svg");
92
}
93
}
94
}
95
}
96
/* Simple Dock */
99
#dash:desktop {
101
background-color: theme-color.$scrim;
102
}
103
/* GPaste */
105
.popup-menu {
107
.search-entry {
108
color: theme-color.$on-surface;
109
selection-background-color: theme-color.$selected-overlay;
110
selected-color: theme-color.$on-surface;
111
@include drawing.entry(normal);
112
&:hover {
114
@include drawing.entry(hover);
115
}
116
&:focus {
118
@include drawing.entry(focus);
119
color: theme-color.$on-surface;
120
}
121
.search-entry-icon {
123
color: theme-color.hint(theme-color.$on-surface);
124
}
125
&:hover,
127
&:focus {
128
.search-entry-icon {
129
color: theme-color.$on-surface;
130
}
131
}
132
}
133
}
134