_apps-3.18.scss
ASCII text
1
// floating status bar
2
.floating-bar {
3
padding: 3px 0 4px;
4
border-width: 1px;
5
border-style: solid solid none;
6
border-color: $border_color;
7
border-radius: 2px + 1px 2px + 1px 0 0;
8
background-color: $base_color;
9
background-clip: $extra_background_clip;
10
&.left {
11
border-left-style: none;
12
border-top-left-radius: 0;
13
}
14
&.right {
15
border-right-style: none;
16
border-top-right-radius: 0;
17
}
18
.button {
19
padding: 4px;
20
}
21
}
22
23
/************
24
* Nautilus *
25
************/
26
27
EelEditableLabel.entry { transition: none; }
28
29
.nautilus-canvas-item {
30
// border-radius: 2px;
31
}
32
33
.nautilus-canvas-item.dim-label,
34
.nautilus-list-dim-label {
35
// @extend .dim-label;
36
}
37
38
.nautilus-canvas-item.dim-label:selected,
39
.nautilus-list-dim-label:selected {
40
}
41
42
.nautilus-desktop.nautilus-canvas-item {
43
// background-color: $panel_bg_color;
44
color: $inverse_fg_color;
45
text-shadow: $shadow_1;
46
}
47
48
.nautilus-desktop.nautilus-canvas-item:selected {
49
// color: $inverse_fg_color;
50
text-shadow: none;
51
}
52
53
.nautilus-circular-button {
54
@extend %image_button;
55
}
56
57
/* Toolbar */
58
59
@keyframes needs_attention_keyframes {
60
0% {background-color: transparent; }
61
50% {background-color: $fill_color; }
62
100% {background-color: transparent; }
63
}
64
.nautilus-operations-button-needs-attention {
65
color: $accent_color;
66
animation: needs_attention_keyframes 2s $standard_curve;
67
}
68
.nautilus-operations-button-needs-attention-multiple {
69
color: $accent_color;
70
animation: needs_attention_keyframes 2s $standard_curve;
71
animation-iteration-count: 2;
72
}
73
74
.disk-space-display {
75
// border-style: solid;
76
// border-width: 2px;
77
}
78
79
.disk-space-display.unknown {
80
background-color: $warning_color;
81
}
82
83
.disk-space-display.used {
84
background-color: $primary_color;
85
}
86
87
.disk-space-display.free {
88
background-color: $fill_color;
89
color: $disabled_fg_color;
90
}
91
92
/* View */
93
NautilusListView .view {
94
// border-bottom: 1px solid $border_color;
95
}
96
97
/********
98
* Nemo *
99
*******/
100
NemoWindow .nemo-inactive-pane .view, NemoWindow .nemo-inactive-pane iconview {
101
background-color: $alt_base_color;
102
color: $fg_color;
103
}
104
NemoWindow .sidebar .cell {
105
background-color: $bg_color;
106
color: $fg_color;
107
&:selected {
108
color: $inverse_fg_color;
109
background-color: $primary_color;
110
}
111
}
112
.nemo-desktop.nemo-canvas-item {
113
color: $inverse_fg_color;
114
text-shadow: $shadow_1;
115
&:selected {
116
text-shadow: none;
117
}
118
}
119
/**************
120
* Tweak Tool *
121
**************/
122
// the sidebar
123
.tweak-categories {
124
// padding: 4px 0;
125
background-color: $alt_base_color;
126
background-image: linear-gradient(to bottom, $alt_base_color);
127
128
// hide separators
129
.separator {
130
-GtkWidget-wide-separators: true;
131
color: transparent;
132
}
133
}
134
135
136
/************
137
* Software *
138
************/
139
140
.button.install-progress:insensitive { background-color: $fill_color; }
141
142
143
/***********
144
* Builder *
145
***********/
146
147
GbTerminalView { background-color: $base_color; }
148
149
150
/***********
151
* Firefox *
152
***********/
153
.menubar {
154
color: $titlebar_secondary_fg_color;
155
156
&:hover { color: $titlebar_fg_color; }
157
}
158
159
160
/***********
161
* Synapse *
162
***********/
163
SynapseGuiMatchListView GtkWidget:selected { background-color: $primary_color; }
164
165
166
/*********
167
* Unity *
168
*********/
169
// Decorations
170
UnityDecoration {
171
-UnityDecoration-extents: 28px 0 0 0;
172
-UnityDecoration-input-extents: 8px;
173
174
-UnityDecoration-shadow-offset-x: 0;
175
-UnityDecoration-shadow-offset-y: 3px;
176
-UnityDecoration-active-shadow-color: rgba(0, 0, 0, 0.48);
177
-UnityDecoration-active-shadow-radius: 18px;
178
-UnityDecoration-inactive-shadow-color: rgba(0, 0, 0, 0.32);
179
-UnityDecoration-inactive-shadow-radius: 6px;
180
181
-UnityDecoration-glow-size: 8px;
182
-UnityDecoration-glow-color: $primary_color;
183
184
-UnityDecoration-title-indent: 4px;
185
-UnityDecoration-title-fade: 32px;
186
-UnityDecoration-title-alignment: 0.0;
187
}
188
189
UnityDecoration.top {
190
padding: 0 2px;
191
border-style: none;
192
border-radius: 2px 2px 0 0;
193
box-shadow: inset 0 1px $titlebar_highlight_color;
194
background-color: $titlebar_bg_color;
195
color: $titlebar_fg_color;
196
}
197
198
UnityDecoration.top:backdrop {
199
color: $titlebar_secondary_fg_color;
200
}
201
202
UnityDecoration.left,
203
UnityDecoration.right {
204
}
205
206
UnityDecoration.bottom {
207
}
208
209
UnityDecoration.menuitem,
210
UnityDecoration .menuitem {
211
color: $titlebar_secondary_fg_color;
212
}
213
214
UnityDecoration.menubar.menuitem:hover,
215
UnityDecoration.menubar .menuitem *:hover {
216
box-shadow: inset 0 -2px $titlebar_indicator_color;
217
background-color: transparent;
218
color: $titlebar_fg_color;
219
}
220
221
.background:not(.csd) :not(.titlebar) .header-bar {
222
border-radius: 0;
223
box-shadow: none;
224
225
&.inline-toolbar { border-style: none; }
226
}
227
228
SheetStyleDialog.unity-force-quit {
229
// background-color: $bg_color;
230
}
231
232
// Panel Style
233
UnityPanelWidget,
234
.unity-panel {
235
background-color: $opaque_panel_bg_color;
236
background-image: linear-gradient(to bottom, $opaque_panel_bg_color);
237
color: $titlebar_fg_color;
238
}
239
240
UnityPanelWidget:backdrop,
241
.unity-panel:backdrop {
242
color: $titlebar_secondary_fg_color;
243
}
244
245
.unity-panel.menubar,
246
.unity-panel .menubar {
247
}
248
249
.unity-panel.menuitem,
250
.unity-panel .menuitem {
251
color: $titlebar_secondary_fg_color;
252
}
253
254
.unity-panel.menubar.menuitem:hover,
255
.unity-panel.menubar .menuitem *:hover {
256
box-shadow: inset 0 -2px $titlebar_indicator_color;
257
background-color: transparent;
258
color: $titlebar_fg_color;
259
}
260
261
@keyframes playbackmenuitem_spinner {
262
to { -gtk-icon-transform: rotate(1turn); }
263
}
264
265
.menu IdoPlaybackMenuItem.menuitem:active {
266
-gtk-icon-source: -gtk-icontheme("process-working-symbolic");
267
animation: playbackmenuitem_spinner 1s infinite linear;
268
color: $primary_color;
269
}
270