ASCII text, with very long lines (906)
1
@keyframes ripple_effect {
2
to {
3
background-size: 1000% 1000%;
4
}
5
}
6
@keyframes scale_ripple_effect {
8
to {
9
background-size: auto, 1000% 1000%;
10
}
11
}
12
@keyframes header_ripple_effect {
14
from {
15
background-image: radial-gradient(circle farthest-corner at center, #4285F4 0%, transparent 0%);
16
}
17
to {
18
background-image: radial-gradient(circle farthest-corner at center, #4285F4 100%, transparent 0%);
19
}
20
}
21
* {
23
background-clip: padding-box;
24
-GtkToolButton-icon-spacing: 0;
25
-GtkTextView-error-underline-color: #EA4335;
26
-GtkScrolledWindow-scrollbar-spacing: 0;
27
-GtkToolItemGroup-expander-size: 11;
28
-GtkWidget-text-handle-width: 24;
29
-GtkWidget-text-handle-height: 24;
30
-GtkDialog-button-spacing: 4;
31
-GtkDialog-action-area-border: 0;
32
outline-style: solid;
33
outline-width: 2px;
34
outline-color: transparent;
35
outline-offset: -4px;
36
-gtk-outline-radius: 4px;
37
-gtk-secondary-caret-color: #4285F4;
38
}
39
notebook:focus tab,
41
*:focus {
42
outline-color: alpha(currentColor, 0.24);
43
}
44
/***************
46
* Base States *
47
***************/
48
.background {
49
background-color: #282828;
50
color: white;
51
}
52
/*
54
These wildcard seems unavoidable, need to investigate.
55
Wildcards are bad and troublesome, use them with care,
56
or better, just don't.
57
Everytime a wildcard is used a kitten dies, painfully.
58
*/
59
*:disabled {
60
-gtk-icon-effect: dim;
61
}
62
.gtkstyle-fallback {
64
background-color: #282828;
65
color: white;
66
}
67
.gtkstyle-fallback:hover {
69
background-color: #1b1b1b;
70
color: white;
71
}
72
.gtkstyle-fallback:active {
74
background-color: #0f0f0f;
75
color: white;
76
}
77
.gtkstyle-fallback:disabled {
79
background-color: #282828;
80
color: rgba(255, 255, 255, 0.5);
81
}
82
.gtkstyle-fallback:selected {
84
background-color: #4285F4;
85
color: white;
86
}
87
.view {
89
background-color: #303030;
90
color: white;
91
}
92
.view:hover {
94
box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08);
95
}
96
.view:selected:hover {
98
box-shadow: inset 0 0 0 9999px rgba(66, 133, 244, 0.08);
99
}
100
.view:disabled {
102
color: rgba(255, 255, 255, 0.5);
103
}
104
.view:hover, .view:selected {
106
border-radius: 4px;
107
}
108
textview text {
110
background-color: #303030;
111
}
112
textview border {
114
background-color: #2C2C2C;
115
color: rgba(255, 255, 255, 0.7);
116
}
117
.rubberband,
119
rubberband,
120
flowbox rubberband,
121
treeview.view rubberband,
122
.content-view rubberband,
123
.content-view .rubberband,
124
XfdesktopIconView.view .rubberband {
125
border: 1px solid #7BAAF7;
126
background-color: rgba(123, 170, 247, 0.3);
127
}
128
flowbox flowboxchild {
130
padding: 4px;
131
border-radius: 4px;
132
}
133
.content-view .tile:selected {
135
background-color: transparent;
136
color: inherit;
137
}
138
label {
140
caret-color: currentColor;
141
}
142
label.separator {
144
color: white;
145
}
146
label:disabled {
148
color: rgba(255, 255, 255, 0.5);
149
}
150
headerbar label:disabled,
152
tab label:disabled,
153
button label:disabled {
154
color: inherit;
155
}
156
.dim-label, label.separator, .titlebar:not(headerbar) .subtitle,
158
headerbar .subtitle, .budgie-notification .notification-body, .budgie-switcher .notification-body {
159
opacity: 0.6;
160
}
161
assistant .sidebar {
163
padding: 4px 0;
164
}
165
assistant .sidebar label {
167
min-height: 32px;
168
padding: 0 12px;
169
color: rgba(255, 255, 255, 0.5);
170
font-weight: 500;
171
}
172
assistant .sidebar label.highlight {
174
color: white;
175
}
176
/*********************
178
* Spinner Animation *
179
*********************/
180
@keyframes spin {
181
to {
182
-gtk-icon-transform: rotate(1turn);
183
}
184
}
185
spinner {
187
background: none;
188
opacity: 0;
189
-gtk-icon-source: -gtk-icontheme("process-working-symbolic");
190
}
191
spinner:checked {
193
opacity: 1;
194
animation: spin 1s linear infinite;
195
}
196
spinner:checked:disabled {
198
opacity: 0.5;
199
}
200
/****************
202
* Text Entries *
203
****************/
204
spinbutton:not(.vertical),
205
entry {
206
min-height: 32px;
207
padding: 0 8px;
208
border-radius: 4px 4px 0 0;
209
caret-color: currentColor;
210
transition: all 100ms cubic-bezier(0, 0, 0.2, 1), border-image 225ms cubic-bezier(0, 0, 0.2, 1);
211
border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #4285F4 0%, transparent 0%) 0 0 0/0 0 0px;
212
box-shadow: inset 0 -1px rgba(255, 255, 255, 0.3);
213
background-color: rgba(255, 255, 255, 0.04);
214
color: white;
215
}
216
spinbutton:focus:not(.vertical),
218
entry:focus {
219
border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #4285F4 100%, transparent 0%) 0 0 2/0 0 2px;
220
}
221
spinbutton:disabled:not(.vertical),
223
entry:disabled {
224
box-shadow: inset 0 -1px rgba(255, 255, 255, 0.12);
225
background-color: rgba(255, 255, 255, 0.04);
226
color: rgba(255, 255, 255, 0.5);
227
}
228
spinbutton.flat:not(.vertical), entry.preferences-search, layoutpane entry.search, editortweak entry.search,
230
entry.flat {
231
min-height: 0;
232
padding: 2px;
233
border-radius: 0;
234
background-color: transparent;
235
}
236
spinbutton:not(.vertical) image,
238
entry image {
239
color: rgba(255, 255, 255, 0.7);
240
}
241
spinbutton:not(.vertical) image:hover, spinbutton:not(.vertical) image:active,
243
entry image:hover,
244
entry image:active {
245
color: white;
246
}
247
spinbutton:not(.vertical) image:disabled,
249
entry image:disabled {
250
color: rgba(255, 255, 255, 0.5);
251
}
252
spinbutton:not(.vertical) image.left,
254
entry image.left {
255
margin-left: 0px;
256
margin-right: 6px;
257
}
258
spinbutton:not(.vertical) image.right,
260
entry image.right {
261
margin-left: 6px;
262
margin-right: 0px;
263
}
264
spinbutton:not(.vertical) undershoot.left,
266
entry undershoot.left {
267
background-color: transparent;
268
background-image: linear-gradient(to top, rgba(48, 48, 48, 0.3) 50%, rgba(255, 255, 255, 0.3) 50%);
269
padding-left: 1px;
270
background-size: 1px 12px;
271
background-repeat: repeat-y;
272
background-origin: content-box;
273
background-position: left top;
274
}
275
spinbutton:not(.vertical) undershoot.right,
277
entry undershoot.right {
278
background-color: transparent;
279
background-image: linear-gradient(to top, rgba(48, 48, 48, 0.3) 50%, rgba(255, 255, 255, 0.3) 50%);
280
padding-right: 1px;
281
background-size: 1px 12px;
282
background-repeat: repeat-y;
283
background-origin: content-box;
284
background-position: right top;
285
}
286
spinbutton.error:not(.vertical),
288
entry.error {
289
transition: all 100ms cubic-bezier(0, 0, 0.2, 1), border-image 225ms cubic-bezier(0, 0, 0.2, 1);
290
border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #EA4335 0%, transparent 0%) 0 0 0/0 0 0px;
291
box-shadow: inset 0 -1px #EA4335;
292
background-color: rgba(255, 255, 255, 0.04);
293
color: white;
294
}
295
spinbutton.error:focus:not(.vertical),
297
entry.error:focus {
298
border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #EA4335 100%, transparent 0%) 0 0 2/0 0 2px;
299
}
300
spinbutton.error:disabled:not(.vertical),
302
entry.error:disabled {
303
box-shadow: inset 0 -1px rgba(255, 255, 255, 0.12);
304
background-color: rgba(255, 255, 255, 0.04);
305
color: rgba(255, 255, 255, 0.5);
306
}
307
spinbutton.warning:not(.vertical),
309
entry.warning {
310
transition: all 100ms cubic-bezier(0, 0, 0.2, 1), border-image 225ms cubic-bezier(0, 0, 0.2, 1);
311
border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #FBBC05 0%, transparent 0%) 0 0 0/0 0 0px;
312
box-shadow: inset 0 -1px #FBBC05;
313
background-color: rgba(255, 255, 255, 0.04);
314
color: white;
315
}
316
spinbutton.warning:focus:not(.vertical),
318
entry.warning:focus {
319
border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #FBBC05 100%, transparent 0%) 0 0 2/0 0 2px;
320
}
321
spinbutton.warning:disabled:not(.vertical),
323
entry.warning:disabled {
324
box-shadow: inset 0 -1px rgba(255, 255, 255, 0.12);
325
background-color: rgba(255, 255, 255, 0.04);
326
color: rgba(255, 255, 255, 0.5);
327
}
328
spinbutton:not(.vertical) progress,
330
entry progress {
331
margin: 2px -6px;
332
border-bottom: 2px solid #4285F4;
333
background-color: transparent;
334
}
335
spinbutton.vertical entry, .gedit-search-slider .linked:not(.vertical) > entry {
337
border-radius: 4px;
338
transition: all 100ms cubic-bezier(0, 0, 0.2, 1);
339
border-image: none;
340
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
341
background-color: #303030;
342
color: white;
343
}
344
spinbutton.vertical entry:focus, .gedit-search-slider .linked:not(.vertical) > entry:focus {
346
border-image: none;
347
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23);
348
}
349
spinbutton.vertical entry:disabled, .gedit-search-slider .linked:not(.vertical) > entry:disabled {
351
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
352
background-color: #2C2C2C;
353
color: rgba(255, 255, 255, 0.5);
354
}
355
spinbutton.vertical entry.error, .gedit-search-slider .linked:not(.vertical) > entry.error {
357
transition: all 100ms cubic-bezier(0, 0, 0.2, 1);
358
border-image: none;
359
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
360
background-color: #EA4335;
361
color: white;
362
}
363
spinbutton.vertical entry.error:focus, .gedit-search-slider .linked:not(.vertical) > entry.error:focus {
365
border-image: none;
366
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23);
367
}
368
spinbutton.vertical entry.error:disabled, .gedit-search-slider .linked:not(.vertical) > entry.error:disabled {
370
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
371
background-color: #2C2C2C;
372
color: rgba(255, 255, 255, 0.5);
373
}
374
spinbutton.vertical entry.error image, .gedit-search-slider .linked:not(.vertical) > entry.error image {
376
color: rgba(255, 255, 255, 0.7);
377
}
378
spinbutton.vertical entry.error image:hover, .gedit-search-slider .linked:not(.vertical) > entry.error image:hover, spinbutton.vertical entry.error image:active, .gedit-search-slider .linked:not(.vertical) > entry.error image:active {
380
color: white;
381
}
382
spinbutton.vertical entry.error image:disabled, .gedit-search-slider .linked:not(.vertical) > entry.error image:disabled {
384
color: rgba(255, 255, 255, 0.5);
385
}
386
spinbutton.vertical entry.warning, .gedit-search-slider .linked:not(.vertical) > entry.warning {
388
transition: all 100ms cubic-bezier(0, 0, 0.2, 1);
389
border-image: none;
390
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
391
background-color: #FBBC05;
392
color: white;
393
}
394
spinbutton.vertical entry.warning:focus, .gedit-search-slider .linked:not(.vertical) > entry.warning:focus {
396
border-image: none;
397
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23);
398
}
399
spinbutton.vertical entry.warning:disabled, .gedit-search-slider .linked:not(.vertical) > entry.warning:disabled {
401
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
402
background-color: #2C2C2C;
403
color: rgba(255, 255, 255, 0.5);
404
}
405
spinbutton.vertical entry.warning image, .gedit-search-slider .linked:not(.vertical) > entry.warning image {
407
color: rgba(255, 255, 255, 0.7);
408
}
409
spinbutton.vertical entry.warning image:hover, .gedit-search-slider .linked:not(.vertical) > entry.warning image:hover, spinbutton.vertical entry.warning image:active, .gedit-search-slider .linked:not(.vertical) > entry.warning image:active {
411
color: white;
412
}
413
spinbutton.vertical entry.warning image:disabled, .gedit-search-slider .linked:not(.vertical) > entry.warning image:disabled {
415
color: rgba(255, 255, 255, 0.5);
416
}
417
treeview entry.flat, treeview entry {
419
background-color: #303030;
420
}
421
treeview entry.flat, treeview entry.flat:focus, treeview entry, treeview entry:focus {
423
border-image: none;
424
box-shadow: none;
425
}
426
.entry-tag, .documents-entry-tag, .photos-entry-tag {
428
margin: 2px;
429
border-radius: 9999px;
430
box-shadow: none;
431
background-color: rgba(255, 255, 255, 0.12);
432
color: white;
433
}
434
.entry-tag:hover, .documents-entry-tag:hover, .photos-entry-tag:hover {
436
background-image: image(rgba(255, 255, 255, 0.12));
437
}
438
:dir(ltr) .entry-tag, :dir(ltr) .documents-entry-tag, :dir(ltr) .photos-entry-tag {
440
margin-left: 4px;
441
margin-right: 0;
442
padding-left: 12px;
443
padding-right: 8px;
444
}
445
:dir(rtl) .entry-tag, :dir(rtl) .documents-entry-tag, :dir(rtl) .photos-entry-tag {
447
margin-left: 0;
448
margin-right: 4px;
449
padding-left: 8px;
450
padding-right: 12px;
451
}
452
.entry-tag.button, .button.documents-entry-tag, .button.photos-entry-tag {
454
box-shadow: none;
455
background-color: transparent;
456
}
457
.entry-tag.button:not(:hover):not(:active), .button.documents-entry-tag:not(:hover):not(:active), .button.photos-entry-tag:not(:hover):not(:active) {
459
color: rgba(255, 255, 255, 0.7);
460
}
461
/***********
463
* Buttons *
464
***********/
465
@keyframes needs_attention {
466
from {
467
background-image: -gtk-gradient(radial, center center, 0, center center, 0.001, to(#4285F4), to(transparent));
468
}
469
to {
470
background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#4285F4), to(transparent));
471
}
472
}
473
button {
476
min-height: 24px;
477
min-width: 16px;
478
padding: 4px 8px;
479
border-radius: 4px;
480
font-weight: 500;
481
transition: all 100ms cubic-bezier(0, 0, 0.2, 1), background-size 300ms cubic-bezier(0, 0, 0.2, 1), background-image 1200ms cubic-bezier(0, 0, 0.2, 1);
482
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24), inset 0 0 0 9999px transparent;
483
background-color: #424242;
484
background-image: radial-gradient(circle farthest-corner at center, transparent 10%, transparent 0%);
485
background-repeat: no-repeat;
486
background-position: center;
487
background-size: 1000% 1000%;
488
color: white;
489
}
490
button:hover {
493
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23), inset 0 0 0 9999px transparent;
494
color: white;
495
}
496
button:active {
499
transition: all 100ms cubic-bezier(0, 0, 0.2, 1), background-size 0, background-image 0;
500
animation: ripple_effect 225ms cubic-bezier(0, 0, 0.2, 1) forwards;
501
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23), inset 0 0 0 9999px alpha(currentColor, 0.08);
502
background-image: radial-gradient(circle farthest-corner at center, alpha(currentColor, 0.12) 10%, transparent 0%);
503
background-size: 0% 0%;
504
color: white;
505
}
506
button:disabled {
509
box-shadow: none;
510
background-color: rgba(255, 255, 255, 0.04);
511
color: rgba(255, 255, 255, 0.5);
512
}
513
button:checked {
516
background-color: #4285F4;
517
color: white;
518
}
519
button:checked:disabled {
522
background-color: rgba(255, 255, 255, 0.12);
523
color: rgba(255, 255, 255, 0.5);
524
}
525
modelbutton.flat,
527
.menuitem.button.flat, spinbutton:not(.vertical) button, spinbutton.vertical button, popover.background.menu button,
528
popover.background button.model, notebook > header > tabs > arrow, scrollbar button, check,
529
radio, calendar.button, messagedialog.csd .dialog-action-area button, button.sidebar-button, .gedit-search-slider .linked > button, popover.messagepopover .popover-action-area button, #mate-menu button, .budgie-settings-window buttonbox.inline-toolbar button, .raven .raven-header:not(.top) button, .drop-shadow button, .budgie-session-dialog .linked.horizontal > button, .lightdm-gtk-greeter button, :not(headerbar) .caja-pathbar button, .caja-pathbar :not(headerbar) button, :not(headerbar) .path-bar button, layouttabbar button, .mate-panel-menu-bar button, .budgie-panel button, .raven stackswitcher.linked > button, toolbar button, .titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action),
530
headerbar button:not(.suggested-action):not(.destructive-action), actionbar > revealer > box button:not(.suggested-action):not(.destructive-action):not(.server-list-button), .app-notification button, filechooser #pathbarbox > stack > box > button, .nemo-window .toolbar button,
531
button.flat {
532
transition: all 100ms cubic-bezier(0, 0, 0.2, 1), border-image 225ms cubic-bezier(0, 0, 0.2, 1), background-size 300ms cubic-bezier(0, 0, 0.2, 1), background-image 1200ms cubic-bezier(0, 0, 0.2, 1);
533
box-shadow: inset 0 0 0 9999px transparent;
534
background-color: transparent;
535
background-image: radial-gradient(circle farthest-corner at center, transparent 10%, transparent 0%);
536
background-repeat: no-repeat;
537
background-position: center;
538
background-size: 1000% 1000%;
539
color: rgba(255, 255, 255, 0.7);
540
}
541
modelbutton.flat:hover,
543
.menuitem.button.flat:hover, spinbutton:not(.vertical) button:hover, spinbutton.vertical button:hover, popover.background.menu button:hover,
544
popover.background button.model:hover, notebook > header > tabs > arrow:hover, scrollbar button:hover, check:hover,
545
radio:hover, calendar.button:hover, messagedialog.csd .dialog-action-area button:hover, button.sidebar-button:hover, .gedit-search-slider .linked > button:hover, popover.messagepopover .popover-action-area button:hover, #mate-menu button:hover, .budgie-settings-window buttonbox.inline-toolbar button:hover, .raven .raven-header:not(.top) button:hover, .drop-shadow button:hover, .budgie-session-dialog .linked.horizontal > button:hover, .lightdm-gtk-greeter button:hover, :not(headerbar) .caja-pathbar button:hover, .caja-pathbar :not(headerbar) button:hover, :not(headerbar) .path-bar button:hover, layouttabbar button:hover, .mate-panel-menu-bar button:hover, .budgie-panel button:hover, .raven stackswitcher.linked > button:hover, toolbar button:hover, .titlebar:not(headerbar) button:hover:not(.suggested-action):not(.destructive-action),
546
headerbar button:hover:not(.suggested-action):not(.destructive-action), actionbar > revealer > box button:hover:not(.suggested-action):not(.destructive-action):not(.server-list-button), .app-notification button:hover, filechooser #pathbarbox > stack > box > button:hover, .nemo-window .toolbar button:hover,
547
button.flat:hover {
548
box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08);
549
color: white;
550
}
551
modelbutton.flat:active,
553
.menuitem.button.flat:active, spinbutton:not(.vertical) button:active, spinbutton.vertical button:active, popover.background.menu button:active,
554
popover.background button.model:active, notebook > header > tabs > arrow:active, scrollbar button:active, check:active,
555
radio:active, calendar.button:active, messagedialog.csd .dialog-action-area button:active, button.sidebar-button:active, .gedit-search-slider .linked > button:active, popover.messagepopover .popover-action-area button:active, #mate-menu button:active, .budgie-settings-window buttonbox.inline-toolbar button:active, .raven .raven-header:not(.top) button:active, .drop-shadow button:active, .budgie-session-dialog .linked.horizontal > button:active, .lightdm-gtk-greeter button:active, :not(headerbar) .caja-pathbar button:active, .caja-pathbar :not(headerbar) button:active, :not(headerbar) .path-bar button:active, layouttabbar button:active, .mate-panel-menu-bar button:active, .budgie-panel button:active, .raven stackswitcher.linked > button:active, toolbar button:active, .titlebar:not(headerbar) button:active:not(.suggested-action):not(.destructive-action),
556
headerbar button:active:not(.suggested-action):not(.destructive-action), actionbar > revealer > box button:active:not(.suggested-action):not(.destructive-action):not(.server-list-button), .app-notification button:active, filechooser #pathbarbox > stack > box > button:active, .nemo-window .toolbar button:active,
557
button.flat:active {
558
transition: all 100ms cubic-bezier(0, 0, 0.2, 1), border-image 225ms cubic-bezier(0, 0, 0.2, 1), background-size 0, background-image 0;
559
animation: ripple_effect 225ms cubic-bezier(0, 0, 0.2, 1) forwards;
560
box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08);
561
background-image: radial-gradient(circle farthest-corner at center, alpha(currentColor, 0.12) 10%, transparent 0%);
562
background-size: 0% 0%;
563
color: white;
564
}
565
modelbutton.flat:disabled,
567
.menuitem.button.flat:disabled, spinbutton:not(.vertical) button:disabled, spinbutton.vertical button:disabled, popover.background.menu button:disabled,
568
popover.background button.model:disabled, notebook > header > tabs > arrow:disabled, scrollbar button:disabled, check:disabled,
569
radio:disabled, calendar.button:disabled, messagedialog.csd .dialog-action-area button:disabled, button.sidebar-button:disabled, .gedit-search-slider .linked > button:disabled, popover.messagepopover .popover-action-area button:disabled, #mate-menu button:disabled, .budgie-settings-window buttonbox.inline-toolbar button:disabled, .raven .raven-header:not(.top) button:disabled, .drop-shadow button:disabled, .budgie-session-dialog .linked.horizontal > button:disabled, .lightdm-gtk-greeter button:disabled, :not(headerbar) .caja-pathbar button:disabled, .caja-pathbar :not(headerbar) button:disabled, :not(headerbar) .path-bar button:disabled, layouttabbar button:disabled, .mate-panel-menu-bar button:disabled, .budgie-panel button:disabled, .raven stackswitcher.linked > button:disabled, toolbar button:disabled, .titlebar:not(headerbar) button:disabled:not(.suggested-action):not(.destructive-action),
570
headerbar button:disabled:not(.suggested-action):not(.destructive-action), actionbar > revealer > box button:disabled:not(.suggested-action):not(.destructive-action):not(.server-list-button), .app-notification button:disabled, filechooser #pathbarbox > stack > box > button:disabled, .nemo-window .toolbar button:disabled,
571
button.flat:disabled {
572
box-shadow: none;
573
background-color: transparent;
574
color: rgba(255, 255, 255, 0.3);
575
}
576
:not(headerbar) .caja-pathbar button:checked, .caja-pathbar :not(headerbar) button:checked, :not(headerbar) .path-bar button:checked, layouttabbar button:checked, .mate-panel-menu-bar button:checked, .budgie-panel button:checked, .raven stackswitcher.linked > button:checked, toolbar button:checked, .titlebar:not(headerbar) button:checked:not(.suggested-action):not(.destructive-action),
578
headerbar button:checked:not(.suggested-action):not(.destructive-action), actionbar > revealer > box button:checked:not(.suggested-action):not(.destructive-action):not(.server-list-button), .app-notification button:checked, filechooser #pathbarbox > stack > box > button:checked, .nemo-window .toolbar button:checked,
579
button.flat:checked {
580
background-color: alpha(currentColor, 0.24);
581
color: white;
582
}
583
:not(headerbar) .caja-pathbar button:checked:disabled, .caja-pathbar :not(headerbar) button:checked:disabled, :not(headerbar) .path-bar button:checked:disabled, layouttabbar button:checked:disabled, .mate-panel-menu-bar button:checked:disabled, .budgie-panel button:checked:disabled, .raven stackswitcher.linked > button:checked:disabled, toolbar button:checked:disabled, .titlebar:not(headerbar) button:checked:disabled:not(.suggested-action):not(.destructive-action),
585
headerbar button:checked:disabled:not(.suggested-action):not(.destructive-action), actionbar > revealer > box button:checked:disabled:not(.suggested-action):not(.destructive-action):not(.server-list-button), .app-notification button:checked:disabled, filechooser #pathbarbox > stack > box > button:checked:disabled, .nemo-window .toolbar button:checked:disabled,
586
button.flat:checked:disabled {
587
background-color: rgba(255, 255, 255, 0.12);
588
color: rgba(255, 255, 255, 0.5);
589
}
590
button.text-button {
593
padding-left: 16px;
594
padding-right: 16px;
595
}
596
button.image-button {
599
min-width: 24px;
600
padding: 4px;
601
}
602
button.text-button.image-button {
605
border-radius: 4px;
606
-gtk-outline-radius: 4px;
607
}
608
button.text-button.image-button label:first-child {
611
margin-left: 12px;
612
}
613
button.text-button.image-button label:last-child {
616
margin-right: 12px;
617
}
618
button.text-button.image-button image:not(:only-child) {
621
margin: 0 4px;
622
}
623
toolbar .linked > button, .titlebar:not(headerbar) .linked > button:not(.suggested-action):not(.destructive-action),
625
headerbar .linked > button:not(.suggested-action):not(.destructive-action), actionbar > revealer > box .linked > button:not(.suggested-action):not(.destructive-action):not(.server-list-button), .app-notification .linked > button, filechooser #pathbarbox > stack > box.linked > button, .nemo-window .toolbar .linked > button,
626
toolbar .linked.vertical > button,
627
.titlebar:not(headerbar) .linked.vertical > button:not(.suggested-action):not(.destructive-action),
628
headerbar .linked.vertical > button:not(.suggested-action):not(.destructive-action),
629
actionbar > revealer > box .linked.vertical > button:not(.suggested-action):not(.destructive-action):not(.server-list-button),
630
.app-notification .linked.vertical > button,
631
filechooser #pathbarbox > stack > box.linked.vertical > button,
632
.nemo-window .toolbar .linked.vertical > button, .linked >
633
button.flat,
634
.linked.vertical >
635
button.flat {
636
border-radius: 4px;
637
}
638
toolbar .linked > button.text-button.image-button, .titlebar:not(headerbar) .linked > button.text-button.image-button:not(.suggested-action):not(.destructive-action),
640
headerbar .linked > button.text-button.image-button:not(.suggested-action):not(.destructive-action), actionbar > revealer > box .linked > button.text-button.image-button:not(.suggested-action):not(.destructive-action):not(.server-list-button), .app-notification .linked > button.text-button.image-button, filechooser #pathbarbox > stack > box.linked > button.text-button.image-button, .nemo-window .toolbar .linked > button.text-button.image-button,
641
toolbar .linked.vertical > button.text-button.image-button,
642
.titlebar:not(headerbar) .linked.vertical > button.text-button.image-button:not(.suggested-action):not(.destructive-action),
643
headerbar .linked.vertical > button.text-button.image-button:not(.suggested-action):not(.destructive-action),
644
actionbar > revealer > box .linked.vertical > button.text-button.image-button:not(.suggested-action):not(.destructive-action):not(.server-list-button),
645
.app-notification .linked.vertical > button.text-button.image-button,
646
filechooser #pathbarbox > stack > box.linked.vertical > button.text-button.image-button,
647
.nemo-window .toolbar .linked.vertical > button.text-button.image-button, .linked >
648
button.flat.text-button.image-button,
649
.linked.vertical >
650
button.flat.text-button.image-button {
651
border-radius: 4px;
652
-gtk-outline-radius: 4px;
653
}
654
infobar.info button.flat, infobar.question button.flat, infobar.warning button.flat, infobar.error button.flat, .mate-panel-menu-bar button, .budgie-panel button, .raven stackswitcher.linked > button, .raven-mpris button.image-button, .xfce4-panel.background button {
656
color: rgba(255, 255, 255, 0.7);
657
}
658
infobar.info button.flat:hover, infobar.question button.flat:hover, infobar.warning button.flat:hover, infobar.error button.flat:hover, .mate-panel-menu-bar button:hover, .budgie-panel button:hover, .raven stackswitcher.linked > button:hover, .raven-mpris button.image-button:hover, .xfce4-panel.background button:hover, infobar.info button.flat:active, infobar.question button.flat:active, infobar.warning button.flat:active, infobar.error button.flat:active, .mate-panel-menu-bar button:active, .budgie-panel button:active, .raven stackswitcher.linked > button:active, .raven-mpris button.image-button:active, .xfce4-panel.background button:active {
660
color: white;
661
}
662
infobar.info button.flat:disabled, infobar.question button.flat:disabled, infobar.warning button.flat:disabled, infobar.error button.flat:disabled, .mate-panel-menu-bar button:disabled, .budgie-panel button:disabled, .raven stackswitcher.linked > button:disabled, .raven-mpris button.image-button:disabled, .xfce4-panel.background button:disabled {
664
color: rgba(255, 255, 255, 0.3);
665
}
666
infobar.info button.flat:checked, infobar.question button.flat:checked, infobar.warning button.flat:checked, infobar.error button.flat:checked, .mate-panel-menu-bar button:checked, .budgie-panel button:checked, .raven stackswitcher.linked > button:checked, .raven-mpris button.image-button:checked, .xfce4-panel.background button:checked {
668
background-color: rgba(255, 255, 255, 0.3);
669
color: white;
670
}
671
infobar.info button.flat:checked:disabled, infobar.question button.flat:checked:disabled, infobar.warning button.flat:checked:disabled, infobar.error button.flat:checked:disabled, .mate-panel-menu-bar button:checked:disabled, .budgie-panel button:checked:disabled, .raven stackswitcher.linked > button:checked:disabled, .raven-mpris button.image-button:checked:disabled, .xfce4-panel.background button:checked:disabled {
673
background-color: rgba(255, 255, 255, 0.12);
674
color: rgba(255, 255, 255, 0.5);
675
}
676
button.osd {
679
padding: 8px 12px;
680
}
681
button.osd.image-button {
684
padding: 8px;
685
}
686
button.osd:disabled {
689
opacity: 0;
690
}
691
button.suggested-action {
694
background-color: #4285F4;
695
color: white;
696
}
697
button.suggested-action:disabled {
700
box-shadow: none;
701
background-color: rgba(255, 255, 255, 0.04);
702
color: rgba(255, 255, 255, 0.5);
703
}
704
button.suggested-action:checked {
707
background-color: #7baaf7;
708
}
709
button.suggested-action.flat {
712
background-color: transparent;
713
color: #4285F4;
714
}
715
button.suggested-action.flat:disabled {
718
box-shadow: none;
719
background-color: transparent;
720
color: rgba(255, 255, 255, 0.3);
721
}
722
button.suggested-action.flat:checked {
725
background-color: rgba(66, 133, 244, 0.3);
726
}
727
button.destructive-action {
730
background-color: #EA4335;
731
color: white;
732
}
733
button.destructive-action:disabled {
736
box-shadow: none;
737
background-color: rgba(255, 255, 255, 0.04);
738
color: rgba(255, 255, 255, 0.5);
739
}
740
button.destructive-action:checked {
743
background-color: #f07b72;
744
}
745
button.destructive-action.flat {
748
background-color: transparent;
749
color: #EA4335;
750
}
751
button.destructive-action.flat:disabled {
754
box-shadow: none;
755
background-color: transparent;
756
color: rgba(255, 255, 255, 0.3);
757
}
758
button.destructive-action.flat:checked {
761
background-color: rgba(234, 67, 53, 0.3);
762
}
763
.stack-switcher >
765
button {
766
outline-offset: -4px;
767
}
768
.stack-switcher >
770
button > label {
771
padding-left: 6px;
772
padding-right: 6px;
773
}
774
.stack-switcher >
776
button > image {
777
padding-left: 6px;
778
padding-right: 6px;
779
padding-top: 3px;
780
padding-bottom: 3px;
781
}
782
.stack-switcher >
784
button.text-button {
785
padding-left: 10px;
786
padding-right: 10px;
787
}
788
.stack-switcher >
790
button.image-button {
791
padding-left: 2px;
792
padding-right: 2px;
793
}
794
.stack-switcher >
796
button.needs-attention:checked > label,
797
.stack-switcher >
798
button.needs-attention:checked > image {
799
animation: none;
800
background-image: none;
801
}
802
.primary-toolbar
804
button {
805
-gtk-icon-shadow: none;
806
}
807
button.image-button, toolbar .linked > button.image-button, .titlebar:not(headerbar) .linked > button.image-button:not(.suggested-action):not(.destructive-action),
810
headerbar .linked > button.image-button:not(.suggested-action):not(.destructive-action), actionbar > revealer > box .linked > button.image-button:not(.suggested-action):not(.destructive-action):not(.server-list-button), .app-notification .linked > button.image-button, .nemo-window .toolbar .linked > button.image-button, toolbar .linked.vertical > button.image-button,
811
headerbar .linked.vertical > button.image-button:not(.suggested-action):not(.destructive-action), .app-notification .linked.vertical > button.image-button, .nemo-window .toolbar .linked.vertical > button.image-button, .linked > button.flat.image-button,
812
.linked.vertical > button.flat.image-button, .inline-toolbar button:not(.text-button), check,
813
radio, filechooser #pathbarbox > stack > box > button, button.titlebutton, .disclosure-button, .nautilus-window headerbar > revealer > button, .raven .raven-header:not(.top) button.image-button, .raven .expander-button,
814
button.close,
815
button.circular {
816
border-radius: 9999px;
817
-gtk-outline-radius: 9999px;
818
}
819
spinbutton:not(.vertical) button, notebook > header tab button.flat, button.sidebar-button, .nautilus-window .floating-bar button, .gedit-document-panel row button.flat, .gedit-search-slider .linked > button, .pluma-window paned.horizontal box.vertical box.horizontal button.flat {
821
min-height: 24px;
822
min-width: 24px;
823
padding: 0;
824
border-radius: 9999px;
825
-gtk-outline-radius: 9999px;
826
}
827
.stack-switcher > button.needs-attention > label,
829
.stack-switcher > button.needs-attention > image, stacksidebar row.needs-attention > label {
830
animation: needs_attention 225ms cubic-bezier(0, 0, 0.2, 1) forwards;
831
background-repeat: no-repeat;
832
background-position: right 3px;
833
background-size: 6px 6px;
834
}
835
.stack-switcher > button.needs-attention > label:dir(rtl),
837
.stack-switcher > button.needs-attention > image:dir(rtl), stacksidebar row.needs-attention > label:dir(rtl) {
838
background-position: left 3px;
839
}
840
.linked > button, .linked:not(.vertical) > spinbutton:not(.vertical), .linked:not(.vertical) > entry, combobox > .linked > button, .linked:not(.vertical) > combobox > box > button.combo {
842
border-radius: 0;
843
-gtk-outline-radius: 4px;
844
}
845
.linked > button:first-child {
847
border-top-left-radius: 4px;
848
border-bottom-left-radius: 4px;
849
}
850
.linked > button:last-child {
852
border-top-right-radius: 4px;
853
border-bottom-right-radius: 4px;
854
}
855
.linked > button:only-child {
857
border-radius: 4px;
858
}
859
.linked.vertical > button, .linked.vertical > spinbutton:not(.vertical), .linked.vertical > entry, .linked.vertical > combobox > box > button.combo {
861
border-radius: 0;
862
-gtk-outline-radius: 4px;
863
}
864
.linked.vertical > button:first-child {
866
border-top-left-radius: 4px;
867
border-top-right-radius: 4px;
868
}
869
.linked.vertical > button:last-child {
871
border-bottom-left-radius: 4px;
872
border-bottom-right-radius: 4px;
873
}
874
.linked.vertical > button:only-child {
876
border-radius: 4px;
877
}
878
.linked:not(.vertical) > spinbutton:first-child:not(.vertical), .linked:not(.vertical) > entry:first-child, combobox.linked button:nth-child(2):dir(rtl), combobox > .linked > button:first-child, .linked:not(.vertical) > combobox:first-child > box > button.combo {
880
border-radius: 4px 0 0 0;
881
}
882
.linked:not(.vertical) > spinbutton:last-child:not(.vertical), .linked:not(.vertical) > entry:last-child, combobox.linked button:nth-child(2):dir(ltr), combobox > .linked > button:last-child, .linked:not(.vertical) > combobox:last-child > box > button.combo {
884
border-radius: 0 4px 0 0;
885
}
886
.linked:not(.vertical) > spinbutton:only-child:not(.vertical), .linked:not(.vertical) > entry:only-child, combobox > .linked > button:only-child, .linked:not(.vertical) > combobox:only-child > box > button.combo {
888
border-radius: 4px 4px 0 0;
889
}
890
.linked.vertical > spinbutton:first-child:not(.vertical), .linked.vertical > entry:first-child, .linked.vertical > combobox:first-child > box > button.combo {
892
border-radius: 4px 4px 0 0;
893
}
894
.linked.vertical > spinbutton:last-child:not(.vertical), .linked.vertical > entry:last-child, .linked.vertical > combobox:last-child > box > button.combo {
896
border-radius: 0;
897
}
898
.linked.vertical > spinbutton:only-child:not(.vertical), .linked.vertical > entry:only-child, .linked.vertical > combobox:only-child > box > button.combo {
900
border-radius: 4px 4px 0 0;
901
}
902
/* menu buttons */
904
modelbutton.flat,
905
.menuitem.button.flat {
906
min-height: 28px;
907
padding: 0 8px;
908
border-radius: 4px;
909
color: inherit;
910
}
911
modelbutton.flat arrow.left {
913
-gtk-icon-source: -gtk-icontheme("pan-start-symbolic");
914
}
915
modelbutton.flat arrow.right {
917
-gtk-icon-source: -gtk-icontheme("pan-end-symbolic");
918
}
919
button.color {
921
min-height: 24px;
922
min-width: 24px;
923
padding: 4px;
924
}
925
/*********
927
* Links *
928
*********/
929
*:link, button:link,
930
button:visited, *:link:hover, button:hover:link,
931
button:hover:visited, *:link:active, button:active:link,
932
button:active:visited {
933
color: #4285F4;
934
}
935
*:link:visited,
937
button:visited, *:link:visited:hover,
938
button:visited:hover, *:link:visited:active,
939
button:visited:active {
940
color: #E040FB;
941
}
942
infobar.info *:link, infobar.info button:link,
944
infobar.info button:visited, infobar.question *:link, infobar.question button:link,
945
infobar.question button:visited, infobar.warning *:link, infobar.warning button:link,
946
infobar.warning button:visited, infobar.error *:link, infobar.error button:link,
947
infobar.error button:visited, *:link:selected, button:selected:link,
948
button:selected:visited, .selection-mode.titlebar:not(headerbar) .subtitle:link,
949
headerbar.selection-mode .subtitle:link,
950
*:selected *:link,
951
*:selected button:link,
952
*:selected button:visited {
953
color: white;
954
}
955
button:link > label,
957
button:visited > label {
958
text-decoration-line: underline;
959
}
960
/*****************
962
* GtkSpinButton *
963
*****************/
964
spinbutton:not(.vertical) {
965
padding: 0;
966
}
967
spinbutton:not(.vertical) entry {
969
min-width: 24px;
970
margin: 0;
971
border-image: none;
972
border-radius: 0;
973
box-shadow: none;
974
background-color: transparent;
975
}
976
spinbutton:not(.vertical) button {
978
border: solid 4px transparent;
979
}
980
spinbutton:not(.vertical) button.up:dir(ltr), spinbutton:not(.vertical) button.down:dir(rtl) {
982
margin-left: -2px;
983
}
984
spinbutton:not(.vertical) button.up:dir(rtl), spinbutton:not(.vertical) button.down:dir(ltr) {
986
margin-right: -2px;
987
}
988
spinbutton.vertical:disabled {
990
color: rgba(255, 255, 255, 0.5);
991
}
992
spinbutton.vertical:drop(active) {
994
box-shadow: none;
995
}
996
spinbutton.vertical entry {
998
min-height: 32px;
999
min-width: 40px;
1000
padding: 0;
1001
}
1002
spinbutton.vertical button {
1004
min-height: 32px;
1005
min-width: 40px;
1006
padding: 0;
1007
}
1008
spinbutton.vertical button.up {
1010
border-radius: 4px 4px 0 0;
1011
}
1012
spinbutton.vertical button.down {
1014
border-radius: 0 0 4px 4px;
1015
}
1016
treeview spinbutton:not(.vertical) {
1018
min-height: 0;
1019
border-style: none;
1020
border-radius: 0;
1021
}
1022
treeview spinbutton:not(.vertical) entry {
1024
min-height: 0;
1025
padding: 1px 2px;
1026
}
1027
/**************
1029
* ComboBoxes *
1030
**************/
1031
combobox arrow {
1032
-gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
1033
min-height: 16px;
1034
min-width: 16px;
1035
}
1036
combobox decoration,
1038
combobox button.combo:checked {
1039
transition: none;
1040
}
1041
combobox button.combo cellview:dir(ltr) {
1043
margin-left: 0px;
1044
}
1045
combobox button.combo cellview:dir(rtl) {
1047
margin-right: 0px;
1048
}
1049
combobox #gtk-combobox-popup-menu {
1051
padding: 2px 0;
1052
}
1053
combobox #gtk-combobox-popup-menu menuitem {
1055
min-height: 28px;
1056
padding: 0 8px;
1057
}
1058
combobox #gtk-combobox-popup-menu > arrow.top {
1060
margin-top: -2px;
1061
}
1062
combobox #gtk-combobox-popup-menu > arrow.bottom {
1064
margin-top: 4px;
1065
margin-bottom: -6px;
1066
}
1067
combobox:drop(active) {
1069
box-shadow: none;
1070
}
1071
button.combo {
1073
border-radius: 4px 4px 0 0;
1074
background-image: none;
1075
font-weight: inherit;
1076
transition: all 100ms cubic-bezier(0, 0, 0.2, 1), border-image 225ms cubic-bezier(0, 0, 0.2, 1);
1077
border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #4285F4 0%, transparent 0%) 0 0 0/0 0 0px;
1078
box-shadow: inset 0 -1px rgba(255, 255, 255, 0.3);
1079
background-color: rgba(255, 255, 255, 0.04);
1080
color: white;
1081
}
1082
button.combo:hover {
1084
box-shadow: inset 0 -1px white;
1085
}
1086
button.combo:checked {
1088
border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #4285F4 100%, transparent 0%) 0 0 2/0 0 2px;
1089
}
1090
button.combo:disabled {
1092
box-shadow: inset 0 -1px rgba(255, 255, 255, 0.12);
1093
background-color: rgba(255, 255, 255, 0.04);
1094
color: rgba(255, 255, 255, 0.5);
1095
}
1096
/************
1098
* Toolbars *
1099
************/
1100
toolbar {
1101
-GtkWidget-window-dragging: true;
1102
padding: 2px;
1103
background-color: #282828;
1104
}
1105
.osd toolbar {
1107
background-color: transparent;
1108
}
1109
toolbar.osd, .app-notification, frame.documents-dropdown {
1111
transition: box-shadow 100ms cubic-bezier(0, 0, 0.2, 1);
1112
padding: 4px;
1113
border-radius: 4px;
1114
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23), inset 0 1px rgba(255, 255, 255, 0.1);
1115
background-color: #424242;
1116
}
1117
toolbar.osd:backdrop, .app-notification:backdrop, frame.documents-dropdown:backdrop {
1119
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24), inset 0 1px rgba(255, 255, 255, 0.1);
1120
}
1121
toolbar.osd.left, .left.app-notification, frame.left.documents-dropdown, toolbar.osd.right, .right.app-notification, frame.right.documents-dropdown, toolbar.osd.top, .top.app-notification, frame.top.documents-dropdown, toolbar.osd.bottom, .bottom.app-notification, frame.bottom.documents-dropdown {
1123
border-radius: 0;
1124
}
1125
toolbar.horizontal > separator {
1127
margin: 2px;
1128
}
1129
toolbar.vertical > separator {
1131
margin: 2px;
1132
}
1133
toolbar:not(.inline-toolbar):not(.osd) scale,
1135
toolbar:not(.inline-toolbar):not(.osd) entry,
1136
toolbar:not(.inline-toolbar):not(.osd) spinbutton,
1137
toolbar:not(.inline-toolbar):not(.osd) button {
1138
margin: 2px;
1139
}
1140
toolbar:not(.inline-toolbar):not(.osd) .linked entry:not(:first-child),
1142
toolbar:not(.inline-toolbar):not(.osd) .linked spinbutton:not(:first-child),
1143
toolbar:not(.inline-toolbar):not(.osd) .linked button:not(:first-child) {
1144
margin-left: 0;
1145
}
1146
toolbar:not(.inline-toolbar):not(.osd) .linked entry:not(:last-child),
1148
toolbar:not(.inline-toolbar):not(.osd) .linked spinbutton:not(:last-child),
1149
toolbar:not(.inline-toolbar):not(.osd) .linked button:not(:last-child) {
1150
margin-right: 0;
1151
}
1152
toolbar:not(.inline-toolbar):not(.osd) spinbutton entry,
1154
toolbar:not(.inline-toolbar):not(.osd) spinbutton button {
1155
margin: 0;
1156
}
1157
toolbar:not(.inline-toolbar):not(.osd) switch {
1159
margin: 6px 2px;
1160
}
1161
.inline-toolbar {
1163
padding: 4px;
1164
border-style: solid;
1165
border-width: 0 1px 1px;
1166
border-color: rgba(0, 0, 0, 0.26);
1167
background-color: #2C2C2C;
1168
}
1169
searchbar > revealer > box,
1171
.location-bar {
1172
padding: 4px;
1173
border-style: solid;
1174
border-width: 0 0 1px;
1175
border-color: rgba(0, 0, 0, 0.26);
1176
background-color: #282828;
1177
background-clip: border-box;
1178
}
1179
searchbar > revealer > box {
1181
margin: -6px;
1182
padding: 4px;
1183
}
1184
/***************
1186
* Header bars *
1187
***************/
1188
.titlebar:not(headerbar),
1189
headerbar {
1190
transition: background-color 100ms cubic-bezier(0, 0, 0.2, 1), color 100ms cubic-bezier(0, 0, 0.2, 1);
1191
min-height: 40px;
1192
padding: 0 4px;
1193
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24), inset 0 1px rgba(255, 255, 255, 0.1);
1194
background-color: #383838;
1195
color: white;
1196
}
1197
.titlebar:disabled:not(headerbar),
1199
headerbar:disabled {
1200
color: rgba(255, 255, 255, 0.5);
1201
}
1202
.titlebar:backdrop:not(headerbar),
1204
headerbar:backdrop {
1205
color: rgba(255, 255, 255, 0.7);
1206
}
1207
.titlebar:backdrop:disabled:not(headerbar),
1209
headerbar:backdrop:disabled {
1210
color: rgba(255, 255, 255, 0.3);
1211
}
1212
.titlebar:not(headerbar) .title,
1214
headerbar .title {
1215
padding: 0 12px;
1216
font-weight: bold;
1217
}
1218
.titlebar:not(headerbar) .subtitle,
1220
headerbar .subtitle {
1221
padding: 0 12px;
1222
font-size: smaller;
1223
}
1224
.titlebar:not(headerbar) entry,
1226
headerbar entry {
1227
box-shadow: inset 0 -1px rgba(255, 255, 255, 0.3);
1228
background-color: rgba(255, 255, 255, 0.04);
1229
color: white;
1230
}
1231
.titlebar:not(headerbar) entry:disabled,
1233
headerbar entry:disabled {
1234
box-shadow: inset 0 -1px rgba(255, 255, 255, 0.12);
1235
background-color: rgba(255, 255, 255, 0.04);
1236
color: rgba(255, 255, 255, 0.5);
1237
}
1238
.titlebar:not(headerbar) entry image,
1240
headerbar entry image {
1241
color: rgba(255, 255, 255, 0.7);
1242
}
1243
.titlebar:not(headerbar) entry image:hover, .titlebar:not(headerbar) entry image:active,
1245
headerbar entry image:hover,
1246
headerbar entry image:active {
1247
color: white;
1248
}
1249
.titlebar:not(headerbar) entry image:disabled,
1251
headerbar entry image:disabled {
1252
color: rgba(255, 255, 255, 0.5);
1253
}
1254
.titlebar:not(headerbar) .linked:not(.vertical) > entry:not(.flat),
1256
headerbar .linked:not(.vertical) > entry:not(.flat) {
1257
border-radius: 4px 4px 0 0;
1258
}
1259
.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action),
1261
headerbar button:not(.suggested-action):not(.destructive-action) {
1262
border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), currentColor 0%, transparent 0%) 0 0 0/0 0 0px;
1263
color: rgba(255, 255, 255, 0.7);
1264
}
1265
.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):hover, .titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):active,
1267
headerbar button:not(.suggested-action):not(.destructive-action):hover,
1268
headerbar button:not(.suggested-action):not(.destructive-action):active {
1269
color: white;
1270
}
1271
.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):disabled,
1273
headerbar button:not(.suggested-action):not(.destructive-action):disabled {
1274
color: rgba(255, 255, 255, 0.3);
1275
}
1276
.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):checked,
1278
headerbar button:not(.suggested-action):not(.destructive-action):checked {
1279
border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), currentColor 100%, transparent 0%) 0 0 2/0 0 2px;
1280
color: white;
1281
}
1282
.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):checked:disabled,
1284
headerbar button:not(.suggested-action):not(.destructive-action):checked:disabled {
1285
color: rgba(255, 255, 255, 0.5);
1286
}
1287
.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):checked, .titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):checked:disabled,
1289
headerbar button:not(.suggested-action):not(.destructive-action):checked,
1290
headerbar button:not(.suggested-action):not(.destructive-action):checked:disabled {
1291
background-color: transparent;
1292
}
1293
.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):backdrop,
1295
headerbar button:not(.suggested-action):not(.destructive-action):backdrop {
1296
color: rgba(255, 255, 255, 0.5);
1297
}
1298
.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):backdrop:hover, .titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):backdrop:active,
1300
headerbar button:not(.suggested-action):not(.destructive-action):backdrop:hover,
1301
headerbar button:not(.suggested-action):not(.destructive-action):backdrop:active {
1302
color: rgba(255, 255, 255, 0.7);
1303
}
1304
.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):backdrop:disabled,
1306
headerbar button:not(.suggested-action):not(.destructive-action):backdrop:disabled {
1307
color: rgba(255, 255, 255, 0.3);
1308
}
1309
.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):backdrop:checked,
1311
headerbar button:not(.suggested-action):not(.destructive-action):backdrop:checked {
1312
color: rgba(255, 255, 255, 0.7);
1313
}
1314
.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):backdrop:checked:disabled,
1316
headerbar button:not(.suggested-action):not(.destructive-action):backdrop:checked:disabled {
1317
color: rgba(255, 255, 255, 0.3);
1318
}
1319
.titlebar:not(headerbar) button.suggested-action:disabled, .titlebar:not(headerbar) button.destructive-action:disabled,
1321
headerbar button.suggested-action:disabled,
1322
headerbar button.destructive-action:disabled {
1323
background-color: rgba(255, 255, 255, 0.04);
1324
color: rgba(255, 255, 255, 0.5);
1325
}
1326
.selection-mode.titlebar:not(headerbar),
1328
headerbar.selection-mode {
1329
transition: background-color 0.00001s 225ms, color 225ms cubic-bezier(0, 0, 0.2, 1);
1330
animation: header_ripple_effect 225ms cubic-bezier(0, 0, 0.2, 1);
1331
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24), inset 0 1px rgba(255, 255, 255, 0.2);
1332
background-color: #4285F4;
1333
color: white;
1334
}
1335
.selection-mode.titlebar:backdrop:not(headerbar),
1337
headerbar.selection-mode:backdrop {
1338
color: rgba(255, 255, 255, 0.7);
1339
}
1340
.selection-mode.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action),
1342
headerbar.selection-mode button:not(.suggested-action):not(.destructive-action) {
1343
border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), currentColor 0%, transparent 0%) 0 0 0/0 0 0px;
1344
color: white;
1345
}
1346
.selection-mode.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):disabled,
1348
headerbar.selection-mode button:not(.suggested-action):not(.destructive-action):disabled {
1349
color: rgba(255, 255, 255, 0.5);
1350
}
1351
.selection-mode.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):checked,
1353
headerbar.selection-mode button:not(.suggested-action):not(.destructive-action):checked {
1354
border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), currentColor 100%, transparent 0%) 0 0 2/0 0 2px;
1355
color: white;
1356
}
1357
.selection-mode.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):checked:disabled,
1359
headerbar.selection-mode button:not(.suggested-action):not(.destructive-action):checked:disabled {
1360
color: rgba(255, 255, 255, 0.5);
1361
}
1362
.selection-mode.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):backdrop,
1364
headerbar.selection-mode button:not(.suggested-action):not(.destructive-action):backdrop {
1365
color: rgba(255, 255, 255, 0.7);
1366
}
1367
.selection-mode.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):backdrop:disabled,
1369
headerbar.selection-mode button:not(.suggested-action):not(.destructive-action):backdrop:disabled {
1370
color: rgba(255, 255, 255, 0.3);
1371
}
1372
.selection-mode.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):backdrop:checked,
1374
headerbar.selection-mode button:not(.suggested-action):not(.destructive-action):backdrop:checked {
1375
color: rgba(255, 255, 255, 0.7);
1376
}
1377
.selection-mode.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):backdrop:checked:disabled,
1379
headerbar.selection-mode button:not(.suggested-action):not(.destructive-action):backdrop:checked:disabled {
1380
color: rgba(255, 255, 255, 0.3);
1381
}
1382
.selection-mode.titlebar:not(headerbar) .selection-menu,
1384
headerbar.selection-mode .selection-menu {
1385
padding-left: 16px;
1386
padding-right: 16px;
1387
}
1388
.selection-mode.titlebar:not(headerbar) .selection-menu arrow,
1390
headerbar.selection-mode .selection-menu arrow {
1391
-GtkArrow-arrow-scaling: 1;
1392
}
1393
.selection-mode.titlebar:not(headerbar) .selection-menu .arrow,
1395
headerbar.selection-mode .selection-menu .arrow {
1396
-gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
1397
}
1398
.tiled .titlebar:not(headerbar),
1400
.tiled-top .titlebar:not(headerbar),
1401
.tiled-right .titlebar:not(headerbar),
1402
.tiled-bottom .titlebar:not(headerbar),
1403
.tiled-left .titlebar:not(headerbar),
1404
.maximized .titlebar:not(headerbar),
1405
.fullscreen .titlebar:not(headerbar), .tiled
1406
headerbar,
1407
.tiled-top
1408
headerbar,
1409
.tiled-right
1410
headerbar,
1411
.tiled-bottom
1412
headerbar,
1413
.tiled-left
1414
headerbar,
1415
.maximized
1416
headerbar,
1417
.fullscreen
1418
headerbar {
1419
border-radius: 0;
1420
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
1421
}
1422
.default-decoration.titlebar:not(headerbar),
1424
headerbar.default-decoration {
1425
min-height: 24px;
1426
padding: 4px;
1427
box-shadow: inset 0 1px rgba(255, 255, 255, 0.1);
1428
}
1429
.tiled .default-decoration.titlebar:not(headerbar),
1431
.maximized .default-decoration.titlebar:not(headerbar),
1432
.fullscreen .default-decoration.titlebar:not(headerbar), .tiled
1433
headerbar.default-decoration,
1434
.maximized
1435
headerbar.default-decoration,
1436
.fullscreen
1437
headerbar.default-decoration {
1438
box-shadow: none;
1439
}
1440
.default-decoration.titlebar:not(headerbar) button.titlebutton,
1442
headerbar.default-decoration button.titlebutton {
1443
min-height: 24px;
1444
min-width: 24px;
1445
margin: 0;
1446
padding: 0;
1447
}
1448
.background:not(.csd) .default-decoration.titlebar:not(headerbar) button.titlebutton:active, .background:not(.csd)
1450
headerbar.default-decoration button.titlebutton:active {
1451
background-size: 1000% 1000%;
1452
}
1453
.solid-csd .titlebar:dir(rtl):not(headerbar), .solid-csd .titlebar:dir(ltr):not(headerbar), .solid-csd
1455
headerbar:dir(rtl), .solid-csd
1456
headerbar:dir(ltr) {
1457
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
1458
}
1459
headerbar entry,
1461
headerbar spinbutton,
1462
headerbar button {
1463
margin-top: 4px;
1464
margin-bottom: 4px;
1465
}
1466
headerbar separator {
1468
margin-top: 10px;
1469
margin-bottom: 10px;
1470
background-color: rgba(255, 255, 255, 0.12);
1471
}
1472
headerbar switch {
1474
margin-top: 8px;
1475
margin-bottom: 8px;
1476
}
1477
headerbar spinbutton button {
1479
margin-top: 0;
1480
margin-bottom: 0;
1481
}
1482
headerbar .entry-tag, headerbar .documents-entry-tag, headerbar .photos-entry-tag {
1484
margin-top: 5px;
1485
margin-bottom: 5px;
1486
}
1487
.background .titlebar {
1489
border-top-left-radius: 4px;
1490
border-top-right-radius: 4px;
1491
}
1492
.background.tiled .titlebar,
1494
.background.tiled-top .titlebar,
1495
.background.tiled-right .titlebar,
1496
.background.tiled-bottom .titlebar,
1497
.background.tiled-left .titlebar,
1498
.background.maximized .titlebar,
1499
.background.solid-csd .titlebar {
1500
border-top-left-radius: 0;
1501
border-top-right-radius: 0;
1502
}
1503
window separator:first-child + headerbar,
1505
window headerbar:first-child {
1506
border-top-left-radius: 4px;
1507
}
1508
window headerbar:last-child {
1510
border-top-right-radius: 4px;
1511
}
1512
window stack headerbar:first-child, window stack headerbar:last-child {
1514
border-top-left-radius: 4px;
1515
border-top-right-radius: 4px;
1516
}
1517
window.tiled headerbar, window.tiled headerbar:first-child, window.tiled headerbar:last-child, window.tiled headerbar:only-child,
1519
window.tiled-top headerbar,
1520
window.tiled-top headerbar:first-child,
1521
window.tiled-top headerbar:last-child,
1522
window.tiled-top headerbar:only-child,
1523
window.tiled-right headerbar,
1524
window.tiled-right headerbar:first-child,
1525
window.tiled-right headerbar:last-child,
1526
window.tiled-right headerbar:only-child,
1527
window.tiled-bottom headerbar,
1528
window.tiled-bottom headerbar:first-child,
1529
window.tiled-bottom headerbar:last-child,
1530
window.tiled-bottom headerbar:only-child,
1531
window.tiled-left headerbar,
1532
window.tiled-left headerbar:first-child,
1533
window.tiled-left headerbar:last-child,
1534
window.tiled-left headerbar:only-child,
1535
window.maximized headerbar,
1536
window.maximized headerbar:first-child,
1537
window.maximized headerbar:last-child,
1538
window.maximized headerbar:only-child,
1539
window.fullscreen headerbar,
1540
window.fullscreen headerbar:first-child,
1541
window.fullscreen headerbar:last-child,
1542
window.fullscreen headerbar:only-child,
1543
window.solid-csd headerbar,
1544
window.solid-csd headerbar:first-child,
1545
window.solid-csd headerbar:last-child,
1546
window.solid-csd headerbar:only-child {
1547
border-top-left-radius: 0;
1548
border-top-right-radius: 0;
1549
}
1550
window.csd > .titlebar:not(headerbar) {
1552
padding: 0;
1553
background-color: transparent;
1554
background-image: none;
1555
border-style: none;
1556
box-shadow: none;
1557
}
1558
.titlebar:not(headerbar) > separator {
1560
background-color: #383838;
1561
background-image: image(rgba(0, 0, 0, 0.26));
1562
}
1563
/************
1565
* Pathbars *
1566
************/
1567
.caja-pathbar button,
1568
.path-bar button {
1569
padding-left: 4px;
1570
padding-right: 4px;
1571
}
1572
.caja-pathbar button label:not(:only-child):first-child,
1574
.path-bar button label:not(:only-child):first-child {
1575
margin-left: 4px;
1576
}
1577
.caja-pathbar button label:not(:only-child):last-child,
1579
.path-bar button label:not(:only-child):last-child {
1580
margin-right: 4px;
1581
}
1582
.caja-pathbar button.slider-button,
1584
.path-bar button.slider-button {
1585
padding-left: 4px;
1586
padding-right: 4px;
1587
}
1588
:not(headerbar) .caja-pathbar button, .caja-pathbar :not(headerbar) button, :not(headerbar)
1590
.path-bar button {
1591
border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #4285F4 0%, transparent 0%) 0 0 0/0 0 0px;
1592
border-radius: 4px;
1593
}
1594
:not(headerbar) .caja-pathbar button:checked, .caja-pathbar :not(headerbar) button:checked, :not(headerbar)
1596
.path-bar button:checked {
1597
border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #4285F4 100%, transparent 0%) 0 0 2/0 0 2px;
1598
}
1599
:not(headerbar) .caja-pathbar button:checked, .caja-pathbar :not(headerbar) button:checked, :not(headerbar) .caja-pathbar button:checked:disabled, .caja-pathbar :not(headerbar) button:checked:disabled, :not(headerbar)
1601
.path-bar button:checked, :not(headerbar)
1602
.path-bar button:checked:disabled {
1603
background-color: transparent;
1604
}
1605
/**************
1607
* Tree Views *
1608
**************/
1609
treeview.view {
1610
border-left-color: rgba(255, 255, 255, 0.3);
1611
border-top-color: rgba(0, 0, 0, 0.26);
1612
}
1613
* {
1615
-GtkTreeView-horizontal-separator: 4;
1616
-GtkTreeView-grid-line-width: 1;
1617
-GtkTreeView-grid-line-pattern: '';
1618
-GtkTreeView-tree-line-width: 1;
1619
-GtkTreeView-tree-line-pattern: '';
1620
-GtkTreeView-expander-size: 16;
1621
}
1622
treeview.view:selected {
1624
background-color: #303030;
1625
background-image: image(rgba(66, 133, 244, 0.32));
1626
}
1627
treeview.view:hover, treeview.view:selected {
1629
border-radius: 0;
1630
}
1631
treeview.view.separator {
1633
min-height: 5px;
1634
color: rgba(0, 0, 0, 0.26);
1635
}
1636
treeview.view:drop(active) {
1638
border-style: solid none;
1639
border-width: 1px;
1640
border-color: #4285F4;
1641
}
1642
treeview.view:drop(active).after {
1644
border-top-style: none;
1645
}
1646
treeview.view:drop(active).before {
1648
border-bottom-style: none;
1649
}
1650
treeview.view.expander {
1652
-gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
1653
-gtk-icon-transform: rotate(-90deg);
1654
color: rgba(255, 255, 255, 0.7);
1655
}
1656
treeview.view.expander:dir(rtl) {
1658
-gtk-icon-transform: rotate(90deg);
1659
}
1660
treeview.view.expander:checked {
1662
-gtk-icon-transform: unset;
1663
}
1664
treeview.view.expander:hover, treeview.view.expander:active {
1666
color: white;
1667
}
1668
treeview.view.expander:disabled {
1670
color: rgba(255, 255, 255, 0.3);
1671
}
1672
treeview.view.progressbar {
1674
border-bottom: 4px solid #4285F4;
1675
box-shadow: none;
1676
background-color: transparent;
1677
}
1678
treeview.view.trough {
1680
border-bottom: 4px solid rgba(255, 255, 255, 0.12);
1681
box-shadow: none;
1682
background-color: transparent;
1683
}
1684
treeview.view header button {
1686
padding: 2px 6px;
1687
border-style: none solid solid none;
1688
border-width: 1px;
1689
border-color: rgba(0, 0, 0, 0.26);
1690
border-radius: 0;
1691
background-clip: border-box;
1692
}
1693
treeview.view header button:not(:hover):not(:active) {
1695
color: rgba(255, 255, 255, 0.7);
1696
}
1697
treeview.view header button, treeview.view header button:hover, treeview.view header button:active {
1699
box-shadow: none;
1700
}
1701
treeview.view header button, treeview.view header button:disabled {
1703
background-color: #303030;
1704
}
1705
treeview.view header button:last-child {
1707
border-right-style: none;
1708
}
1709
treeview.view button.dnd,
1711
treeview.view header.button.dnd {
1712
padding: 2px 6px;
1713
border-style: none solid solid;
1714
border-width: 1px;
1715
border-color: rgba(0, 0, 0, 0.26);
1716
border-radius: 0;
1717
box-shadow: none;
1718
background-color: #303030;
1719
background-clip: border-box;
1720
color: #4285F4;
1721
}
1722
treeview.view acceleditor > label {
1724
background-color: #4285F4;
1725
}
1726
/*********
1728
* Menus *
1729
*********/
1730
menubar,
1731
.menubar {
1732
-GtkWidget-window-dragging: true;
1733
padding: 0;
1734
background-color: #383838;
1735
}
1736
menubar > menuitem,
1738
.menubar > menuitem {
1739
transition: all 100ms cubic-bezier(0, 0, 0.2, 1);
1740
min-height: 20px;
1741
padding: 4px 8px;
1742
color: rgba(255, 255, 255, 0.7);
1743
}
1744
menubar > menuitem:hover,
1746
.menubar > menuitem:hover {
1747
transition: none;
1748
background-color: rgba(255, 255, 255, 0.12);
1749
color: white;
1750
}
1751
menubar > menuitem:disabled,
1753
.menubar > menuitem:disabled {
1754
color: rgba(255, 255, 255, 0.3);
1755
}
1756
menubar > menuitem label:disabled,
1758
.menubar > menuitem label:disabled {
1759
color: inherit;
1760
}
1761
.csd.popup {
1763
background-color: transparent;
1764
}
1765
menu,
1767
.menu,
1768
.context-menu {
1769
margin: 4px 0;
1770
padding: 4px 0;
1771
box-shadow: inset 0 1px rgba(255, 255, 255, 0.1);
1772
background-color: #424242;
1773
border: 1px solid rgba(0, 0, 0, 0.26);
1774
}
1775
.csd menu, .csd
1777
.menu, .csd
1778
.context-menu {
1779
border: none;
1780
border-radius: 4px;
1781
}
1782
menu menuitem,
1784
.menu menuitem,
1785
.context-menu menuitem {
1786
transition: background-color 100ms cubic-bezier(0, 0, 0.2, 1);
1787
min-height: 20px;
1788
min-width: 40px;
1789
padding: 4px 8px;
1790
font: initial;
1791
text-shadow: none;
1792
}
1793
menu menuitem:hover,
1795
.menu menuitem:hover,
1796
.context-menu menuitem:hover {
1797
transition: none;
1798
background-color: rgba(255, 255, 255, 0.12);
1799
}
1800
menu menuitem:disabled,
1802
.menu menuitem:disabled,
1803
.context-menu menuitem:disabled {
1804
color: rgba(255, 255, 255, 0.5);
1805
}
1806
menu menuitem arrow,
1808
.menu menuitem arrow,
1809
.context-menu menuitem arrow {
1810
min-height: 16px;
1811
min-width: 16px;
1812
}
1813
menu menuitem arrow:dir(ltr),
1815
.menu menuitem arrow:dir(ltr),
1816
.context-menu menuitem arrow:dir(ltr) {
1817
-gtk-icon-source: -gtk-icontheme("pan-end-symbolic");
1818
margin-left: 8px;
1819
}
1820
menu menuitem arrow:dir(rtl),
1822
.menu menuitem arrow:dir(rtl),
1823
.context-menu menuitem arrow:dir(rtl) {
1824
-gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl");
1825
margin-right: 8px;
1826
}
1827
menu menuitem label:dir(rtl), menu menuitem label:dir(ltr),
1829
.menu menuitem label:dir(rtl),
1830
.menu menuitem label:dir(ltr),
1831
.context-menu menuitem label:dir(rtl),
1832
.context-menu menuitem label:dir(ltr) {
1833
color: inherit;
1834
}
1835
menu > arrow,
1837
.menu > arrow,
1838
.context-menu > arrow {
1839
min-height: 16px;
1840
min-width: 16px;
1841
padding: 4px;
1842
background-color: #424242;
1843
color: rgba(255, 255, 255, 0.7);
1844
}
1845
menu > arrow.top,
1847
.menu > arrow.top,
1848
.context-menu > arrow.top {
1849
margin-top: -4px;
1850
border-bottom: 1px solid rgba(0, 0, 0, 0.26);
1851
border-radius: 4px 4px 0 0;
1852
-gtk-icon-source: -gtk-icontheme("pan-up-symbolic");
1853
}
1854
menu > arrow.bottom,
1856
.menu > arrow.bottom,
1857
.context-menu > arrow.bottom {
1858
margin-top: 8px;
1859
margin-bottom: -12px;
1860
border-top: 1px solid rgba(0, 0, 0, 0.26);
1861
border-radius: 0 0 4px 4px;
1862
-gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
1863
}
1864
menu > arrow:hover,
1866
.menu > arrow:hover,
1867
.context-menu > arrow:hover {
1868
background-image: image(rgba(255, 255, 255, 0.12));
1869
color: white;
1870
}
1871
menu > arrow:disabled,
1873
.menu > arrow:disabled,
1874
.context-menu > arrow:disabled {
1875
border-color: transparent;
1876
background-color: transparent;
1877
color: transparent;
1878
}
1879
menu separator,
1881
.menu separator,
1882
.context-menu separator {
1883
margin: 4px 0;
1884
}
1885
menuitem accelerator {
1887
color: rgba(255, 255, 255, 0.7);
1888
}
1889
menuitem:disabled accelerator {
1891
color: rgba(255, 255, 255, 0.3);
1892
}
1893
.popup:not(.csd) menu menuitem {
1895
color: #FFFFFF;
1896
}
1897
.popup:not(.csd) menu menuitem:hover {
1899
background-color: #595959;
1900
}
1901
.popup:not(.csd) menu menuitem:disabled {
1903
color: #a1a1a1;
1904
}
1905
.popup:not(.csd) menu accelerator {
1907
color: #c6c6c6;
1908
}
1909
/************
1911
* Popovers *
1912
************/
1913
popover.background {
1914
transition: box-shadow 100ms cubic-bezier(0, 0, 0.2, 1);
1915
padding: 2px;
1916
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23);
1917
background-color: #424242;
1918
}
1919
popover.background:backdrop {
1921
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
1922
}
1923
popover.background, .csd popover.background {
1925
border-style: solid;
1926
border-width: 1px;
1927
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.2) rgba(0, 0, 0, 0.3);
1928
border-radius: 5px;
1929
}
1930
popover.background > stack {
1932
margin: -4px;
1933
}
1934
popover.background > toolbar {
1936
margin: -2px;
1937
}
1938
popover.background > list,
1940
popover.background > .view,
1941
popover.background > toolbar {
1942
border-style: none;
1943
box-shadow: none;
1944
background-color: transparent;
1945
}
1946
popover.background list,
1948
popover.background .view:not(:selected),
1949
popover.background toolbar {
1950
background-color: #424242;
1951
}
1952
popover.background.menu button,
1954
popover.background button.model {
1955
min-height: 32px;
1956
padding: 0 8px;
1957
border-radius: 4px;
1958
}
1959
popover.background separator {
1961
margin: 4px 0;
1962
}
1963
popover.background list separator {
1965
margin: 0;
1966
}
1967
/*************
1969
* Notebooks *
1970
*************/
1971
frame > paned > notebook > header,
1972
notebook.frame > header {
1973
background-color: #2C2C2C;
1974
}
1975
notebook:focus tab:checked {
1977
box-shadow: inset 0 0 0 9999px rgba(66, 133, 244, 0.12);
1978
outline: none;
1979
}
1980
notebook > header {
1982
border-width: 1px;
1983
border-color: rgba(0, 0, 0, 0.26);
1984
background-color: #282828;
1985
background-clip: border-box;
1986
}
1987
notebook > header.top {
1989
border-bottom-style: solid;
1990
}
1991
notebook > header.top > tabs {
1993
margin-bottom: -1px;
1994
}
1995
notebook > header.top > tabs > tab {
1997
border-image: linear-gradient(to top, transparent 2px, transparent 2px) 2/0 0 2px;
1998
}
1999
notebook > header.top > tabs > tab:checked {
2001
border-image-source: linear-gradient(to top, #4285F4 2px, rgba(0, 0, 0, 0.26) 2px);
2002
}
2003
notebook > header.top > tabs > tab.reorderable-page {
2005
border-image-width: 0 1px 2px;
2006
}
2007
notebook > header.bottom {
2009
border-top-style: solid;
2010
}
2011
notebook > header.bottom > tabs {
2013
margin-top: -1px;
2014
}
2015
notebook > header.bottom > tabs > tab {
2017
border-image: linear-gradient(to bottom, transparent 2px, transparent 2px) 2/2px 0 0;
2018
}
2019
notebook > header.bottom > tabs > tab:checked {
2021
border-image-source: linear-gradient(to bottom, #4285F4 2px, rgba(0, 0, 0, 0.26) 2px);
2022
}
2023
notebook > header.bottom > tabs > tab.reorderable-page {
2025
border-image-width: 2px 1px 0;
2026
}
2027
notebook > header.left {
2029
border-right-style: solid;
2030
}
2031
notebook > header.left > tabs {
2033
margin-right: -1px;
2034
}
2035
notebook > header.left > tabs > tab {
2037
border-image: linear-gradient(to left, transparent 2px, transparent 2px) 2/0 2px 0 0;
2038
}
2039
notebook > header.left > tabs > tab:checked {
2041
border-image-source: linear-gradient(to left, #4285F4 2px, rgba(0, 0, 0, 0.26) 2px);
2042
}
2043
notebook > header.left > tabs > tab.reorderable-page {
2045
border-image-width: 1px 2px 1px 0;
2046
}
2047
notebook > header.right {
2049
border-left-style: solid;
2050
}
2051
notebook > header.right > tabs {
2053
margin-left: -1px;
2054
}
2055
notebook > header.right > tabs > tab {
2057
border-image: linear-gradient(to right, transparent 2px, transparent 2px) 2/0 0 0 2px;
2058
}
2059
notebook > header.right > tabs > tab:checked {
2061
border-image-source: linear-gradient(to right, #4285F4 2px, rgba(0, 0, 0, 0.26) 2px);
2062
}
2063
notebook > header.right > tabs > tab.reorderable-page {
2065
border-image-width: 1px 0 1px 2px;
2066
}
2067
notebook > header.top > tabs > arrow {
2069
border-top-style: none;
2070
}
2071
notebook > header.bottom > tabs > arrow {
2073
border-bottom-style: none;
2074
}
2075
notebook > header.top > tabs > arrow, notebook > header.bottom > tabs > arrow {
2077
padding-left: 4px;
2078
padding-right: 4px;
2079
}
2080
notebook > header.top > tabs > arrow.down, notebook > header.bottom > tabs > arrow.down {
2082
margin-left: -8px;
2083
-gtk-icon-source: -gtk-icontheme("pan-start-symbolic");
2084
}
2085
notebook > header.top > tabs > arrow.up, notebook > header.bottom > tabs > arrow.up {
2087
margin-right: -8px;
2088
-gtk-icon-source: -gtk-icontheme("pan-end-symbolic");
2089
}
2090
notebook > header.left > tabs > arrow {
2092
border-left-style: none;
2093
}
2094
notebook > header.right > tabs > arrow {
2096
border-right-style: none;
2097
}
2098
notebook > header.left > tabs > arrow, notebook > header.right > tabs > arrow {
2100
padding-top: 4px;
2101
padding-bottom: 4px;
2102
}
2103
notebook > header.left > tabs > arrow.down, notebook > header.right > tabs > arrow.down {
2105
margin-top: -8px;
2106
-gtk-icon-source: -gtk-icontheme("pan-up-symbolic");
2107
}
2108
notebook > header.left > tabs > arrow.up, notebook > header.right > tabs > arrow.up {
2110
margin-bottom: -8px;
2111
-gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
2112
}
2113
notebook > header > tabs > arrow {
2115
min-height: 16px;
2116
min-width: 16px;
2117
border-radius: 0;
2118
}
2119
notebook > header tab {
2121
transition: all 100ms cubic-bezier(0, 0, 0.2, 1), background-size 0, background-image 0;
2122
min-height: 24px;
2123
min-width: 24px;
2124
padding: 4px 12px;
2125
outline-offset: -6px;
2126
border-width: 1px;
2127
border-color: transparent;
2128
background-image: radial-gradient(circle farthest-corner at center, #4285F4 10%, transparent 0%);
2129
background-repeat: no-repeat;
2130
background-position: center;
2131
background-size: 0% 0%;
2132
background-clip: border-box;
2133
color: rgba(255, 255, 255, 0.7);
2134
font-weight: 500;
2135
}
2136
notebook > header tab:hover {
2138
background-color: alpha(currentColor, 0.08);
2139
color: white;
2140
}
2141
notebook > header tab:disabled {
2143
color: rgba(255, 255, 255, 0.3);
2144
}
2145
notebook > header tab:checked {
2147
transition: all 100ms cubic-bezier(0, 0, 0.2, 1), background-size 225ms cubic-bezier(0, 0, 0.2, 1), background-image 525ms cubic-bezier(0, 0, 0.2, 1);
2148
background-color: transparent;
2149
background-image: radial-gradient(circle farthest-corner at center, transparent 10%, transparent 0%);
2150
background-size: 1000% 1000%;
2151
background-clip: padding-box;
2152
color: white;
2153
}
2154
notebook > header tab:checked:disabled {
2156
color: rgba(255, 255, 255, 0.5);
2157
}
2158
notebook > header tab:checked.reorderable-page {
2160
border-color: rgba(0, 0, 0, 0.26);
2161
background-color: #303030;
2162
}
2163
notebook > header tab button.flat:last-child {
2165
margin-left: 4px;
2166
margin-right: -8px;
2167
}
2168
notebook > header tab button.flat:first-child {
2170
margin-left: -8px;
2171
margin-right: 4px;
2172
}
2173
notebook > header.top tabs, notebook > header.bottom tabs {
2175
padding-left: 8px;
2176
padding-right: 8px;
2177
}
2178
notebook > header.top tabs:not(:only-child):first-child, notebook > header.bottom tabs:not(:only-child):first-child {
2180
margin-left: 0;
2181
}
2182
notebook > header.top tabs:not(:only-child):last-child, notebook > header.bottom tabs:not(:only-child):last-child {
2184
margin-right: 0;
2185
}
2186
notebook > header.top tabs tab.reorderable-page, notebook > header.bottom tabs tab.reorderable-page {
2188
border-style: none solid;
2189
}
2190
notebook > header.left tabs, notebook > header.right tabs {
2192
padding-top: 8px;
2193
padding-bottom: 8px;
2194
}
2195
notebook > header.left tabs:not(:only-child):first-child, notebook > header.right tabs:not(:only-child):first-child {
2197
margin-top: 0;
2198
}
2199
notebook > header.left tabs:not(:only-child):last-child, notebook > header.right tabs:not(:only-child):last-child {
2201
margin-bottom: 0;
2202
}
2203
notebook > header.left tabs tab.reorderable-page, notebook > header.right tabs tab.reorderable-page {
2205
border-style: solid none;
2206
}
2207
notebook > stack:not(:only-child) {
2209
background-color: #303030;
2210
}
2211
/**************
2213
* Scrollbars *
2214
**************/
2215
scrollbar {
2216
transition: all 100ms cubic-bezier(0, 0, 0.2, 1);
2217
background-color: #303030;
2218
background-clip: border-box;
2219
}
2220
* {
2222
-GtkScrollbar-has-backward-stepper: false;
2223
-GtkScrollbar-has-forward-stepper: false;
2224
}
2225
scrollbar.top {
2227
border-bottom: 1px solid rgba(0, 0, 0, 0.26);
2228
}
2229
scrollbar.bottom {
2231
border-top: 1px solid rgba(0, 0, 0, 0.26);
2232
}
2233
scrollbar.left {
2235
border-right: 1px solid rgba(0, 0, 0, 0.26);
2236
}
2237
scrollbar.right {
2239
border-left: 1px solid rgba(0, 0, 0, 0.26);
2240
}
2241
scrollbar slider {
2243
transition: all 100ms cubic-bezier(0, 0, 0.2, 1), margin 0, border-width 0;
2244
min-width: 8px;
2245
min-height: 8px;
2246
border: 4px solid transparent;
2247
border-radius: 9999px;
2248
background-clip: padding-box;
2249
background-color: rgba(255, 255, 255, 0.5);
2250
}
2251
scrollbar slider:hover {
2253
background-color: rgba(255, 255, 255, 0.7);
2254
}
2255
scrollbar slider:active {
2257
background-color: white;
2258
}
2259
scrollbar slider:disabled {
2261
background-color: rgba(255, 255, 255, 0.3);
2262
}
2263
scrollbar.fine-tune slider {
2265
transition: all 100ms cubic-bezier(0, 0, 0.2, 1), margin 0, border-width 0, min-width 0, min-height 0;
2266
min-width: 4px;
2267
min-height: 4px;
2268
}
2269
scrollbar.fine-tune.horizontal slider {
2271
margin: 2px 0;
2272
}
2273
scrollbar.fine-tune.vertical slider {
2275
margin: 0 2px;
2276
}
2277
scrollbar.overlay-indicator:not(.dragging):not(.hovering) {
2279
border-color: transparent;
2280
background-color: transparent;
2281
}
2282
scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider {
2284
min-width: 4px;
2285
min-height: 4px;
2286
margin: 3px;
2287
border: 1px solid rgba(48, 48, 48, 0.3);
2288
}
2289
scrollbar.overlay-indicator:not(.dragging):not(.hovering) button {
2291
min-width: 4px;
2292
min-height: 4px;
2293
margin: 3px;
2294
border: 1px solid rgba(48, 48, 48, 0.3);
2295
border-radius: 9999px;
2296
background-color: rgba(255, 255, 255, 0.5);
2297
background-clip: padding-box;
2298
-gtk-icon-source: none;
2299
}
2300
scrollbar.overlay-indicator:not(.dragging):not(.hovering) button:disabled {
2302
background-color: rgba(255, 255, 255, 0.3);
2303
}
2304
scrollbar.overlay-indicator:not(.dragging):not(.hovering).horizontal slider {
2306
min-width: 24px;
2307
}
2308
scrollbar.overlay-indicator:not(.dragging):not(.hovering).horizontal button {
2310
min-width: 8px;
2311
}
2312
scrollbar.overlay-indicator:not(.dragging):not(.hovering).vertical slider {
2314
min-height: 24px;
2315
}
2316
scrollbar.overlay-indicator:not(.dragging):not(.hovering).vertical button {
2318
min-height: 8px;
2319
}
2320
scrollbar.overlay-indicator.dragging, scrollbar.overlay-indicator.hovering {
2322
background-color: rgba(48, 48, 48, 0.9);
2323
}
2324
scrollbar.horizontal slider {
2326
min-width: 24px;
2327
}
2328
scrollbar.vertical slider {
2330
min-height: 24px;
2331
}
2332
scrollbar button {
2334
min-width: 16px;
2335
min-height: 16px;
2336
padding: 0;
2337
border-radius: 0;
2338
}
2339
scrollbar.vertical button.down {
2341
-gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
2342
}
2343
scrollbar.vertical button.up {
2345
-gtk-icon-source: -gtk-icontheme("pan-up-symbolic");
2346
}
2347
scrollbar.horizontal button.down {
2349
-gtk-icon-source: -gtk-icontheme("pan-end-symbolic");
2350
}
2351
scrollbar.horizontal button.up {
2353
-gtk-icon-source: -gtk-icontheme("pan-start-symbolic");
2354
}
2355
/**********
2357
* Switch *
2358
**********/
2359
switch {
2360
transition: all 100ms cubic-bezier(0, 0, 0.2, 1);
2361
margin: 4px 0;
2362
padding: 0 2px;
2363
border: 5px solid transparent;
2364
border-radius: 9999px;
2365
background-color: rgba(255, 255, 255, 0.3);
2366
background-clip: padding-box;
2367
font-size: 0;
2368
}
2369
switch:checked {
2371
background-color: rgba(66, 133, 244, 0.5);
2372
}
2373
switch:disabled {
2375
opacity: 0.5;
2376
}
2377
switch slider {
2379
transition: all 100ms cubic-bezier(0, 0, 0.2, 1);
2380
min-width: 20px;
2381
min-height: 20px;
2382
margin: -3px -2px;
2383
border-radius: 9999px;
2384
box-shadow: 0 0 0 10px transparent, 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
2385
background-color: #424242;
2386
}
2387
switch:hover slider {
2389
box-shadow: 0 0 0 10px alpha(currentColor, 0.08), 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
2390
}
2391
switch:focus slider {
2393
box-shadow: 0 0 0 10px alpha(currentColor, 0.12), 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
2394
}
2395
switch:focus:hover slider {
2397
box-shadow: 0 0 0 10px alpha(currentColor, 0.16), 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
2398
}
2399
switch:checked slider {
2401
background-color: #4285F4;
2402
color: #4285F4;
2403
}
2404
/*************************
2406
* Check and Radio items *
2407
*************************/
2408
.view.content-view.check:not(list),
2409
.content-view .tile check:not(list) {
2410
min-height: 40px;
2411
min-width: 40px;
2412
margin: 0;
2413
padding: 0;
2414
box-shadow: none;
2415
background-color: transparent;
2416
background-image: none;
2417
-gtk-icon-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
2418
}
2419
.view.content-view.check:not(list):hover, .view.content-view.check:not(list):active,
2421
.content-view .tile check:not(list):hover,
2422
.content-view .tile check:not(list):active {
2423
-gtk-icon-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23);
2424
}
2425
.view.content-view.check:not(list),
2427
.content-view .tile check:not(list) {
2428
-gtk-icon-source: -gtk-scaled(url("assets/selectionmode-checkbox-unchecked-dark.png"), url("assets/selectionmode-checkbox-unchecked-dark@2.png"));
2429
}
2430
.view.content-view.check:not(list):checked,
2432
.content-view .tile check:not(list):checked {
2433
-gtk-icon-source: -gtk-scaled(url("assets/selectionmode-checkbox-checked-dark.png"), url("assets/selectionmode-checkbox-checked-dark@2.png"));
2434
}
2435
checkbutton,
2437
radiobutton {
2438
outline: none;
2439
}
2440
checkbutton.text-button,
2442
radiobutton.text-button {
2443
padding: 2px;
2444
}
2445
checkbutton.text-button label:not(:only-child),
2447
radiobutton.text-button label:not(:only-child) {
2448
margin: 0 4px;
2449
}
2450
check,
2452
radio {
2453
min-height: 24px;
2454
min-width: 24px;
2455
margin: -8px;
2456
padding: 8px;
2457
}
2458
check:hover,
2460
radio:hover {
2461
box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08);
2462
}
2463
check:focus,
2465
radio:focus {
2466
box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.12);
2467
}
2468
check:focus:hover,
2470
radio:focus:hover {
2471
box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.16);
2472
}
2473
check:checked, check:indeterminate,
2475
radio:checked,
2476
radio:indeterminate {
2477
color: #4285F4;
2478
}
2479
check:checked:disabled, check:indeterminate:disabled,
2481
radio:checked:disabled,
2482
radio:indeterminate:disabled {
2483
color: rgba(255, 255, 255, 0.3);
2484
}
2485
popover modelbutton.flat check, popover modelbutton.flat check:hover, popover modelbutton.flat check:focus, popover modelbutton.flat check:focus:hover, popover modelbutton.flat check:active, popover modelbutton.flat check:disabled, popover modelbutton.flat
2487
radio, popover modelbutton.flat
2488
radio:hover, popover modelbutton.flat
2489
radio:focus, popover modelbutton.flat
2490
radio:focus:hover, popover modelbutton.flat
2491
radio:active, popover modelbutton.flat
2492
radio:disabled {
2493
transition: none;
2494
box-shadow: none;
2495
background-image: none;
2496
}
2497
popover modelbutton.flat check:not(:checked):not(:indeterminate):not(:disabled), popover modelbutton.flat
2499
radio:not(:checked):not(:indeterminate):not(:disabled) {
2500
color: rgba(255, 255, 255, 0.7);
2501
}
2502
popover modelbutton.flat check.left:dir(rtl), popover modelbutton.flat
2504
radio.left:dir(rtl) {
2505
margin-left: -12px;
2506
margin-right: -4px;
2507
}
2508
popover modelbutton.flat check.right:dir(ltr), popover modelbutton.flat
2510
radio.right:dir(ltr) {
2511
margin-left: -4px;
2512
margin-right: -12px;
2513
}
2514
menu menuitem check, menu menuitem
2516
radio {
2517
transition: none;
2518
margin: 0;
2519
padding: 0;
2520
}
2521
menu menuitem check:dir(ltr), menu menuitem
2523
radio:dir(ltr) {
2524
margin-right: 8px;
2525
}
2526
menu menuitem check:dir(rtl), menu menuitem
2528
radio:dir(rtl) {
2529
margin-left: 8px;
2530
}
2531
menu menuitem check:not(:checked):not(:indeterminate):not(:disabled), menu menuitem
2533
radio:not(:checked):not(:indeterminate):not(:disabled) {
2534
color: rgba(255, 255, 255, 0.7);
2535
}
2536
menu menuitem check, menu menuitem check:hover, menu menuitem check:disabled, menu menuitem
2538
radio, menu menuitem
2539
radio:hover, menu menuitem
2540
radio:disabled {
2541
box-shadow: none;
2542
}
2543
check {
2546
-gtk-icon-source: -gtk-recolor(url("assets/scalable/checkbox-unchecked-symbolic.svg"));
2547
}
2548
check:checked {
2551
-gtk-icon-source: -gtk-recolor(url("assets/scalable/checkbox-checked-symbolic.svg"));
2552
}
2553
check:indeterminate {
2556
-gtk-icon-source: -gtk-recolor(url("assets/scalable/checkbox-mixed-symbolic.svg"));
2557
}
2558
radio {
2561
-gtk-icon-source: -gtk-recolor(url("assets/scalable/radio-unchecked-symbolic.svg"));
2562
border-image-slice: 20;
2563
border-image-width: 20px;
2564
}
2565
radio:indeterminate {
2568
-gtk-icon-source: -gtk-recolor(url("assets/scalable/radio-mixed-symbolic.svg"));
2569
}
2570
radio {
2573
border-image-source: -gtk-gradient(radial, center center, 0, center center, 0.001, to(#4285F4), to(transparent));
2574
}
2575
radio:checked:not(:indeterminate) {
2578
border-image-source: -gtk-gradient(radial, center center, 0, center center, 0.125, to(#4285F4), to(transparent));
2579
}
2580
radio:checked:not(:indeterminate):disabled {
2583
border-image-source: -gtk-gradient(radial, center center, 0, center center, 0.125, to(rgba(255, 255, 255, 0.3)), to(transparent));
2584
}
2585
window.background:not(.csd) > widget > checkbutton > check,
2587
menu menuitem check {
2588
min-height: 16px;
2589
min-width: 16px;
2590
border-radius: 4px;
2591
-gtk-outline-radius: 4px;
2592
-gtk-icon-source: -gtk-recolor(url("assets/scalable/small-checkbox-unchecked-symbolic.svg"));
2593
}
2594
window.background:not(.csd) > widget > checkbutton > check:checked,
2596
menu menuitem check:checked {
2597
-gtk-icon-source: -gtk-recolor(url("assets/scalable/small-checkbox-checked-symbolic.svg"));
2598
}
2599
window.background:not(.csd) > widget > checkbutton > check:indeterminate,
2601
menu menuitem check:indeterminate {
2602
-gtk-icon-source: -gtk-recolor(url("assets/scalable/small-checkbox-mixed-symbolic.svg"));
2603
}
2604
window.background:not(.csd) > widget > radiobutton > radio,
2606
menu menuitem radio {
2607
min-height: 16px;
2608
min-width: 16px;
2609
border-image: none;
2610
-gtk-icon-source: -gtk-recolor(url("assets/scalable/small-radio-unchecked-symbolic.svg"));
2611
}
2612
window.background:not(.csd) > widget > radiobutton > radio:checked,
2614
menu menuitem radio:checked {
2615
-gtk-icon-source: -gtk-recolor(url("assets/scalable/small-radio-checked-symbolic.svg"));
2616
}
2617
window.background:not(.csd) > widget > radiobutton > radio:indeterminate,
2619
menu menuitem radio:indeterminate {
2620
-gtk-icon-source: -gtk-recolor(url("assets/scalable/small-radio-mixed-symbolic.svg"));
2621
}
2622
treeview.view check,
2624
treeview.view radio {
2625
padding: 0;
2626
}
2627
treeview.view check:hover, treeview.view check:selected,
2629
treeview.view radio:hover,
2630
treeview.view radio:selected {
2631
box-shadow: none;
2632
background-color: transparent;
2633
}
2634
treeview.view check,
2636
treeview.view radio {
2637
color: rgba(255, 255, 255, 0.7);
2638
}
2639
treeview.view check:hover, treeview.view check:active,
2641
treeview.view radio:hover,
2642
treeview.view radio:active {
2643
color: white;
2644
}
2645
treeview.view check:disabled,
2647
treeview.view radio:disabled {
2648
color: rgba(255, 255, 255, 0.3);
2649
}
2650
treeview.view check:checked, treeview.view check:indeterminate,
2652
treeview.view radio:checked,
2653
treeview.view radio:indeterminate {
2654
color: #4285F4;
2655
}
2656
treeview.view check:checked:disabled, treeview.view check:indeterminate:disabled,
2658
treeview.view radio:checked:disabled,
2659
treeview.view radio:indeterminate:disabled {
2660
color: rgba(255, 255, 255, 0.3);
2661
}
2662
treeview.view radio:checked {
2664
-gtk-icon-source: -gtk-recolor(url("assets/scalable/radio-checked-symbolic.svg"));
2665
border-image: none;
2666
}
2667
/************
2669
* GtkScale *
2670
************/
2671
scale {
2672
min-height: 2px;
2673
min-width: 2px;
2674
}
2675
scale.horizontal {
2677
padding: 15px 12px;
2678
}
2679
scale.vertical {
2681
padding: 12px 15px;
2682
}
2683
scale slider {
2685
min-height: 32px;
2686
min-width: 32px;
2687
margin: -15px;
2688
}
2689
scale.fine-tune.horizontal {
2691
min-height: 4px;
2692
padding-top: 14px;
2693
padding-bottom: 14px;
2694
}
2695
scale.fine-tune.vertical {
2697
min-width: 4px;
2698
padding-left: 14px;
2699
padding-right: 14px;
2700
}
2701
scale.fine-tune slider {
2703
margin: -14px;
2704
}
2705
scale trough {
2707
transition: background-color 100ms cubic-bezier(0, 0, 0.2, 1);
2708
outline: none;
2709
background-color: rgba(255, 255, 255, 0.3);
2710
}
2711
scale trough:disabled {
2713
background-color: rgba(255, 255, 255, 0.12);
2714
}
2715
scale highlight {
2717
transition: background-color 100ms cubic-bezier(0, 0, 0.2, 1);
2718
background-color: #4285F4;
2719
}
2720
scale highlight:disabled {
2722
background-color: transparent;
2723
}
2724
scale fill {
2726
transition: background-color 100ms cubic-bezier(0, 0, 0.2, 1);
2727
background-color: rgba(255, 255, 255, 0.3);
2728
}
2729
scale fill:disabled {
2731
background-color: transparent;
2732
}
2733
scale slider {
2735
transition: background-color 100ms cubic-bezier(0, 0, 0.2, 1), background-size 300ms cubic-bezier(0, 0, 0.2, 1), background-image 1200ms cubic-bezier(0, 0, 0.2, 1);
2736
background-repeat: no-repeat;
2737
background-position: center;
2738
background-size: auto, 1000% 1000%;
2739
border-radius: 50%;
2740
color: transparent;
2741
}
2742
scale slider {
2744
background-image: -gtk-scaled(url("assets/scale-slider-dark.png"), url("assets/scale-slider-dark@2.png")), radial-gradient(circle farthest-corner at center, currentColor 10%, transparent 0%);
2745
}
2746
scale slider:disabled {
2748
background-image: -gtk-scaled(url("assets/scale-slider-disabled-dark.png"), url("assets/scale-slider-disabled-dark@2.png")), radial-gradient(circle farthest-corner at center, currentColor 10%, transparent 0%);
2749
}
2750
scale slider:hover {
2752
background-color: rgba(66, 133, 244, 0.08);
2753
}
2754
scale slider:focus {
2756
background-color: rgba(66, 133, 244, 0.12);
2757
}
2758
scale slider:focus:hover {
2760
background-color: rgba(66, 133, 244, 0.16);
2761
}
2762
scale slider:active {
2764
transition: background-color 100ms cubic-bezier(0, 0, 0.2, 1), background-size 0, background-image 0;
2765
animation: scale_ripple_effect 225ms cubic-bezier(0, 0, 0.2, 1) forwards;
2766
background-size: auto, 0% 0%;
2767
background-color: rgba(66, 133, 244, 0.08);
2768
color: rgba(66, 133, 244, 0.12);
2769
}
2770
scale marks label,
2772
scale value {
2773
color: rgba(255, 255, 255, 0.7);
2774
}
2775
scale marks {
2777
color: rgba(255, 255, 255, 0.3);
2778
}
2779
scale marks.top {
2781
margin-bottom: 7px;
2782
margin-top: -15px;
2783
}
2784
scale marks.bottom {
2786
margin-top: 7px;
2787
margin-bottom: -15px;
2788
}
2789
scale marks.left {
2791
margin-right: 7px;
2792
margin-left: -15px;
2793
}
2794
scale marks.right {
2796
margin-left: 7px;
2797
margin-right: -15px;
2798
}
2799
scale.fine-tune marks.top {
2801
margin-bottom: 6px;
2802
margin-top: -14px;
2803
}
2804
scale.fine-tune marks.bottom {
2806
margin-top: 6px;
2807
margin-bottom: -14px;
2808
}
2809
scale.fine-tune marks.left {
2811
margin-right: 6px;
2812
margin-left: -14px;
2813
}
2814
scale.fine-tune marks.right {
2816
margin-left: 6px;
2817
margin-right: -14px;
2818
}
2819
scale.horizontal indicator {
2821
min-height: 8px;
2822
min-width: 1px;
2823
}
2824
scale.vertical indicator {
2826
min-height: 1px;
2827
min-width: 8px;
2828
}
2829
scale.horizontal.marks-before:not(.marks-after) slider {
2831
background-image: -gtk-scaled(url("assets/scale-horz-marks-before-slider-dark.png"), url("assets/scale-horz-marks-before-slider-dark@2.png")), radial-gradient(circle farthest-corner at center, currentColor 10%, transparent 0%);
2832
}
2833
scale.horizontal.marks-before:not(.marks-after) slider:disabled {
2835
background-image: -gtk-scaled(url("assets/scale-horz-marks-before-slider-disabled-dark.png"), url("assets/scale-horz-marks-before-slider-disabled-dark@2.png")), radial-gradient(circle farthest-corner at center, currentColor 10%, transparent 0%);
2836
}
2837
scale.horizontal.marks-after:not(.marks-before) slider {
2839
background-image: -gtk-scaled(url("assets/scale-horz-marks-after-slider-dark.png"), url("assets/scale-horz-marks-after-slider-dark@2.png")), radial-gradient(circle farthest-corner at center, currentColor 10%, transparent 0%);
2840
}
2841
scale.horizontal.marks-after:not(.marks-before) slider:disabled {
2843
background-image: -gtk-scaled(url("assets/scale-horz-marks-after-slider-disabled-dark.png"), url("assets/scale-horz-marks-after-slider-disabled-dark@2.png")), radial-gradient(circle farthest-corner at center, currentColor 10%, transparent 0%);
2844
}
2845
scale.vertical.marks-before:not(.marks-after) slider {
2847
background-image: -gtk-scaled(url("assets/scale-vert-marks-before-slider-dark.png"), url("assets/scale-vert-marks-before-slider-dark@2.png")), radial-gradient(circle farthest-corner at center, currentColor 10%, transparent 0%);
2848
}
2849
scale.vertical.marks-before:not(.marks-after) slider:disabled {
2851
background-image: -gtk-scaled(url("assets/scale-vert-marks-before-slider-disabled-dark.png"), url("assets/scale-vert-marks-before-slider-disabled-dark@2.png")), radial-gradient(circle farthest-corner at center, currentColor 10%, transparent 0%);
2852
}
2853
scale.vertical.marks-after:not(.marks-before) slider {
2855
background-image: -gtk-scaled(url("assets/scale-vert-marks-after-slider-dark.png"), url("assets/scale-vert-marks-after-slider-dark@2.png")), radial-gradient(circle farthest-corner at center, currentColor 10%, transparent 0%);
2856
}
2857
scale.vertical.marks-after:not(.marks-before) slider:disabled {
2859
background-image: -gtk-scaled(url("assets/scale-vert-marks-after-slider-disabled-dark.png"), url("assets/scale-vert-marks-after-slider-disabled-dark@2.png")), radial-gradient(circle farthest-corner at center, currentColor 10%, transparent 0%);
2860
}
2861
scale.color {
2863
min-height: 0;
2864
min-width: 0;
2865
}
2866
scale.color.horizontal {
2868
padding: 0 0 12px 0;
2869
}
2870
scale.color.horizontal slider:dir(ltr), scale.color.horizontal slider:dir(rtl) {
2872
margin-bottom: -24px;
2873
margin-top: 8px;
2874
}
2875
scale.color.vertical:dir(ltr) {
2877
padding: 0 0 0 12px;
2878
}
2879
scale.color.vertical:dir(ltr) slider {
2881
margin-left: -24px;
2882
margin-right: 8px;
2883
}
2884
scale.color.vertical:dir(rtl) {
2886
padding: 0 12px 0 0;
2887
}
2888
scale.color.vertical:dir(rtl) slider {
2890
margin-right: -24px;
2891
margin-left: 8px;
2892
}
2893
/*****************
2895
* Progress bars *
2896
*****************/
2897
progressbar {
2898
color: rgba(255, 255, 255, 0.7);
2899
font-size: smaller;
2900
}
2901
progressbar.horizontal trough,
2903
progressbar.horizontal progress {
2904
min-height: 4px;
2905
}
2906
progressbar.vertical trough,
2908
progressbar.vertical progress {
2909
min-width: 4px;
2910
}
2911
progressbar trough {
2913
background-color: rgba(255, 255, 255, 0.12);
2914
}
2915
progressbar progress {
2917
background-color: #4285F4;
2918
}
2919
progressbar trough.empty progress {
2921
all: unset;
2922
}
2923
/*************
2925
* Level Bar *
2926
*************/
2927
levelbar.horizontal block {
2928
min-height: 4px;
2929
}
2930
levelbar.horizontal.discrete block {
2932
min-width: 32px;
2933
}
2934
levelbar.horizontal.discrete block:not(:last-child) {
2936
margin-right: 2px;
2937
}
2938
levelbar.vertical block {
2940
min-width: 4px;
2941
}
2942
levelbar.vertical.discrete block {
2944
min-height: 32px;
2945
}
2946
levelbar.vertical.discrete block:not(:last-child) {
2948
margin-bottom: 2px;
2949
}
2950
levelbar block.low {
2952
background-color: #FBBC05;
2953
}
2954
levelbar block.high, levelbar block:not(.empty) {
2956
background-color: #4285F4;
2957
}
2958
levelbar block.full {
2960
background-color: #34A853;
2961
}
2962
levelbar block.empty {
2964
background-color: rgba(255, 255, 255, 0.12);
2965
}
2966
/****************
2968
* Print dialog *
2969
*****************/
2970
printdialog paper {
2971
padding: 0;
2972
border: 1px solid rgba(0, 0, 0, 0.26);
2973
background-color: #303030;
2974
color: white;
2975
}
2976
printdialog .dialog-action-box {
2978
margin: 12px;
2979
}
2980
/**********
2982
* Frames *
2983
**********/
2984
frame > border,
2985
.frame {
2986
margin: 0;
2987
padding: 0;
2988
border: 1px solid rgba(0, 0, 0, 0.26);
2989
border-radius: 0;
2990
box-shadow: none;
2991
}
2992
frame > border.flat,
2994
.frame.flat,
2995
frame.flat > border {
2996
border-style: none;
2997
}
2998
actionbar > revealer > box {
3000
padding: 4px;
3001
border-top: 1px solid rgba(0, 0, 0, 0.26);
3002
}
3003
scrolledwindow viewport.frame {
3005
border-style: none;
3006
}
3007
overshoot.top {
3009
background-image: -gtk-gradient(radial, center top, 0, center top, 0.75, to(rgba(66, 133, 244, 0.24)), to(transparent));
3010
background-repeat: no-repeat;
3011
background-position: center top;
3012
background-color: transparent;
3013
border: none;
3014
box-shadow: none;
3015
}
3016
overshoot.bottom {
3018
background-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.75, to(rgba(66, 133, 244, 0.24)), to(transparent));
3019
background-repeat: no-repeat;
3020
background-position: center bottom;
3021
background-color: transparent;
3022
border: none;
3023
box-shadow: none;
3024
}
3025
overshoot.left {
3027
background-image: -gtk-gradient(radial, left center, 0, left center, 0.75, to(rgba(66, 133, 244, 0.24)), to(transparent));
3028
background-repeat: no-repeat;
3029
background-position: left center;
3030
background-color: transparent;
3031
border: none;
3032
box-shadow: none;
3033
}
3034
overshoot.right {
3036
background-image: -gtk-gradient(radial, right center, 0, right center, 0.75, to(rgba(66, 133, 244, 0.24)), to(transparent));
3037
background-repeat: no-repeat;
3038
background-position: right center;
3039
background-color: transparent;
3040
border: none;
3041
box-shadow: none;
3042
}
3043
undershoot.top {
3045
background-color: transparent;
3046
background-image: linear-gradient(to left, rgba(48, 48, 48, 0.3) 50%, rgba(255, 255, 255, 0.3) 50%);
3047
padding-top: 1px;
3048
background-size: 12px 1px;
3049
background-repeat: repeat-x;
3050
background-origin: content-box;
3051
background-position: left top;
3052
}
3053
undershoot.bottom {
3055
background-color: transparent;
3056
background-image: linear-gradient(to left, rgba(48, 48, 48, 0.3) 50%, rgba(255, 255, 255, 0.3) 50%);
3057
padding-bottom: 1px;
3058
background-size: 12px 1px;
3059
background-repeat: repeat-x;
3060
background-origin: content-box;
3061
background-position: left bottom;
3062
}
3063
undershoot.left {
3065
background-color: transparent;
3066
background-image: linear-gradient(to top, rgba(48, 48, 48, 0.3) 50%, rgba(255, 255, 255, 0.3) 50%);
3067
padding-left: 1px;
3068
background-size: 1px 12px;
3069
background-repeat: repeat-y;
3070
background-origin: content-box;
3071
background-position: left top;
3072
}
3073
undershoot.right {
3075
background-color: transparent;
3076
background-image: linear-gradient(to top, rgba(48, 48, 48, 0.3) 50%, rgba(255, 255, 255, 0.3) 50%);
3077
padding-right: 1px;
3078
background-size: 1px 12px;
3079
background-repeat: repeat-y;
3080
background-origin: content-box;
3081
background-position: right top;
3082
}
3083
junction {
3085
border-style: solid none none solid;
3086
border-width: 1px;
3087
border-color: rgba(0, 0, 0, 0.26);
3088
background-color: #303030;
3089
}
3090
junction:dir(rtl) {
3092
border-style: solid solid none none;
3093
}
3094
separator {
3096
min-width: 1px;
3097
min-height: 1px;
3098
background-color: rgba(0, 0, 0, 0.26);
3099
}
3100
button.font separator,
3103
button.file separator, .tweak-categories separator, preferences stacksidebar.sidebar list separator {
3104
min-width: 0;
3105
min-height: 0;
3106
background-color: transparent;
3107
}
3108
/*********
3110
* Lists *
3111
*********/
3112
list {
3113
border-color: rgba(0, 0, 0, 0.26);
3114
background-color: #303030;
3115
}
3116
list row {
3118
padding: 2px;
3119
}
3120
row.activatable, treeview.view header button, .budgie-menu button {
3122
transition: all 100ms cubic-bezier(0, 0, 0.2, 1), background-size 300ms cubic-bezier(0, 0, 0.2, 1), background-image 1200ms cubic-bezier(0, 0, 0.2, 1);
3123
box-shadow: inset 0 0 0 9999px transparent;
3124
background-image: radial-gradient(circle farthest-corner at center, transparent 10%, transparent 0%);
3125
background-repeat: no-repeat;
3126
background-position: center;
3127
background-size: 1000% 1000%;
3128
}
3129
row.activatable:hover, treeview.view header button:hover, .budgie-menu button:hover {
3131
transition: all 100ms cubic-bezier(0, 0, 0.2, 1), box-shadow 0, background-size 300ms cubic-bezier(0, 0, 0.2, 1), background-image 1200ms cubic-bezier(0, 0, 0.2, 1);
3132
box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08);
3133
}
3134
row.activatable.has-open-popup, treeview.view header button.has-open-popup, .budgie-menu button.has-open-popup, row.activatable:active, treeview.view header button:active, .budgie-menu button:active {
3136
transition: all 100ms cubic-bezier(0, 0, 0.2, 1), background-size 0, background-image 0;
3137
animation: ripple_effect 225ms cubic-bezier(0, 0, 0.2, 1) forwards;
3138
box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08);
3139
background-image: radial-gradient(circle farthest-corner at center, alpha(currentColor, 0.12) 10%, transparent 0%);
3140
background-size: 0% 0%;
3141
}
3142
row:selected {
3144
color: #4285F4;
3145
}
3146
row:selected image,
3148
row:selected label {
3149
color: white;
3150
}
3151
row:selected button image,
3153
row:selected button label {
3154
color: inherit;
3155
}
3156
/*********************
3158
* App Notifications *
3159
*********************/
3160
.app-notification {
3161
margin: 8px;
3162
}
3163
.app-notification.frame,
3165
.app-notification border {
3166
border-style: none;
3167
}
3168
/*************
3170
* Expanders *
3171
*************/
3172
expander title > arrow {
3173
transition: all 100ms cubic-bezier(0, 0, 0.2, 1);
3174
min-width: 16px;
3175
min-height: 16px;
3176
-gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
3177
-gtk-icon-transform: rotate(-90deg);
3178
color: rgba(255, 255, 255, 0.7);
3179
}
3180
expander title > arrow:dir(rtl) {
3182
-gtk-icon-transform: rotate(90deg);
3183
}
3184
expander title > arrow:checked {
3186
-gtk-icon-transform: unset;
3187
}
3188
expander title > arrow:hover, expander title > arrow:active {
3190
color: white;
3191
}
3192
expander title > arrow:disabled {
3194
color: rgba(255, 255, 255, 0.3);
3195
}
3196
/************
3198
* Calendar *
3199
************/
3200
calendar {
3201
padding: 1px;
3202
border: 1px solid rgba(0, 0, 0, 0.26);
3203
color: white;
3204
}
3205
calendar:disabled {
3207
color: rgba(255, 255, 255, 0.5);
3208
}
3209
calendar:selected {
3211
border-radius: 5px;
3212
}
3213
calendar.header {
3215
border-style: none none solid;
3216
border-radius: 0;
3217
}
3218
calendar.highlight {
3220
color: rgba(255, 255, 255, 0.7);
3221
font-weight: 500;
3222
}
3223
calendar:indeterminate {
3225
color: rgba(255, 255, 255, 0.3);
3226
}
3227
/***********
3229
* Dialogs *
3230
***********/
3231
messagedialog.background {
3232
background-color: #424242;
3233
}
3234
messagedialog .titlebar {
3236
min-height: 24px;
3237
border-style: none;
3238
box-shadow: inset 0 1px rgba(255, 255, 255, 0.1);
3239
background-color: #424242;
3240
color: white;
3241
}
3242
messagedialog .titlebar:backdrop {
3244
color: rgba(255, 255, 255, 0.7);
3245
}
3246
messagedialog.csd.background {
3248
border-bottom-left-radius: 4px;
3249
border-bottom-right-radius: 4px;
3250
}
3251
messagedialog.csd .dialog-action-area {
3253
margin-top: -4px;
3254
padding: 4px;
3255
}
3256
messagedialog.csd .dialog-action-area button {
3258
border-radius: 4px;
3259
}
3260
messagedialog.csd .dialog-action-area button:not(:last-child) {
3262
margin-right: 4px;
3263
}
3264
messagedialog.csd .dialog-action-area button.suggested-action:not(:disabled) {
3266
color: #4285F4;
3267
}
3268
messagedialog.csd .dialog-action-area button.destructive-action:not(:disabled) {
3270
color: #EA4335;
3271
}
3272
filechooser .dialog-action-box {
3274
border-top: 1px solid rgba(0, 0, 0, 0.26);
3275
}
3276
filechooser #pathbarbox {
3278
border-bottom: 1px solid rgba(0, 0, 0, 0.26);
3279
background-color: #282828;
3280
}
3281
filechooserbutton:drop(active) {
3283
box-shadow: none;
3284
}
3285
/***********
3287
* Sidebar *
3288
***********/
3289
.sidebar {
3290
border-style: none;
3291
background-color: #2C2C2C;
3292
}
3293
stacksidebar.sidebar:dir(ltr) list, stacksidebar.sidebar.left list, stacksidebar.sidebar.left:dir(rtl) list, .sidebar:dir(ltr), .sidebar.left, .sidebar.left:dir(rtl) {
3295
border-right: 1px solid rgba(0, 0, 0, 0.26);
3296
border-left-style: none;
3297
}
3298
stacksidebar.sidebar:dir(rtl) list, stacksidebar.sidebar.right list, .sidebar:dir(rtl), .sidebar.right {
3300
border-left: 1px solid rgba(0, 0, 0, 0.26);
3301
border-right-style: none;
3302
}
3303
.sidebar list {
3305
background-color: transparent;
3306
}
3307
paned .sidebar.left, paned .sidebar.right, paned .sidebar.left:dir(rtl), paned .sidebar:dir(rtl), paned .sidebar:dir(ltr), paned .sidebar {
3309
border-style: none;
3310
}
3311
stacksidebar row {
3313
padding: 10px 4px;
3314
}
3315
stacksidebar row > label {
3317
padding-left: 6px;
3318
padding-right: 6px;
3319
}
3320
/****************
3322
* File chooser *
3323
****************/
3324
row image.sidebar-icon {
3325
color: rgba(255, 255, 255, 0.7);
3326
}
3327
placessidebar > viewport.frame {
3329
border-style: none;
3330
}
3331
placessidebar list {
3333
padding: 1px 0 4px;
3334
}
3335
placessidebar row {
3337
min-height: 32px;
3338
margin: -1px 4px;
3339
padding: 0;
3340
border-radius: 4px;
3341
}
3342
placessidebar row > revealer {
3344
padding: 0 8px;
3345
}
3346
placessidebar row:selected {
3348
font-weight: 500;
3349
}
3350
placessidebar row:disabled {
3352
color: rgba(255, 255, 255, 0.5);
3353
}
3354
placessidebar row image.sidebar-icon:dir(ltr) {
3356
padding-right: 8px;
3357
}
3358
placessidebar row image.sidebar-icon:dir(rtl) {
3360
padding-left: 8px;
3361
}
3362
placessidebar row label.sidebar-label:dir(ltr) {
3364
padding-right: 2px;
3365
}
3366
placessidebar row label.sidebar-label:dir(rtl) {
3368
padding-left: 2px;
3369
}
3370
placessidebar row:selected image.sidebar-icon,
3372
placessidebar row:selected label.sidebar-label {
3373
color: inherit;
3374
}
3375
placessidebar row.sidebar-placeholder-row {
3377
min-height: 2px;
3378
padding: 0 8px;
3379
background-image: image(#4285F4);
3380
background-clip: content-box;
3381
}
3382
placessidebar row.sidebar-new-bookmark-row {
3384
color: #4285F4;
3385
}
3386
placessidebar row:drop(active):not(:disabled) {
3388
box-shadow: inset 0 0 0 2px #4285F4;
3389
}
3390
placesview .server-list-button > image {
3392
-gtk-icon-transform: rotate(0turn);
3393
}
3394
placesview .server-list-button:checked > image {
3396
-gtk-icon-transform: rotate(-0.5turn);
3397
}
3398
placesview > actionbar > revealer > box > label {
3400
padding-left: 8px;
3401
padding-right: 8px;
3402
}
3403
/*********
3405
* Paned *
3406
*********/
3407
paned > separator {
3408
min-width: 1px;
3409
min-height: 1px;
3410
-gtk-icon-source: none;
3411
border-style: none;
3412
background-color: transparent;
3413
background-image: image(rgba(0, 0, 0, 0.26));
3414
background-size: 1px 1px;
3415
background-clip: content-box;
3416
}
3417
paned > separator.wide {
3419
min-width: 6px;
3420
min-height: 6px;
3421
background-color: #282828;
3422
background-image: image(rgba(0, 0, 0, 0.26)), image(rgba(0, 0, 0, 0.26));
3423
background-size: 1px 1px, 1px 1px;
3424
}
3425
paned.horizontal > separator {
3427
background-repeat: repeat-y;
3428
}
3429
paned.horizontal > separator:dir(ltr) {
3431
margin: 0 -8px 0 0;
3432
padding: 0 8px 0 0;
3433
background-position: left;
3434
}
3435
paned.horizontal > separator:dir(rtl) {
3437
margin: 0 0 0 -8px;
3438
padding: 0 0 0 8px;
3439
background-position: right;
3440
}
3441
paned.horizontal > separator.wide {
3443
margin: 0;
3444
padding: 0;
3445
background-repeat: repeat-y, repeat-y;
3446
background-position: left, right;
3447
}
3448
paned.vertical > separator {
3450
margin: 0 0 -8px 0;
3451
padding: 0 0 8px 0;
3452
background-repeat: repeat-x;
3453
background-position: top;
3454
}
3455
paned.vertical > separator.wide {
3457
margin: 0;
3458
padding: 0;
3459
background-repeat: repeat-x, repeat-x;
3460
background-position: bottom, top;
3461
}
3462
/**************
3464
* GtkInfoBar *
3465
**************/
3466
infobar {
3467
border-style: none;
3468
}
3469
infobar.info {
3471
background-color: #34A853;
3472
}
3473
infobar.question {
3475
background-color: #4285F4;
3476
}
3477
infobar.warning {
3479
background-color: #FBBC05;
3480
}
3481
infobar.error {
3483
background-color: #EA4335;
3484
}
3485
infobar.info > label, infobar.info, infobar.question > label, infobar.question, infobar.warning > label, infobar.warning, infobar.error > label, infobar.error {
3487
color: white;
3488
}
3489
/************
3491
* Tooltips *
3492
************/
3493
tooltip {
3494
border-radius: 4px;
3495
box-shadow: none;
3496
}
3497
tooltip.background {
3499
background-color: rgba(97, 97, 97, 0.9);
3500
color: white;
3501
}
3502
tooltip decoration {
3504
background-color: transparent;
3505
}
3506
tooltip label {
3508
min-height: 20px;
3509
padding: 0 2px;
3510
}
3511
/*****************
3513
* Color Chooser *
3514
*****************/
3515
colorswatch.top {
3516
border-top-left-radius: 4.5px;
3517
border-top-right-radius: 4.5px;
3518
}
3519
colorswatch.top overlay {
3521
border-top-left-radius: 4px;
3522
border-top-right-radius: 4px;
3523
}
3524
colorswatch.bottom {
3526
border-bottom-left-radius: 4.5px;
3527
border-bottom-right-radius: 4.5px;
3528
}
3529
colorswatch.bottom overlay {
3531
border-bottom-left-radius: 4px;
3532
border-bottom-right-radius: 4px;
3533
}
3534
colorswatch.left, colorswatch:first-child:not(.top) {
3536
border-top-left-radius: 4.5px;
3537
border-bottom-left-radius: 4.5px;
3538
}
3539
colorswatch.left overlay, colorswatch:first-child:not(.top) overlay {
3541
border-top-left-radius: 4px;
3542
border-bottom-left-radius: 4px;
3543
}
3544
colorswatch.right, colorswatch:last-child:not(.bottom) {
3546
border-top-right-radius: 4.5px;
3547
border-bottom-right-radius: 4.5px;
3548
}
3549
colorswatch.right overlay, colorswatch:last-child:not(.bottom) overlay {
3551
border-top-right-radius: 4px;
3552
border-bottom-right-radius: 4px;
3553
}
3554
colorswatch.dark {
3556
color: white;
3557
}
3558
colorswatch.light {
3560
color: rgba(0, 0, 0, 0.87);
3561
}
3562
colorswatch:drop(active) {
3564
box-shadow: none;
3565
}
3566
colorswatch:drop(active).light overlay {
3568
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24), 0 0 0 2px #4285F4;
3569
}
3570
colorswatch:drop(active).dark overlay {
3572
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24), 0 0 0 2px #4285F4;
3573
}
3574
colorswatch overlay {
3576
transition: box-shadow 100ms cubic-bezier(0, 0, 0.2, 1);
3577
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
3578
}
3579
colorswatch overlay:hover {
3581
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23);
3582
}
3583
colorswatch#add-color-button {
3585
border-radius: 4px 4px 0 0;
3586
color: white;
3587
}
3588
colorswatch#add-color-button:only-child {
3590
border-radius: 4px;
3591
}
3592
colorswatch#add-color-button overlay {
3594
background-image: linear-gradient(to right, #EA4335 25%, #FBBC05 25%, #FBBC05 50%, #34A853 50%, #34A853 75%, #4285F4 75%);
3595
}
3596
colorswatch:disabled {
3598
opacity: 0.5;
3599
}
3600
colorswatch:disabled overlay {
3602
box-shadow: none;
3603
}
3604
colorswatch#editor-color-sample {
3606
border-radius: 4.5px;
3607
}
3608
colorswatch#editor-color-sample overlay {
3610
border-radius: 4px;
3611
}
3612
colorchooser .popover.osd {
3614
transition: box-shadow 100ms cubic-bezier(0, 0, 0.2, 1);
3615
border-radius: 4px;
3616
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23), inset 0 1px rgba(255, 255, 255, 0.1);
3617
background-color: #424242;
3618
}
3619
colorchooser .popover.osd:backdrop {
3621
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24), inset 0 1px rgba(255, 255, 255, 0.1);
3622
}
3623
/********
3625
* Misc *
3626
********/
3627
.content-view {
3628
background-color: #282828;
3629
}
3630
/**********************
3632
* Window Decorations *
3633
**********************/
3634
decoration {
3635
transition: box-shadow 100ms cubic-bezier(0, 0, 0.2, 1);
3636
border-radius: 4px 4px 0 0;
3637
box-shadow: 0 14px 14px rgba(0, 0, 0, 0.25), 0 10px 5px rgba(0, 0, 0, 0.22), 0 16px 16px transparent;
3638
margin: 8px;
3639
}
3640
decoration:backdrop {
3642
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23), 0 16px 16px transparent;
3643
}
3644
.maximized decoration,
3646
.fullscreen decoration,
3647
.tiled decoration,
3648
.tiled-top decoration,
3649
.tiled-right decoration,
3650
.tiled-bottom decoration,
3651
.tiled-left decoration {
3652
border-radius: 0;
3653
}
3654
.popup decoration {
3656
box-shadow: none;
3657
}
3658
.ssd decoration {
3660
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16);
3661
}
3662
.csd.popup decoration {
3664
border-radius: 4px;
3665
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23);
3666
}
3667
tooltip.csd decoration {
3669
border-radius: 4px;
3670
box-shadow: none;
3671
}
3672
messagedialog.csd decoration {
3674
border-radius: 4px;
3675
}
3676
.solid-csd decoration {
3678
margin: 0;
3679
border-radius: 0;
3680
box-shadow: none;
3681
background-color: #383838;
3682
}
3683
.view selection, .view:selected, flowbox flowboxchild:selected, label selection, spinbutton:not(.vertical) selection,
3685
entry selection, modelbutton.flat:selected,
3686
.menuitem.button.flat:selected, popover.background.menu button:checked,
3687
popover.background button.model:checked, row:selected, calendar:selected, .nautilus-window flowboxchild:selected .icon-item-background, box.vertical > widget > widget:selected, .budgie-menu button:checked, XfdesktopIconView.view:active, .nemo-window .nemo-window-pane widget.entry:selected {
3688
background-color: rgba(66, 133, 244, 0.32);
3689
}
3690
.monospace {
3692
font-family: monospace;
3693
}
3694
/**********************
3696
* Touch Copy & Paste *
3697
**********************/
3698
cursor-handle {
3699
color: #4285F4;
3700
-gtk-icon-source: -gtk-recolor(url("assets/scalable/cursor-handle-symbolic.svg"));
3701
}
3702
cursor-handle.top:dir(ltr), cursor-handle.bottom:dir(rtl) {
3704
-gtk-icon-transform: rotate(90deg);
3705
}
3706
cursor-handle.bottom:dir(ltr), cursor-handle.top:dir(rtl) {
3708
-gtk-icon-transform: unset;
3709
}
3710
cursor-handle.insertion-cursor:dir(ltr), cursor-handle.insertion-cursor:dir(rtl) {
3712
padding-top: 6px;
3713
-gtk-icon-transform: rotate(45deg);
3714
}
3715
.context-menu {
3717
font: initial;
3718
}
3719
.keycap {
3721
min-width: 12px;
3722
min-height: 26px;
3723
margin-top: 2px;
3724
padding-bottom: 2px;
3725
padding-left: 8px;
3726
padding-right: 8px;
3727
border: solid 1px rgba(0, 0, 0, 0.26);
3728
border-radius: 5px;
3729
box-shadow: inset 0 -2px rgba(0, 0, 0, 0.26);
3730
background-color: #424242;
3731
color: white;
3732
font-size: smaller;
3733
}
3734
:not(decoration):not(window):drop(active) {
3736
transition: all 100ms cubic-bezier(0, 0, 0.2, 1);
3737
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24), inset 0 0 0 2px #4285F4;
3738
caret-color: #4285F4;
3739
}
3740
stackswitcher button.text-button {
3742
min-width: 100px;
3743
}
3744
stackswitcher button.circular,
3746
stackswitcher button.text-button.circular {
3747
min-width: 32px;
3748
min-height: 32px;
3749
padding: 0;
3750
}
3751
/*********
3753
* Emoji *
3754
*********/
3755
popover.emoji-picker {
3756
padding: 0;
3757
}
3758
popover.emoji-picker entry {
3760
border-bottom: 1px solid rgba(0, 0, 0, 0.26);
3761
border-radius: 0;
3762
box-shadow: none;
3763
background-color: transparent;
3764
}
3765
popover.emoji-picker scrolledwindow {
3767
border-bottom: 1px solid rgba(0, 0, 0, 0.26);
3768
}
3769
button.emoji-section {
3771
margin-top: -1px;
3772
padding: 0 8px;
3773
min-width: 24px;
3774
min-height: 32px;
3775
border-radius: 0;
3776
outline-offset: -6px;
3777
}
3778
button.emoji-section, button.emoji-section:hover, button.emoji-section:active {
3780
box-shadow: inset 0 2px transparent;
3781
}
3782
button.emoji-section:checked {
3784
box-shadow: inset 0 2px #4285F4;
3785
background-color: transparent;
3786
}
3787
button.emoji-section:hover, button.emoji-section:active {
3789
background-color: alpha(currentColor, 0.08);
3790
}
3791
button.emoji-section:first-child {
3793
margin-left: 4px;
3794
}
3795
button.emoji-section:last-child {
3797
margin-right: 4px;
3798
}
3799
.emoji {
3801
min-width: 3em;
3802
min-height: 3em;
3803
padding: 0 8px;
3804
}
3805
.emoji widget {
3807
transition: all 100ms cubic-bezier(0, 0, 0.2, 1);
3808
border-radius: 4px;
3809
}
3810
.emoji widget:hover {
3812
background-color: alpha(currentColor, 0.08);
3813
}
3814
/************
3816
* Nautilus *
3817
************/
3818
.nautilus-window,
3819
.nautilus-window notebook,
3820
.nautilus-window notebook > stack {
3821
background-color: #303030;
3822
}
3823
.nautilus-canvas-item.dim-label, label.nautilus-canvas-item.separator, .titlebar:not(headerbar) .nautilus-canvas-item.subtitle,
3825
headerbar .nautilus-canvas-item.subtitle, .budgie-notification .nautilus-canvas-item.notification-body, .budgie-switcher .nautilus-canvas-item.notification-body,
3826
.nautilus-list-dim-label {
3827
color: rgba(255, 255, 255, 0.7);
3828
}
3829
.nautilus-desktop.nautilus-canvas-item, .caja-desktop.caja-canvas-item, .nemo-desktop.nemo-canvas-item {
3831
color: white;
3832
text-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
3833
}
3834
@keyframes needs_attention_keyframes {
3836
to {
3837
background-color: alpha(currentColor, 0.12);
3838
}
3839
}
3840
.nautilus-operations-button-needs-attention {
3842
animation: needs_attention_keyframes 225ms cubic-bezier(0.4, 0, 0.2, 1) 2 alternate;
3843
}
3844
.nautilus-operations-button-needs-attention-multiple {
3846
animation: needs_attention_keyframes 225ms cubic-bezier(0.4, 0, 0.2, 1) 4 alternate;
3847
}
3848
.nautilus-window .path-bar button label:not(:only-child):first-child {
3850
margin-left: 0;
3851
}
3852
.nautilus-window .path-bar button label:not(:only-child):last-child {
3854
margin-right: 0;
3855
}
3856
.path-bar-box.background.frame {
3858
border-style: none;
3859
background-color: transparent;
3860
}
3861
.nautilus-window .floating-bar {
3863
min-height: 32px;
3864
padding: 0;
3865
border-style: solid solid none;
3866
border-width: 1px;
3867
border-color: rgba(0, 0, 0, 0.26);
3868
border-radius: 5px 5px 0 0;
3869
background-color: rgba(48, 48, 48, 0.9);
3870
background-clip: border-box;
3871
transition: all 100ms cubic-bezier(0, 0, 0.2, 1), border-width 0;
3872
}
3873
.nautilus-window .floating-bar.bottom.left {
3875
margin-right: 7px;
3876
border-left-style: none;
3877
border-top-left-radius: 0;
3878
}
3879
.nautilus-window .floating-bar.bottom.right {
3881
margin-left: 7px;
3882
border-right-style: none;
3883
border-top-right-radius: 0;
3884
}
3885
.nautilus-window .floating-bar button {
3887
margin: 4px;
3888
}
3889
.disk-space-display.unknown {
3891
background-color: rgba(255, 255, 255, 0.3);
3892
color: rgba(255, 255, 255, 0.3);
3893
}
3894
.disk-space-display.used {
3896
background-color: #4285F4;
3897
color: #4285F4;
3898
}
3899
.disk-space-display.free {
3901
background-color: rgba(255, 255, 255, 0.12);
3902
color: rgba(255, 255, 255, 0.12);
3903
}
3904
.search-information {
3906
padding: 2px;
3907
background-color: #4285F4;
3908
color: white;
3909
}
3910
.conflict-row:not(:selected) {
3912
background-color: #6d5a23;
3913
}
3914
.nautilus-window flowboxchild .icon-item-background {
3916
padding: 4px;
3917
border-radius: 4px;
3918
}
3919
.nautilus-window flowboxchild:selected {
3921
background-color: transparent;
3922
}
3923
dialog.background > box.dialog-vbox.vertical > grid.horizontal > scrolledwindow.frame {
3925
border-style: none;
3926
}
3927
dialog.background > box.dialog-vbox.vertical > grid.horizontal > box.horizontal:last-child {
3929
margin: -6px 0 0 -6px;
3930
border-top: 1px solid rgba(0, 0, 0, 0.26);
3931
}
3932
dialog.background > box.dialog-vbox.vertical > grid.horizontal > box.horizontal:last-child > label {
3934
margin: 0 8px;
3935
}
3936
dialog.background > box.dialog-vbox.vertical > grid.horizontal > box.horizontal:last-child > box > button {
3938
border-radius: 0;
3939
}
3940
.nautilus-window > popover.menu:not(:last-child) {
3942
padding: 3px;
3943
}
3944
.nautilus-window > popover.menu:not(:last-child) > stack > box > box > box {
3946
margin-top: -6px;
3947
}
3948
.nautilus-window > popover.menu:not(:last-child) > stack > box > box > box > box {
3950
margin-bottom: -6px;
3951
}
3952
.nautilus-window > popover.menu:not(:last-child) > stack > box > box > box > box.linked {
3954
margin-top: 1px;
3955
}
3956
.nautilus-window > popover.menu:not(:last-child) separator {
3958
margin-bottom: -2px;
3959
}
3960
.nautilus-menu-sort-heading {
3962
margin: 1px 3px;
3963
font-weight: 500;
3964
}
3965
.nautilus-menu-sort-heading:disabled {
3967
color: rgba(255, 255, 255, 0.7);
3968
}
3969
.nautilus-window paned > separator {
3971
background-color: #282828;
3972
}
3973
/*********
3975
* gedit *
3976
*********/
3977
.open-document-selector-path-label {
3978
color: rgba(255, 255, 255, 0.7);
3979
font-size: smaller;
3980
}
3981
.gedit-document-panel {
3983
background-color: #2C2C2C;
3984
}
3985
.gedit-document-panel row button.flat {
3987
margin-top: 8px;
3988
margin-bottom: 8px;
3989
}
3990
.gedit-document-panel-group-row:not(:first-child) {
3992
border-top: 1px solid rgba(0, 0, 0, 0.26);
3993
}
3994
.gedit-side-panel-paned statusbar {
3996
border-top: 1px solid rgba(0, 0, 0, 0.26);
3997
}
3998
.gedit-search-slider {
4000
margin: 4px 4px 8px;
4001
}
4002
.gedit-search-slider .linked:not(.vertical) > entry {
4004
border-radius: 4px;
4005
}
4006
.gedit-search-slider .linked:not(.vertical) > entry .gedit-search-entry-occurrences-tag {
4008
all: unset;
4009
color: rgba(255, 255, 255, 0.7);
4010
}
4011
.gedit-search-slider .linked:not(.vertical) > entry:dir(ltr) {
4013
margin-right: -60px;
4014
padding-right: 60px;
4015
}
4016
.gedit-search-slider .linked:not(.vertical) > entry:dir(ltr) .gedit-search-entry-occurrences-tag {
4018
margin-left: 4px;
4019
}
4020
.gedit-search-slider .linked:not(.vertical) > entry:dir(ltr) image.right {
4022
margin-right: 0;
4023
}
4024
.gedit-search-slider .linked:not(.vertical) > entry:dir(rtl) {
4026
margin-left: -60px;
4027
padding-left: 60px;
4028
}
4029
.gedit-search-slider .linked:not(.vertical) > entry:dir(rtl) .gedit-search-entry-occurrences-tag {
4031
margin-right: 4px;
4032
}
4033
.gedit-search-slider .linked:not(.vertical) > entry:dir(rtl) image.left {
4035
margin-left: 0;
4036
}
4037
.gedit-search-slider .linked:not(.vertical) > entry:not(.error) {
4039
background-color: #424242;
4040
}
4041
.gedit-search-slider .linked:not(.vertical) > entry.error ~ button {
4043
color: rgba(255, 255, 255, 0.7);
4044
}
4045
.gedit-search-slider .linked:not(.vertical) > entry.error ~ button:hover, .gedit-search-slider .linked:not(.vertical) > entry.error ~ button:active {
4047
color: white;
4048
}
4049
.gedit-search-slider .linked:not(.vertical) > entry.error ~ button:disabled {
4051
color: rgba(255, 255, 255, 0.3);
4052
}
4053
.gedit-search-slider .linked > button {
4055
border: solid 4px transparent;
4056
border-radius: 9999px;
4057
}
4058
.gedit-search-slider .linked > button:last-child:dir(ltr), .gedit-search-slider .linked > button:not(:first-child):dir(rtl) {
4060
margin-left: -2px;
4061
}
4062
.gedit-search-slider .linked > button:first-child:dir(rtl), .gedit-search-slider .linked > button:not(:last-child):dir(ltr) {
4064
margin-right: -2px;
4065
}
4066
frame.gedit-map-frame > border:dir(ltr) {
4068
border-style: none none none solid;
4069
}
4070
frame.gedit-map-frame > border:dir(rtl) {
4072
border-style: none solid none none;
4073
}
4074
/**********
4076
* Tweaks *
4077
**********/
4078
.tweak-categories {
4079
background-image: image(#2C2C2C);
4080
}
4081
.tweak {
4083
padding: 3px;
4084
}
4085
.tweak.title:hover {
4087
box-shadow: none;
4088
}
4089
.tweak-group-white,
4091
.tweak-white,
4092
.tweak-white:hover {
4093
background-image: image(#303030);
4094
}
4095
.tweak-startup,
4097
.tweak-startup:hover {
4098
background-image: image(#303030);
4099
}
4100
.tweak-group-startup {
4102
background-image: image(#303030);
4103
border: 1px solid rgba(0, 0, 0, 0.26);
4104
}
4105
row#Focus,
4107
row#ClickMethod,
4108
row#StaticWorkspaceTweak,
4109
row#dynamic-workspaces,
4110
row#PrimaryWorkspaceTweak,
4111
row#workspaces-only-on-primary {
4112
padding: 0;
4113
border: 1px solid rgba(0, 0, 0, 0.26);
4114
}
4115
row#Focus row:not(:last-child),
4117
row#ClickMethod row:not(:last-child),
4118
row#StaticWorkspaceTweak row:not(:last-child),
4119
row#dynamic-workspaces row:not(:last-child),
4120
row#PrimaryWorkspaceTweak row:not(:last-child),
4121
row#workspaces-only-on-primary row:not(:last-child) {
4122
border-bottom: 1px solid rgba(0, 0, 0, 0.26);
4123
}
4124
row#Focus.tweak > list,
4126
row#ClickMethod.tweak > list,
4127
row#StaticWorkspaceTweak.tweak > list,
4128
row#dynamic-workspaces.tweak > list,
4129
row#PrimaryWorkspaceTweak.tweak > list,
4130
row#workspaces-only-on-primary.tweak > list {
4131
margin-top: -3px;
4132
}
4133
row#Focus,
4135
row#ClickMethod,
4136
row#PrimaryWorkspaceTweak,
4137
row#workspaces-only-on-primary {
4138
margin-top: 4px;
4139
}
4140
/***********
4142
* Builder *
4143
***********/
4144
layouttabbar {
4145
border-bottom: 1px solid rgba(0, 0, 0, 0.26);
4146
background-color: #282828;
4147
}
4148
layouttabbar > box > button {
4150
margin: 4px 0;
4151
}
4152
layouttab {
4154
margin: 0 8px;
4155
border-style: none solid;
4156
border-width: 1px;
4157
border-color: rgba(0, 0, 0, 0.26);
4158
box-shadow: inset 0 -2px #4285F4;
4159
background-color: #303030;
4160
}
4161
layouttab separator.vertical {
4163
margin: 8px 4px;
4164
}
4165
layouttab button.text-button, layouttab button.image-button, layouttab button {
4167
margin-top: 8px;
4168
margin-bottom: 8px;
4169
padding: 0 4px;
4170
}
4171
layout {
4173
border: 1px solid rgba(0, 0, 0, 0.26);
4174
-PnlDockBin-handle-size: 1;
4175
}
4176
entry.search-missing {
4178
background-color: #EA4335;
4179
color: white;
4180
}
4181
window.workbench treeview.image {
4183
color: rgba(255, 255, 255, 0.7);
4184
}
4185
popover.popover-selector list {
4187
padding: 6px;
4188
}
4189
popover.popover-selector list row {
4191
border-radius: 4px;
4192
}
4193
popover.popover-selector list row image:dir(ltr) {
4195
margin-right: 6px;
4196
}
4197
popover.popover-selector list row image:dir(rtl) {
4199
margin-left: 6px;
4200
}
4201
popover.popover-selector list row .accel:dir(ltr) {
4203
margin-left: 6px;
4204
}
4205
popover.popover-selector list row .accel:dir(rtl) {
4207
margin-right: 6px;
4208
}
4209
omnibar.linked:not(.vertical) entry {
4211
border-radius: 4px;
4212
}
4213
omnibar:not(:hover):not(:active) entry {
4215
color: rgba(255, 255, 255, 0.7);
4216
}
4217
popover.omnibar list row:not(:last-child) {
4219
border-bottom: 1px solid rgba(0, 0, 0, 0.26);
4220
}
4221
entry.preferences-search {
4223
box-shadow: inset 0 -1px rgba(0, 0, 0, 0.26);
4224
background-color: #303030;
4225
}
4226
preferences stacksidebar.sidebar list {
4228
background-color: #2C2C2C;
4229
}
4230
preferences stacksidebar.sidebar:dir(ltr) list, preferences stacksidebar.sidebar:dir(rtl) list {
4232
border-style: none;
4233
}
4234
preferences > box > box:dir(ltr) {
4236
border-right: 1px solid rgba(0, 0, 0, 0.26);
4237
}
4238
preferences > box > box:dir(rtl) {
4240
border-left: 1px solid rgba(0, 0, 0, 0.26);
4241
}
4242
popover.messagepopover.background {
4244
padding: 0;
4245
}
4246
popover.messagepopover .popover-action-area button {
4248
padding: 8px 16px;
4249
border-top: 1px solid rgba(0, 0, 0, 0.26);
4250
border-radius: 0;
4251
}
4252
popover.messagepopover .popover-action-area button:first-child {
4254
border-bottom-left-radius: 4px;
4255
}
4256
popover.messagepopover .popover-action-area button:last-child {
4258
border-bottom-right-radius: 4px;
4259
}
4260
popover.messagepopover .popover-content-area {
4262
margin: 16px;
4263
}
4264
popover.transfers list {
4266
background-color: transparent;
4267
}
4268
popover.transfers list row:not(:first-child) {
4270
border-top: 1px solid rgba(0, 0, 0, 0.26);
4271
}
4272
popover.transfers list row > box {
4274
padding: 10px;
4275
}
4276
dockbin {
4278
border: 1px solid rgba(0, 0, 0, 0.26);
4279
-PnlDockBin-handle-size: 1;
4280
}
4281
dockpaned {
4283
border: 1px solid rgba(0, 0, 0, 0.26);
4284
}
4285
eggsearchbar box.search-bar {
4287
padding: 0 8px;
4288
border-bottom: 1px solid rgba(0, 0, 0, 0.26);
4289
background-color: #282828;
4290
}
4291
docktabstrip {
4293
padding: 0 8px;
4294
border-bottom: 1px solid rgba(0, 0, 0, 0.26);
4295
background-color: #282828;
4296
}
4297
docktab {
4299
transition: all 100ms cubic-bezier(0, 0, 0.2, 1), background-size 0, background-image 0;
4300
min-height: 24px;
4301
min-width: 24px;
4302
margin-bottom: -1px;
4303
padding: 4px 6px;
4304
outline-offset: -6px;
4305
border-width: 1px;
4306
border-color: transparent;
4307
box-shadow: inset 0 -2px transparent;
4308
background-image: radial-gradient(circle farthest-corner at center, #4285F4 10%, transparent 0%);
4309
background-repeat: no-repeat;
4310
background-position: center;
4311
background-size: 0% 0%;
4312
color: rgba(255, 255, 255, 0.7);
4313
font-weight: 500;
4314
}
4315
docktab:hover {
4317
background-color: alpha(currentColor, 0.08);
4318
color: white;
4319
}
4320
docktab:checked {
4322
transition: all 100ms cubic-bezier(0, 0, 0.2, 1), background-size 225ms cubic-bezier(0, 0, 0.2, 1), background-image 525ms cubic-bezier(0, 0, 0.2, 1);
4323
box-shadow: inset 0 -2px #4285F4;
4324
background-color: transparent;
4325
background-image: radial-gradient(circle farthest-corner at center, transparent 10%, transparent 0%);
4326
background-size: 1000% 1000%;
4327
color: white;
4328
}
4329
dockoverlayedge {
4331
background-color: #282828;
4332
}
4333
dockoverlayedge docktabstrip {
4335
padding: 0;
4336
border: none;
4337
}
4338
dockoverlayedge.left-edge docktab:hover {
4340
box-shadow: inset -2px 0 rgba(255, 255, 255, 0.3);
4341
}
4342
dockoverlayedge.left-edge docktab:checked {
4344
box-shadow: inset -2px 0 #4285F4;
4345
}
4346
dockoverlayedge.right-edge docktab:hover {
4348
box-shadow: inset 2px 0 rgba(255, 255, 255, 0.3);
4349
}
4350
dockoverlayedge.right-edge docktab:checked {
4352
box-shadow: inset 2px 0 #4285F4;
4353
}
4354
pillbox {
4356
background-color: #282828;
4357
border-radius: 4px;
4358
}
4359
layoutpane entry.search {
4361
box-shadow: inset 0 -1px rgba(0, 0, 0, 0.26);
4362
background-color: #303030;
4363
}
4364
editortweak entry.search {
4366
margin-bottom: -1px;
4367
box-shadow: none;
4368
}
4369
.gb-search-entry-occurrences-tag {
4371
box-shadow: none;
4372
background-color: transparent;
4373
}
4374
docktabstrip {
4376
min-height: 39px;
4377
}
4378
window.workbench preferences preferencesgroup list entry {
4380
padding-top: 8px;
4381
padding-bottom: 8px;
4382
}
4383
button.run-arrow-button {
4385
padding-left: 8px;
4386
padding-right: 8px;
4387
}
4388
button.dzlmenubutton image {
4390
min-width: 26px;
4391
}
4392
button.dzlmenubutton image.arrow {
4394
min-width: 23px;
4395
}
4396
button.dzlmenubuttonitem {
4398
color: white;
4399
font-weight: normal;
4400
}
4401
button.dzlmenubuttonitem:disabled {
4403
color: rgba(255, 255, 255, 0.5);
4404
}
4405
idelayoutstackheader {
4407
border-bottom: 1px solid rgba(0, 0, 0, 0.26);
4408
}
4409
idelayoutstackheader button:checked {
4411
color: white;
4412
}
4413
ideeditorutilities > dzldockpaned > box > stackswitcher {
4415
padding: 8px 0;
4416
background-color: #282828;
4417
}
4418
ideeditorutilities > dzldockpaned > box > stackswitcher:dir(ltr) {
4420
border-right: 1px solid rgba(0, 0, 0, 0.26);
4421
}
4422
ideeditorutilities > dzldockpaned > box > stackswitcher:dir(rtl) {
4424
border-left: 1px solid rgba(0, 0, 0, 0.26);
4425
}
4426
ideeditorutilities > dzldockpaned > box > stackswitcher button {
4428
border-radius: 0;
4429
outline-offset: -6px;
4430
box-shadow: none;
4431
background-color: transparent;
4432
}
4433
ideeditorutilities > dzldockpaned > box > stackswitcher button:active {
4435
background-image: radial-gradient(circle farthest-corner at center, rgba(66, 133, 244, 0.7) 10%, transparent 0%);
4436
}
4437
ideeditorutilities > dzldockpaned > box > stackswitcher button:checked {
4439
background-color: transparent;
4440
color: white;
4441
}
4442
ideeditorutilities > dzldockpaned > box > stackswitcher button:dir(ltr) {
4444
margin-right: -1px;
4445
}
4446
ideeditorutilities > dzldockpaned > box > stackswitcher button:dir(ltr):hover {
4448
box-shadow: inset -2px 0 rgba(255, 255, 255, 0.3);
4449
}
4450
ideeditorutilities > dzldockpaned > box > stackswitcher button:dir(ltr):active, ideeditorutilities > dzldockpaned > box > stackswitcher button:dir(ltr):checked {
4452
box-shadow: inset -2px 0 #4285F4;
4453
}
4454
ideeditorutilities > dzldockpaned > box > stackswitcher button:dir(rtl) {
4456
margin-left: -1px;
4457
}
4458
ideeditorutilities > dzldockpaned > box > stackswitcher button:dir(rtl):hover {
4460
box-shadow: inset 2px 0 rgba(255, 255, 255, 0.3);
4461
}
4462
ideeditorutilities > dzldockpaned > box > stackswitcher button:dir(rtl):active, ideeditorutilities > dzldockpaned > box > stackswitcher button:dir(rtl):checked {
4464
box-shadow: inset 2px 0 #4285F4;
4465
}
4466
ideeditorsidebar notebook header {
4468
background: transparent;
4469
}
4470
popover.messagepopover list {
4472
border: 1px solid rgba(0, 0, 0, 0.26);
4473
}
4474
popover.messagepopover list row:not(:last-child) {
4476
border-bottom: 1px solid rgba(0, 0, 0, 0.26);
4477
}
4478
/**********
4480
* Photos *
4481
**********/
4482
GdMainIconView.content-view {
4483
-GdMainIconView-icon-size: 48;
4484
}
4485
.documents-counter {
4487
margin: 8px;
4488
border-radius: 9999px;
4489
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23);
4490
background-color: #4285F4;
4491
color: white;
4492
font-weight: bold;
4493
}
4494
.documents-scrolledwin.frame {
4496
border-style: none;
4497
}
4498
.documents-scrolledwin.frame frame.content-view > border {
4500
border-style: none;
4501
}
4502
.photos-fade-in {
4504
opacity: 1;
4505
transition: opacity 100ms cubic-bezier(0, 0, 0.2, 1);
4506
}
4507
.photos-fade-out {
4509
opacity: 0;
4510
transition: opacity 100ms cubic-bezier(0, 0, 0.2, 1);
4511
}
4512
overlay grid.horizontal > revealer > scrolledwindow.frame:dir(ltr) {
4514
border-style: none none none solid;
4515
}
4516
overlay grid.horizontal > revealer > scrolledwindow.frame:dir(rtl) {
4518
border-style: none solid none none;
4519
}
4520
/*********
4522
* Music *
4523
*********/
4524
.side-panel:dir(ltr) {
4525
border-style: solid;
4526
border-color: rgba(0, 0, 0, 0.26);
4527
}
4528
.side-panel:dir(rtl) {
4530
border-style: solid;
4531
border-color: rgba(0, 0, 0, 0.26);
4532
}
4533
.side-panel .view {
4535
background-image: image(#2C2C2C);
4536
}
4537
.side-panel .view:hover {
4539
background-image: image(#373737);
4540
}
4541
.side-panel .view:selected {
4543
background-image: image(#4285F4);
4544
}
4545
.side-panel .view:selected:hover {
4547
background-image: image(#4b8bf5);
4548
}
4549
.songs-list:hover {
4551
background-image: image(alpha(currentColor, 0.08));
4552
}
4553
frame.documents-dropdown {
4555
margin: 8px;
4556
}
4557
frame.documents-dropdown > border {
4559
border: none;
4560
}
4561
box.vertical > revealer > toolbar.search-bar {
4563
border-bottom: 1px solid rgba(0, 0, 0, 0.26);
4564
background-clip: border-box;
4565
}
4566
box.vertical > revealer > toolbar.search-bar button > widget {
4568
-gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
4569
}
4570
/*********
4572
* To Do *
4573
*********/
4574
task-list-view taskrow {
4575
transition: all 100ms cubic-bezier(0, 0, 0.2, 1);
4576
margin: 0 -8px;
4577
}
4578
task-list-view taskrow:hover {
4580
transition: none;
4581
}
4582
task-list-view taskrow label {
4584
margin: 0 8px;
4585
}
4586
task-list-view taskrow image.dim-label, task-list-view taskrow .titlebar:not(headerbar) image.subtitle, .titlebar:not(headerbar) task-list-view taskrow image.subtitle,
4588
task-list-view taskrow headerbar image.subtitle, headerbar task-list-view taskrow image.subtitle, task-list-view taskrow .budgie-notification image.notification-body, .budgie-notification task-list-view taskrow image.notification-body, task-list-view taskrow .budgie-switcher image.notification-body, .budgie-switcher task-list-view taskrow image.notification-body {
4589
min-width: 16px;
4590
}
4591
task-list-view > box > revealer > box > button {
4593
margin: -4px;
4594
}
4595
task-list-view > box > revealer > box > button .dim-label, task-list-view > box > revealer > box > button label.separator, task-list-view > box > revealer > box > button .titlebar:not(headerbar) .subtitle, .titlebar:not(headerbar) task-list-view > box > revealer > box > button .subtitle,
4597
task-list-view > box > revealer > box > button headerbar .subtitle, headerbar task-list-view > box > revealer > box > button .subtitle, task-list-view > box > revealer > box > button .budgie-notification .notification-body, .budgie-notification task-list-view > box > revealer > box > button .notification-body, task-list-view > box > revealer > box > button .budgie-switcher .notification-body, .budgie-switcher task-list-view > box > revealer > box > button .notification-body {
4598
opacity: 1;
4599
}
4600
tasklistview taskrow {
4602
outline: none;
4603
}
4604
tasklistview taskrow entry, tasklistview taskrow entry:focus, tasklistview taskrow entry:disabled {
4606
box-shadow: none;
4607
}
4608
tasklistview taskrow image.dim-label, tasklistview taskrow .titlebar:not(headerbar) image.subtitle, .titlebar:not(headerbar) tasklistview taskrow image.subtitle,
4610
tasklistview taskrow headerbar image.subtitle, headerbar tasklistview taskrow image.subtitle, tasklistview taskrow .budgie-notification image.notification-body, .budgie-notification tasklistview taskrow image.notification-body, tasklistview taskrow .budgie-switcher image.notification-body, .budgie-switcher tasklistview taskrow image.notification-body {
4611
min-width: 16px;
4612
}
4613
tasklistview > box > revealer > box > button {
4615
margin: -4px;
4616
}
4617
tasklistview > box > revealer > box > button .dim-label, tasklistview > box > revealer > box > button label.separator, tasklistview > box > revealer > box > button .titlebar:not(headerbar) .subtitle, .titlebar:not(headerbar) tasklistview > box > revealer > box > button .subtitle,
4619
tasklistview > box > revealer > box > button headerbar .subtitle, headerbar tasklistview > box > revealer > box > button .subtitle, tasklistview > box > revealer > box > button .budgie-notification .notification-body, .budgie-notification tasklistview > box > revealer > box > button .notification-body, tasklistview > box > revealer > box > button .budgie-switcher .notification-body, .budgie-switcher tasklistview > box > revealer > box > button .notification-body {
4620
opacity: 1;
4621
}
4622
/*******
4624
* eog *
4625
*******/
4626
#eog-thumb-nav scrolledwindow {
4627
border-top: none;
4628
}
4629
#eog-thumb-nav button {
4631
-gtk-outline-radius: 4px;
4632
}
4633
/*************
4635
* Evolution *
4636
*************/
4637
frame.taskbar > border {
4638
border-style: solid none none;
4639
}
4640
box.vertical > paned.horizontal notebook widget .frame {
4642
border-style: none;
4643
}
4644
/********
4646
* gitg *
4647
********/
4648
frame.commit-frame > border {
4649
border-style: solid none none;
4650
}
4651
/**************
4653
* Characters *
4654
**************/
4655
box.dialog-vbox scrolledwindow.related {
4656
border: 1px solid rgba(0, 0, 0, 0.26);
4657
}
4658
list.categories {
4660
background-image: image(#2C2C2C);
4661
}
4662
/*********
4664
* Boxes *
4665
*********/
4666
.transparent-bg + stack overlay > label {
4667
min-height: 24px;
4668
padding: 0 4px;
4669
border-radius: 4px;
4670
background-color: rgba(0, 0, 0, 0.6);
4671
color: white;
4672
}
4673
/**************
4675
* Calculator *
4676
**************/
4677
button.title label {
4678
min-height: 32px;
4679
}
4680
/*********
4682
* Geary *
4683
*********/
4684
.geary-titlebar-left:dir(ltr) {
4685
margin-right: 5px;
4686
padding-right: 0;
4687
}
4688
.geary-titlebar-left:dir(rtl) {
4690
margin-left: 5px;
4691
padding-left: 0;
4692
}
4693
.geary-titlebar-left > separator {
4695
background-color: rgba(0, 0, 0, 0.05);
4696
}
4697
.geary-titlebar-right:dir(ltr) {
4699
margin-left: -5px;
4700
}
4701
.geary-titlebar-right:dir(rtl) {
4703
margin-right: -5px;
4704
}
4705
/*********
4707
* Tilix *
4708
*********/
4709
overlay > revealer.left > scrolledwindow.frame,
4710
overlay > revealer.right > scrolledwindow.frame {
4711
border-style: none;
4712
box-shadow: 0 14px 14px rgba(0, 0, 0, 0.25), 0 10px 5px rgba(0, 0, 0, 0.22);
4713
}
4714
overlay > revealer.left > scrolledwindow.frame {
4716
margin-right: 32px;
4717
}
4718
overlay > revealer.right > scrolledwindow.frame {
4720
margin-left: 32px;
4721
}
4722
.terminix-session-sidebar,
4724
.tilix-session-sidebar {
4725
background-image: image(#424242);
4726
}
4727
.terminal-titlebar button {
4729
border-radius: 0;
4730
}
4731
button.image-button.session-new-button {
4733
min-width: 28px;
4734
}
4735
/**************
4737
* Terminator *
4738
**************/
4739
.terminator-terminal-window paned > separator {
4740
background-color: #282828;
4741
}
4742
.terminator-terminal-window notebook.frame {
4744
border-style: none;
4745
}
4746
/***********
4748
* Eclipse *
4749
***********/
4750
window.background > box.vertical > scrolledwindow > widget toolbar {
4751
padding: 2px;
4752
}
4753
window.background > box.vertical > scrolledwindow > widget toolbar separator,
4755
window.background > box.vertical > scrolledwindow > widget toolbar button {
4756
margin: 2px;
4757
}
4758
window.background > box.vertical > scrolledwindow > widget toolbar button {
4760
border-radius: 4px;
4761
}
4762
/************
4764
* Chromium *
4765
************/
4766
window.background.chromium {
4767
background-color: #424242;
4768
}
4769
window.background.chromium entry,
4771
window.background.chromium > button:not(.suggested-action):not(.destructive-action) {
4772
border: 1px solid rgba(0, 0, 0, 0.26);
4773
}
4774
window.background.chromium > button {
4776
box-shadow: none;
4777
background-size: auto;
4778
}
4779
window.background.chromium > button:hover {
4781
background-image: image(alpha(currentColor, 0.08));
4782
}
4783
window.background.chromium > button:active {
4785
background-image: image(alpha(currentColor, 0.24));
4786
}
4787
window.background.chromium headerbar button:active {
4789
background-size: 1000% 1000%;
4790
}
4791
window.background.chromium spinner {
4793
color: #4285F4;
4794
}
4795
window.background.chromium textview {
4797
background-color: #424242;
4798
}
4799
tooltip.background.chromium {
4801
background-color: #616161;
4802
}
4803
/***********
4805
* Firefox *
4806
***********/
4807
window.background:not(.csd) > widget > separator {
4808
color: rgba(0, 0, 0, 0.26);
4809
}
4810
window.background:not(.csd) > widget > scrollbar {
4812
background-clip: border-box;
4813
}
4814
window.background:not(.csd) > widget > scrollbar,
4816
window.background:not(.csd) > widget > frame > border {
4817
border-color: rgba(0, 0, 0, 0.26);
4818
}
4819
window.background:not(.csd) > widget > entry,
4821
window.background:not(.csd) > widget > button > button {
4822
border: 1px solid rgba(0, 0, 0, 0.26);
4823
border-radius: 5px;
4824
box-shadow: none;
4825
}
4826
window.background:not(.csd) > widget > entry {
4828
min-height: 30px;
4829
}
4830
window.background:not(.csd) > widget > entry:focus {
4832
border-color: #4285F4;
4833
}
4834
window.background:not(.csd) > widget > button > button {
4836
padding: 4px 8px;
4837
background-size: auto;
4838
}
4839
window.background:not(.csd) > widget > button > button:hover {
4841
background-image: image(alpha(currentColor, 0.08));
4842
}
4843
window.background:not(.csd) > widget > button > button:active {
4845
background-image: image(alpha(currentColor, 0.24));
4846
}
4847
window.background:not(.csd) > widget > checkbutton > check:not(:checked),
4849
window.background:not(.csd) > widget > radiobutton > radio:not(:checked) {
4850
color: #757575;
4851
}
4852
window.background:not(.csd) > widget > checkbutton > check:not(:checked):hover, window.background:not(.csd) > widget > checkbutton > check:not(:checked):active,
4854
window.background:not(.csd) > widget > radiobutton > radio:not(:checked):hover,
4855
window.background:not(.csd) > widget > radiobutton > radio:not(:checked):active {
4856
color: #212121;
4857
}
4858
window.background:not(.csd) > widget > checkbutton > check:not(:checked):disabled,
4860
window.background:not(.csd) > widget > radiobutton > radio:not(:checked):disabled {
4861
color: rgba(117, 117, 117, 0.5);
4862
}
4863
window.background:not(.csd) > window > menu,
4865
window.background:not(.csd) > menu > menu {
4866
border: none;
4867
}
4868
text:selected {
4870
background-color: #4285F4;
4871
color: white;
4872
}
4873
window.background:not(.csd) > widget > menubar {
4875
color: rgba(255, 255, 255, 0.7);
4876
}
4877
window.background:not(.csd) > widget > menubar:hover {
4879
color: white;
4880
}
4881
window.background:not(.csd) > widget > menubar:disabled {
4883
color: rgba(255, 255, 255, 0.3);
4884
}
4885
window.background:not(.csd) > widget > frame {
4887
color: rgba(0, 0, 0, 0.26);
4888
}
4889
window.background:not(.csd) > widget > checkbutton > check,
4891
window.background:not(.csd) > widget > radiobutton > radio {
4892
margin: 0;
4893
padding: 0;
4894
}
4895
window.background:not(.csd) > window.background > menu > separator {
4897
color: rgba(0, 0, 0, 0.26);
4898
}
4899
/************
4901
* Inkscape *
4902
************/
4903
#ToolboxCommon > #AuxToolbox #StyleSwatch {
4904
font-size: smaller;
4905
}
4906
#ToolboxCommon > #AuxToolbox #Kludge {
4908
padding: 0;
4909
}
4910
#ToolboxCommon > #AuxToolbox spinbutton,
4912
#ToolboxCommon > #AuxToolbox entry {
4913
min-height: 32px;
4914
}
4915
#ToolboxCommon > #AuxToolbox button:not(.up):not(.down) {
4917
min-height: 24px;
4918
min-width: 16px;
4919
padding: 4px 8px;
4920
border-radius: 4px;
4921
-gtk-outline-radius: 4px;
4922
}
4923
#ToolboxCommon > #AuxToolbox spinbutton button {
4925
border-width: 4px;
4926
}
4927
#ToolboxCommon > toolbar.vertical {
4929
margin-top: -4px;
4930
}
4931
#ToolboxCommon > toolbar.vertical button {
4933
min-height: 24px;
4934
min-width: 24px;
4935
padding: 4px;
4936
border-radius: 4px;
4937
-gtk-outline-radius: 4px;
4938
}
4939
#CanvasTable button {
4941
min-height: 16px;
4942
min-width: 16px;
4943
padding: 0;
4944
}
4945
#CanvasTable #HorizontalScrollbar {
4947
border-top: 1px solid rgba(0, 0, 0, 0.26);
4948
}
4949
#CanvasTable #VerticalScrollbar:dir(ltr) {
4951
border-left: 1px solid rgba(0, 0, 0, 0.26);
4952
}
4953
#CanvasTable #VerticalScrollbar:dir(rtl) {
4955
border-right: 1px solid rgba(0, 0, 0, 0.26);
4956
}
4957
#Canvas_and_Dock frame > border {
4959
border: none;
4960
}
4961
#Canvas_and_Dock widget > widget > button.flat {
4963
min-height: 16px;
4964
min-width: 16px;
4965
padding: 4px;
4966
}
4967
#Canvas_and_Dock widget > widget > box.horizontal image {
4969
padding: 4px;
4970
}
4971
#Canvas_and_Dock box.horizontal > box.vertical > button.flat {
4973
min-height: 16px;
4974
min-width: 24px;
4975
padding: 8px 4px;
4976
}
4977
/***********
4979
* Synapse *
4980
***********/
4981
/*********
4982
* Unity *
4983
*********/
4984
UnityDecoration {
4985
-UnityDecoration-extents: 28px 0 0 0;
4986
-UnityDecoration-input-extents: 8px;
4987
-UnityDecoration-shadow-offset-x: 0;
4988
-UnityDecoration-shadow-offset-y: 3px;
4989
-UnityDecoration-active-shadow-color: rgba(0, 0, 0, 0.48);
4990
-UnityDecoration-active-shadow-radius: 18px;
4991
-UnityDecoration-inactive-shadow-color: rgba(0, 0, 0, 0.32);
4992
-UnityDecoration-inactive-shadow-radius: 6px;
4993
-UnityDecoration-glow-size: 8px;
4994
-UnityDecoration-glow-color: #4285F4;
4995
-UnityDecoration-title-indent: 4px;
4996
-UnityDecoration-title-fade: 32px;
4997
-UnityDecoration-title-alignment: 0.0;
4998
}
4999
UnityDecoration .top {
5001
padding: 0 2px;
5002
border-style: none;
5003
border-radius: 4px 4px 0 0;
5004
box-shadow: inset 0 1px rgba(255, 255, 255, 0.1);
5005
background-color: #383838;
5006
color: white;
5007
}
5008
UnityDecoration .top:backdrop {
5010
color: rgba(255, 255, 255, 0.7);
5011
}
5012
UnityDecoration .menuitem {
5014
color: rgba(255, 255, 255, 0.7);
5015
}
5016
UnityDecoration .menuitem:hover {
5018
box-shadow: inset 0 -2px currentColor;
5019
background-color: transparent;
5020
color: white;
5021
}
5022
.background:not(.csd) headerbar:not(.titlebar) {
5024
border-radius: 0;
5025
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
5026
}
5027
.background:not(.csd) headerbar:not(.titlebar).inline-toolbar {
5029
border-style: none;
5030
}
5031
UnityPanelWidget,
5033
.unity-panel {
5034
background-color: #212121;
5035
color: white;
5036
}
5037
UnityPanelWidget:backdrop,
5039
.unity-panel:backdrop {
5040
color: rgba(255, 255, 255, 0.7);
5041
}
5042
.unity-panel.menuitem,
5044
.unity-panel .menuitem {
5045
color: rgba(255, 255, 255, 0.7);
5046
}
5047
.unity-panel.menubar.menuitem:hover,
5049
.unity-panel.menubar .menuitem *:hover {
5050
box-shadow: inset 0 -2px currentColor;
5051
background-color: transparent;
5052
color: white;
5053
}
5054
.menu IdoPlaybackMenuItem.menuitem:active {
5056
-gtk-icon-source: -gtk-icontheme("process-working-symbolic");
5057
animation: spin 1s linear infinite;
5058
color: #4285F4;
5059
}
5060
/**************
5062
* Mate-Panel *
5063
**************/
5064
.mate-panel-menu-bar menubar,
5065
#PanelApplet-window-menu-applet-button {
5066
background-color: transparent;
5067
}
5068
.mate-panel-menu-bar {
5070
background-color: #212121;
5071
font-weight: 500;
5072
}
5073
.mate-panel-menu-bar:not(.popup) {
5075
color: rgba(255, 255, 255, 0.7);
5076
}
5077
.mate-panel-menu-bar button {
5079
min-height: 16px;
5080
min-width: 16px;
5081
padding: 0;
5082
border-radius: 0;
5083
}
5084
.mate-panel-menu-bar button:checked {
5086
background-color: rgba(255, 255, 255, 0.12);
5087
}
5088
PanelToplevel.horizontal > grid > button {
5090
min-width: 24px;
5091
}
5092
PanelToplevel.vertical > grid > button {
5094
min-height: 24px;
5095
}
5096
PanelSeparator {
5098
color: rgba(255, 255, 255, 0.12);
5099
}
5100
MatePanelAppletFrameDBus {
5102
border-style: solid;
5103
border-color: rgba(255, 255, 255, 0.12);
5104
}
5105
.mate-panel-menu-bar.horizontal MatePanelAppletFrameDBus {
5107
border-width: 0 1px;
5108
}
5109
.mate-panel-menu-bar.vertical MatePanelAppletFrameDBus {
5111
border-width: 1px 0;
5112
}
5113
.mate-panel-menu-bar menubar > menuitem {
5115
color: rgba(255, 255, 255, 0.7);
5116
}
5117
.mate-panel-menu-bar menubar > menuitem:hover {
5119
background-color: rgba(255, 255, 255, 0.12);
5120
color: white;
5121
}
5122
.mate-panel-menu-bar menubar > menuitem:disabled {
5124
color: rgba(255, 255, 255, 0.3);
5125
}
5126
.mate-panel-menu-bar.horizontal menubar > menuitem {
5128
padding: 0 8px;
5129
}
5130
.mate-panel-menu-bar.vertical menubar > menuitem {
5132
padding: 8px 0;
5133
}
5134
.mate-panel-menu-bar menubar menu > menuitem {
5136
min-height: 28px;
5137
padding: 0 6px;
5138
}
5139
.mate-panel-menu-bar #PanelApplet button {
5141
-GtkWidget-window-dragging: true;
5142
}
5143
.mate-panel-menu-bar #tasklist-button {
5145
border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), currentColor 0%, transparent 0%) 0 0 0/0 0 0px;
5146
}
5147
.mate-panel-menu-bar #tasklist-button:checked {
5149
border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), currentColor 100%, transparent 0%) 0 0 2/0 0 2px;
5150
}
5151
.mate-panel-menu-bar #tasklist-button image:dir(ltr), .mate-panel-menu-bar #tasklist-button label:dir(rtl) {
5153
padding-left: 4px;
5154
}
5155
.mate-panel-menu-bar #tasklist-button label:dir(ltr), .mate-panel-menu-bar #tasklist-button image:dir(rtl) {
5157
padding-right: 4px;
5158
}
5159
.mate-panel-menu-bar.vertical #tasklist-button {
5161
min-height: 32px;
5162
}
5163
.mate-panel-menu-bar.horizontal #showdesktop-button image {
5165
min-width: 24px;
5166
padding: 0 4px;
5167
}
5168
.mate-panel-menu-bar.vertical #showdesktop-button image {
5170
min-height: 24px;
5171
padding: 4px 0;
5172
}
5173
PanelApplet.wnck-applet .wnck-pager {
5175
background-color: transparent;
5176
color: #7BAAF7;
5177
}
5178
PanelApplet.wnck-applet .wnck-pager:hover {
5180
background-color: rgba(255, 255, 255, 0.12);
5181
}
5182
PanelApplet.wnck-applet .wnck-pager:active {
5184
background-color: rgba(255, 255, 255, 0.3);
5185
}
5186
PanelApplet.wnck-applet .wnck-pager:selected {
5188
background-color: #4285F4;
5189
}
5190
.mate-panel-menu-bar.horizontal #clock-applet-button label {
5192
padding: 0 8px;
5193
}
5194
.mate-panel-menu-bar.vertical #clock-applet-button label {
5196
padding: 8px 0;
5197
}
5198
#MatePanelPopupWindow {
5200
border: 1px solid rgba(0, 0, 0, 0.26);
5201
border-radius: 5px;
5202
box-shadow: inset 0 1px rgba(255, 255, 255, 0.1);
5203
}
5204
#MatePanelPopupWindow frame > border {
5206
border-style: none;
5207
}
5208
#MatePanelPopupWindow button {
5210
padding: 4px 16px;
5211
}
5212
#MatePanelPopupWindow > frame > box > box > box > widget {
5214
color: rgba(0, 0, 0, 0.26);
5215
}
5216
na-tray-applet {
5218
-NaTrayApplet-icon-padding: 3px;
5219
-NaTrayApplet-icon-size: 16;
5220
}
5221
.mate-panel-menu-bar {
5223
-PanelMenuBar-icon-visible: true;
5224
}
5225
.mate-panel-applet-slider {
5227
border: 1px solid rgba(0, 0, 0, 0.26);
5228
border-radius: 5px;
5229
box-shadow: inset 0 1px rgba(255, 255, 255, 0.1);
5230
background-color: #282828;
5231
}
5232
.mate-panel-applet-slider frame > border {
5234
border-style: none;
5235
}
5236
#PanelApplet:not(:selected) > box {
5238
transition: all 100ms cubic-bezier(0, 0, 0.2, 1);
5239
}
5240
#PanelApplet:selected > box {
5242
background-color: rgba(255, 255, 255, 0.12);
5243
color: white;
5244
}
5245
#mate-menu {
5247
border: 1px solid rgba(0, 0, 0, 0.26);
5248
}
5249
#mate-menu button {
5251
min-height: 24px;
5252
min-width: 24px;
5253
padding: 4px 0;
5254
color: white;
5255
font-weight: normal;
5256
}
5257
#mate-menu button label:not(:first-child) {
5259
color: rgba(255, 255, 255, 0.7);
5260
}
5261
#mate-menu entry {
5263
margin: 0 0 8px;
5264
}
5265
#mate-menu entry image {
5267
margin: 0;
5268
}
5269
#mate-menu entry + button {
5271
margin: 0 4px 8px;
5272
padding: 4px;
5273
}
5274
/*********************
5276
* CAJA File manager *
5277
*********************/
5278
.caja-navigation-window button.toggle.image-button {
5279
border-radius: 4px;
5280
}
5281
.caja-pathbar button {
5283
margin: 0 -1px 0 -2px;
5284
}
5285
.caja-pathbar button > widget {
5287
-gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
5288
-GtkArrow-arrow-scaling: 1;
5289
}
5290
.caja-side-pane notebook viewport.frame,
5292
.caja-side-pane notebook widget .vertical {
5293
background-color: #303030;
5294
}
5295
.caja-side-pane notebook,
5297
.caja-notebook {
5298
border-top: 1px solid rgba(0, 0, 0, 0.26);
5299
}
5300
.caja-side-pane notebook .frame,
5302
.caja-notebook .frame {
5303
border-style: none;
5304
}
5305
.caja-navigation-window statusbar {
5307
margin: 0 -10px;
5308
padding: 0 4px;
5309
border-top: 1px solid rgba(0, 0, 0, 0.26);
5310
}
5311
.caja-notebook frame > border {
5313
border-style: none;
5314
}
5315
#caja-extra-view-widget {
5317
border-bottom: 1px solid rgba(0, 0, 0, 0.26);
5318
background-color: #282828;
5319
}
5320
#caja-extra-view-widget > box > box > label {
5322
font-weight: bold;
5323
}
5324
/*********
5326
* Pluma *
5327
*********/
5328
.pluma-window statusbar {
5329
margin: 0 -10px;
5330
padding: 0 4px;
5331
border-top: 1px solid rgba(0, 0, 0, 0.26);
5332
}
5333
.pluma-window statusbar frame > border {
5335
border-style: none;
5336
}
5337
.pluma-window statusbar frame button.flat {
5339
padding: 0 4px;
5340
border-radius: 0;
5341
}
5342
.pluma-window statusbar frame button.flat widget {
5344
-gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
5345
-GtkArrow-arrow-scaling: 1;
5346
}
5347
.pluma-print-preview toolbar {
5349
border-bottom: 1px solid rgba(0, 0, 0, 0.26);
5350
}
5351
.pluma-window paned.horizontal box.vertical box.horizontal button.flat {
5353
margin: 1px;
5354
}
5355
.pluma-window paned.horizontal box.vertical .frame {
5357
border-style: none;
5358
}
5359
.pluma-window paned.horizontal box.vertical notebook.frame {
5361
margin-top: -1px;
5362
border-top: 1px solid rgba(0, 0, 0, 0.26);
5363
}
5364
.pluma-window paned.horizontal box.vertical notebook.frame box.vertical toolbar.horizontal {
5366
border-bottom: 1px solid rgba(0, 0, 0, 0.26);
5367
}
5368
/*********
5370
* Atril *
5371
*********/
5372
.atril-window paned.horizontal box.vertical .frame {
5373
border-style: none;
5374
}
5375
.atril-window paned.horizontal box.vertical notebook .frame {
5377
border-top: 1px solid rgba(0, 0, 0, 0.26);
5378
}
5379
/* mate-screensaver lock dialog */
5381
.lock-dialog {
5382
border-radius: 4px;
5383
box-shadow: 0 14px 14px rgba(0, 0, 0, 0.25), 0 10px 5px rgba(0, 0, 0, 0.22), inset 0 1px rgba(255, 255, 255, 0.1);
5384
}
5385
.lock-dialog frame > border {
5387
border-style: none;
5388
}
5389
/* multimedia OSD */
5391
MsdOsdWindow.background.osd {
5392
border-radius: 4px;
5393
background-color: rgba(97, 97, 97, 0.9);
5394
color: white;
5395
}
5396
MsdOsdWindow.background.osd .trough {
5398
border-radius: 0;
5399
background-color: rgba(255, 255, 255, 0.12);
5400
}
5401
MsdOsdWindow.background.osd .progressbar {
5403
border-radius: 0;
5404
background-color: #4285F4;
5405
}
5406
/******************
5408
* Budgie Desktop *
5409
******************/
5410
.budgie-container {
5411
background-color: transparent;
5412
}
5413
.budgie-settings-window buttonbox.inline-toolbar {
5415
border-style: none none solid;
5416
}
5417
.budgie-settings-window buttonbox.inline-toolbar button {
5419
border-radius: 4px;
5420
-gtk-outline-radius: 4px;
5421
}
5422
.budgie-popover {
5424
border-style: solid;
5425
border-width: 1px;
5426
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.2) rgba(0, 0, 0, 0.3);
5427
border-radius: 5px;
5428
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23);
5429
background-color: #424242;
5430
}
5431
.budgie-popover .container {
5433
padding: 2px;
5434
}
5435
.budgie-popover border {
5437
border: none;
5438
}
5439
.budgie-popover list {
5441
background-color: transparent;
5442
}
5443
.budgie-popover row {
5445
padding: 0;
5446
}
5447
.budgie-popover row:hover {
5449
box-shadow: none;
5450
}
5451
.budgie-popover:not(.budgie-menu) button.flat:not(.image-button) {
5453
min-height: 28px;
5454
padding: 0 8px;
5455
color: white;
5456
font-weight: normal;
5457
}
5458
.budgie-popover:not(.budgie-menu) button.flat:not(.image-button):disabled {
5460
color: rgba(255, 255, 255, 0.5);
5461
}
5462
.budgie-popover.budgie-menu .container {
5464
padding: 0;
5465
}
5466
.budgie-popover.user-menu .container {
5468
padding: 8px;
5469
}
5470
.budgie-popover.user-menu separator {
5472
margin: 4px 0;
5473
}
5474
.budgie-popover.sound-popover separator {
5476
margin: 3px 0;
5477
}
5478
.budgie-popover.night-light-indicator .container {
5480
padding: 8px;
5481
}
5482
.budgie-popover.places-menu .container {
5484
padding: 8px;
5485
}
5486
.budgie-popover.places-menu .places-list:not(.always-expand) {
5488
margin-top: 4px;
5489
padding-top: 4px;
5490
border-top: 1px solid rgba(0, 0, 0, 0.26);
5491
}
5492
.budgie-popover.places-menu .alternative-label {
5494
padding: 3px;
5495
font-size: 15px;
5496
}
5497
.budgie-popover.workspace-popover .container {
5499
padding: 2px 8px 8px;
5500
}
5501
.budgie-popover.workspace-popover separator {
5503
margin: 4px 0;
5504
}
5505
.budgie-popover.workspace-popover flowboxchild {
5507
padding: 0;
5508
}
5509
.workspace-switcher .workspace-layout {
5511
border: 0 solid rgba(255, 255, 255, 0.12);
5512
}
5513
.top .workspace-switcher .workspace-layout:dir(ltr),
5515
.bottom .workspace-switcher .workspace-layout:dir(ltr) {
5516
border-left-width: 1px;
5517
}
5518
.top .workspace-switcher .workspace-layout:dir(rtl),
5520
.bottom .workspace-switcher .workspace-layout:dir(rtl) {
5521
border-right-width: 1px;
5522
}
5523
.left .workspace-switcher .workspace-layout,
5525
.right .workspace-switcher .workspace-layout {
5526
border-top-width: 1px;
5527
}
5528
.workspace-switcher .workspace-item,
5530
.workspace-switcher .workspace-add-button {
5531
border: 0 solid rgba(255, 255, 255, 0.12);
5532
}
5533
.top .workspace-switcher .workspace-item:dir(ltr),
5535
.bottom .workspace-switcher .workspace-item:dir(ltr), .top
5536
.workspace-switcher .workspace-add-button:dir(ltr),
5537
.bottom
5538
.workspace-switcher .workspace-add-button:dir(ltr) {
5539
border-right-width: 1px;
5540
}
5541
.top .workspace-switcher .workspace-item:dir(rtl),
5543
.bottom .workspace-switcher .workspace-item:dir(rtl), .top
5544
.workspace-switcher .workspace-add-button:dir(rtl),
5545
.bottom
5546
.workspace-switcher .workspace-add-button:dir(rtl) {
5547
border-left-width: 1px;
5548
}
5549
.left .workspace-switcher .workspace-item,
5551
.right .workspace-switcher .workspace-item, .left
5552
.workspace-switcher .workspace-add-button,
5553
.right
5554
.workspace-switcher .workspace-add-button {
5555
border-bottom-width: 1px;
5556
}
5557
.workspace-switcher .workspace-item {
5559
transition: all 100ms cubic-bezier(0, 0, 0.2, 1);
5560
}
5561
.workspace-switcher .workspace-item.current-workspace {
5563
background-color: rgba(255, 255, 255, 0.12);
5564
}
5565
.workspace-switcher .workspace-add-button:hover {
5567
box-shadow: none;
5568
}
5569
.workspace-switcher .workspace-add-button:active {
5571
background-image: none;
5572
}
5573
.workspace-switcher .workspace-add-button:active image {
5575
margin: 1px 0 -1px;
5576
}
5577
.budgie-panel .workspace-switcher .workspace-icon-button {
5579
min-height: 24px;
5580
min-width: 24px;
5581
padding: 0;
5582
border-radius: 4px;
5583
}
5584
.budgie-menu.background {
5586
padding: 0;
5587
}
5588
.budgie-menu .sidebar,
5590
.budgie-menu scrollbar,
5591
.budgie-menu entry.search {
5592
background-color: transparent;
5593
}
5594
.budgie-menu entry.search {
5596
border-bottom: 1px solid rgba(0, 0, 0, 0.26);
5597
border-radius: 0;
5598
box-shadow: none;
5599
font-size: 120%;
5600
}
5601
.budgie-menu button {
5603
min-height: 32px;
5604
padding: 0 8px;
5605
border-radius: 0;
5606
color: white;
5607
font-weight: normal;
5608
}
5609
.budgie-menu button:disabled {
5611
color: rgba(255, 255, 255, 0.5);
5612
}
5613
.budgie-menu button:checked:disabled {
5615
background-color: #4285F4;
5616
}
5617
.budgie-menu row {
5619
padding: 0;
5620
}
5621
.budgie-menu row:hover {
5623
box-shadow: none;
5624
}
5625
popover.background.user-menu {
5627
padding: 8px;
5628
}
5629
popover.background.user-menu .content-box {
5631
background-color: transparent;
5632
}
5633
popover.background.user-menu separator {
5635
margin: 4px 0;
5636
}
5637
popover.background.user-menu row {
5639
padding: 0;
5640
box-shadow: none;
5641
background-image: none;
5642
}
5643
popover.background.places-menu {
5645
padding: 8px;
5646
}
5647
popover.background.places-menu .name-button.text-button {
5649
padding-left: 8px;
5650
padding-right: 8px;
5651
}
5652
popover.background.places-menu .name-button.text-button image:dir(ltr) {
5654
margin-right: 3px;
5655
}
5656
popover.background.places-menu .name-button.text-button image:dir(rtl) {
5658
margin-left: 3px;
5659
}
5660
popover.background.places-menu .places-section-header > image:dir(ltr) {
5662
margin: 0 -2px 0 5px;
5663
}
5664
popover.background.places-menu .places-section-header > image:dir(rtl) {
5666
margin: 0 5px 0 -2px;
5667
}
5668
popover.background.places-menu .places-list {
5670
margin-top: 4px;
5671
padding-top: 4px;
5672
border-top: 1px solid rgba(0, 0, 0, 0.26);
5673
background-color: transparent;
5674
}
5675
popover.background.places-menu row {
5677
padding: 0;
5678
box-shadow: none;
5679
background-image: none;
5680
}
5681
.budgie-panel {
5683
transition: background-color 100ms cubic-bezier(0, 0, 0.2, 1);
5684
background-color: #212121;
5685
color: rgba(255, 255, 255, 0.7);
5686
font-weight: 500;
5687
}
5688
.budgie-panel.transparent {
5690
background-color: rgba(0, 0, 0, 0.6);
5691
}
5692
.budgie-panel button {
5694
min-height: 16px;
5695
min-width: 16px;
5696
padding: 0;
5697
border-radius: 0;
5698
}
5699
.budgie-panel button:checked {
5701
background-color: rgba(255, 255, 255, 0.12);
5702
}
5703
.budgie-panel.horizontal button {
5705
padding: 0 4px;
5706
}
5707
.budgie-panel.vertical button {
5709
padding: 4px 0;
5710
}
5711
.budgie-panel separator {
5713
background-color: rgba(255, 255, 255, 0.3);
5714
}
5715
.budgie-panel .alert {
5717
color: #EA4335;
5718
}
5719
.budgie-panel .titlebar:not(headerbar) {
5721
min-height: 0;
5722
padding: 0;
5723
box-shadow: none;
5724
background-color: transparent;
5725
color: white;
5726
}
5727
.budgie-panel .titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action) {
5729
color: rgba(255, 255, 255, 0.7);
5730
}
5731
.budgie-panel .titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):hover, .budgie-panel .titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):active {
5733
color: white;
5734
}
5735
.budgie-panel #tasklist-button {
5737
padding: 0 4px;
5738
}
5739
.budgie-panel.vertical #tasklist-button {
5741
min-height: 32px;
5742
}
5743
.budgie-panel button.flat.launcher {
5745
padding: 0;
5746
}
5747
.budgie-panel button.flat.launcher:not(:checked) {
5749
color: rgba(255, 255, 255, 0.5);
5750
}
5751
.budgie-panel button.flat.launcher:not(:checked):hover, .budgie-panel button.flat.launcher:not(:checked):active {
5753
color: rgba(255, 255, 255, 0.7);
5754
}
5755
.budgie-panel button.flat.launcher:not(:checked):disabled {
5757
color: rgba(255, 255, 255, 0.3);
5758
}
5759
.top .budgie-panel #tasklist-button, .budgie-panel .top #tasklist-button, .top .budgie-panel button.flat.launcher, .budgie-panel .top button.flat.launcher {
5761
border-image: radial-gradient(circle closest-corner at center calc(1px), currentColor 0%, transparent 0%) 0 0 0 0/0 0 0 0;
5762
}
5763
.top .budgie-panel #tasklist-button:checked, .budgie-panel .top #tasklist-button:checked, .top .budgie-panel button.flat.launcher:checked, .budgie-panel .top button.flat.launcher:checked, .top .budgie-panel .unpinned button.flat.launcher, .budgie-panel .unpinned .top button.flat.launcher,
5765
.top .budgie-panel .pinned button.flat.launcher.running, .budgie-panel .pinned .top button.flat.launcher.running {
5766
border-image: radial-gradient(circle closest-corner at center calc(1px), currentColor 100%, transparent 0%) 2 0 0 0/2px 0 0 0;
5767
}
5768
.bottom .budgie-panel #tasklist-button, .budgie-panel .bottom #tasklist-button, .bottom .budgie-panel button.flat.launcher, .budgie-panel .bottom button.flat.launcher {
5770
border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), currentColor 0%, transparent 0%) 0 0 0 0/0 0 0 0;
5771
}
5772
.bottom .budgie-panel #tasklist-button:checked, .budgie-panel .bottom #tasklist-button:checked, .bottom .budgie-panel button.flat.launcher:checked, .budgie-panel .bottom button.flat.launcher:checked, .bottom .budgie-panel .unpinned button.flat.launcher, .budgie-panel .unpinned .bottom button.flat.launcher,
5774
.bottom .budgie-panel .pinned button.flat.launcher.running, .budgie-panel .pinned .bottom button.flat.launcher.running {
5775
border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), currentColor 100%, transparent 0%) 0 0 2 0/0 0 2px 0;
5776
}
5777
.left .budgie-panel #tasklist-button, .budgie-panel .left #tasklist-button, .left .budgie-panel button.flat.launcher, .budgie-panel .left button.flat.launcher {
5779
border-image: radial-gradient(circle closest-corner at calc(1px) center, currentColor 0%, transparent 0%) 0 0 0 0/0 0 0 0;
5780
}
5781
.left .budgie-panel #tasklist-button:checked, .budgie-panel .left #tasklist-button:checked, .left .budgie-panel button.flat.launcher:checked, .budgie-panel .left button.flat.launcher:checked, .left .budgie-panel .unpinned button.flat.launcher, .budgie-panel .unpinned .left button.flat.launcher,
5783
.left .budgie-panel .pinned button.flat.launcher.running, .budgie-panel .pinned .left button.flat.launcher.running {
5784
border-image: radial-gradient(circle closest-corner at calc(1px) center, currentColor 100%, transparent 0%) 0 0 0 2/0 0 0 2px;
5785
}
5786
.right .budgie-panel #tasklist-button, .budgie-panel .right #tasklist-button, .right .budgie-panel button.flat.launcher, .budgie-panel .right button.flat.launcher {
5788
border-image: radial-gradient(circle closest-corner at calc(100% - 1px) center, currentColor 0%, transparent 0%) 0 0 0 0/0 0 0 0;
5789
}
5790
.right .budgie-panel #tasklist-button:checked, .budgie-panel .right #tasklist-button:checked, .right .budgie-panel button.flat.launcher:checked, .budgie-panel .right button.flat.launcher:checked, .right .budgie-panel .unpinned button.flat.launcher, .budgie-panel .unpinned .right button.flat.launcher,
5792
.right .budgie-panel .pinned button.flat.launcher.running, .budgie-panel .pinned .right button.flat.launcher.running {
5793
border-image: radial-gradient(circle closest-corner at calc(100% - 1px) center, currentColor 100%, transparent 0%) 0 2 0 0/0 2px 0 0;
5794
}
5795
frame.raven-frame > border {
5797
border-style: none;
5798
box-shadow: 0 14px 14px rgba(0, 0, 0, 0.25), 0 10px 5px rgba(0, 0, 0, 0.22);
5799
}
5800
.top frame.raven-frame > border {
5802
margin-bottom: 32px;
5803
}
5804
.bottom frame.raven-frame > border {
5806
margin-top: 32px;
5807
}
5808
.left frame.raven-frame > border {
5810
margin-right: 32px;
5811
}
5812
.right frame.raven-frame > border {
5814
margin-left: 32px;
5815
}
5816
.raven {
5818
background-color: #424242;
5819
}
5820
.raven > box {
5822
margin-bottom: -10px;
5823
}
5824
.raven > stack {
5826
margin-bottom: -10px;
5827
}
5828
.raven stackswitcher.linked > button {
5830
border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #FBBC05 0%, transparent 0%) 0 0 0/0 0 0px;
5831
border-radius: 0;
5832
}
5833
.raven stackswitcher.linked > button:checked {
5835
border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #FBBC05 100%, transparent 0%) 0 0 2/0 0 2px;
5836
background-color: transparent;
5837
}
5838
.raven .raven-header {
5840
min-height: 32px;
5841
padding: 3px;
5842
}
5843
.raven .raven-header:not(.top) {
5845
margin-top: -6px;
5846
}
5847
.raven .raven-header.top {
5849
padding: 2px 0;
5850
background-color: #4285F4;
5851
color: white;
5852
}
5853
.raven .raven-header.top stackswitcher button {
5855
margin: -4px 0;
5856
min-height: 32px;
5857
}
5858
.raven .raven-header.top button.image-button:dir(ltr) {
5860
margin-right: 2px;
5861
}
5862
.raven .raven-header.top button.image-button:dir(rtl) {
5864
margin-left: 2px;
5865
}
5866
.raven .raven-header.top > image {
5868
margin: 0 8px;
5869
}
5870
.raven .raven-header.top > label {
5872
margin: 0 -8px;
5873
font-weight: bold;
5874
}
5875
.raven .raven-header.bottom {
5877
border-top: 1px solid rgba(0, 0, 0, 0.26);
5878
}
5879
.raven viewport.frame .raven-header {
5881
margin-top: -8px;
5882
}
5883
.raven .raven-background {
5885
border-style: solid none;
5886
border-width: 1px;
5887
border-color: rgba(0, 0, 0, 0.26);
5888
background-color: #303030;
5889
}
5890
.raven .raven-background.frame {
5892
border-style: solid none;
5893
}
5894
.raven .raven-background > overlay > widget > image {
5896
color: rgba(255, 255, 255, 0.12);
5897
}
5898
.raven .raven-background grid > label:first-child {
5900
min-height: 32px;
5901
}
5902
.raven scrolledwindow.raven-background {
5904
border-bottom-style: none;
5905
}
5906
.raven .raven-header.top + .raven-background {
5908
border-style: none;
5909
background-color: #4285F4;
5910
color: white;
5911
}
5912
.raven .raven-header.top + .raven-background stackswitcher button {
5914
margin: -4px 0;
5915
}
5916
.raven .powerstrip button {
5918
margin: 2px 0 1px;
5919
padding: 8px;
5920
}
5921
.raven .option-subtitle {
5923
font-size: smaller;
5924
}
5925
calendar.raven-calendar {
5927
border-style: none;
5928
background-color: transparent;
5929
}
5930
calendar.raven-calendar:selected {
5932
border-radius: 4px;
5933
background-color: #4285F4;
5934
}
5935
.raven-mpris {
5937
background-color: rgba(0, 0, 0, 0.6);
5938
color: white;
5939
}
5940
.raven-mpris label {
5942
min-height: 24px;
5943
}
5944
.raven-mpris button.image-button {
5946
padding: 8px;
5947
}
5948
.budgie-notification-window, .budgie-osd-window, .budgie-switcher-window {
5950
background-color: transparent;
5951
}
5952
.budgie-notification .notification-title, .budgie-switcher .notification-title {
5954
font-size: 120%;
5955
}
5956
.budgie-osd .budgie-osd-text {
5958
font-size: 120%;
5959
}
5960
.drop-shadow {
5962
margin: 5px 9px;
5963
padding: 3px;
5964
border-radius: 4px;
5965
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23), inset 0 1px rgba(255, 255, 255, 0.1);
5966
background-color: #424242;
5967
}
5968
.drop-shadow .linked > button {
5970
border-radius: 4px;
5971
}
5972
.budgie-session-dialog, .budgie-polkit-dialog, .budgie-run-dialog {
5974
border-radius: 4px;
5975
background-color: #424242;
5976
}
5977
.budgie-session-dialog decoration, .budgie-polkit-dialog decoration, .budgie-run-dialog decoration {
5979
border-radius: 4px;
5980
}
5981
.budgie-session-dialog label:not(:last-child),
5983
.budgie-session-dialog .dialog-title {
5984
font-size: 120%;
5985
}
5986
.budgie-session-dialog .linked.horizontal > button {
5988
padding: 8px 16px;
5989
border-top: 1px solid rgba(0, 0, 0, 0.26);
5990
border-radius: 0;
5991
}
5992
.budgie-session-dialog .linked.horizontal > button:first-child {
5994
border-bottom-left-radius: 4px;
5995
}
5996
.budgie-session-dialog .linked.horizontal > button:last-child {
5998
border-bottom-right-radius: 4px;
5999
}
6000
.budgie-polkit-dialog .message {
6002
color: rgba(255, 255, 255, 0.7);
6003
}
6004
.budgie-polkit-dialog .failure {
6006
color: #EA4335;
6007
}
6008
.budgie-run-dialog {
6010
background-color: #303030;
6011
}
6012
.budgie-run-dialog entry.search {
6014
font-size: 120%;
6015
padding: 4px 12px;
6016
box-shadow: inset 0 1px rgba(255, 255, 255, 0.1);
6017
background-color: transparent;
6018
}
6019
.budgie-run-dialog list .dim-label, .budgie-run-dialog list label.separator, .budgie-run-dialog list .titlebar:not(headerbar) .subtitle, .titlebar:not(headerbar) .budgie-run-dialog list .subtitle,
6021
.budgie-run-dialog list headerbar .subtitle, headerbar .budgie-run-dialog list .subtitle, .budgie-run-dialog list .budgie-notification .notification-body, .budgie-notification .budgie-run-dialog list .notification-body, .budgie-run-dialog list .budgie-switcher .notification-body, .budgie-switcher .budgie-run-dialog list .notification-body {
6022
opacity: 1;
6023
}
6024
.budgie-run-dialog scrolledwindow {
6026
border-top: 1px solid rgba(0, 0, 0, 0.26);
6027
}
6028
/**************
6030
* Xfce4 Apps *
6031
**************/
6032
.XfceHeading {
6033
background-color: #303030;
6034
}
6035
/***************
6037
* xfce4-panel *
6038
***************/
6039
.xfce4-panel.background {
6040
border: none;
6041
background-color: #212121;
6042
color: rgba(255, 255, 255, 0.7);
6043
font-weight: 500;
6044
}
6045
.xfce4-panel.background button {
6047
min-height: 16px;
6048
min-width: 16px;
6049
padding: 0;
6050
border-radius: 0;
6051
}
6052
.xfce4-panel.background button:checked {
6054
background-color: rgba(255, 255, 255, 0.12);
6055
}
6056
.xfce4-panel.background .tasklist button {
6058
border-image: image(transparent) 0 0 2/0 0 2px;
6059
}
6060
.xfce4-panel.background .tasklist button:checked {
6062
border-image: image(currentColor) 0 0 2/0 0 2px;
6063
}
6064
.xfce4-panel.background .tasklist button image {
6066
padding: 4px;
6067
}
6068
wnck-pager:hover {
6070
background-color: rgba(255, 255, 255, 0.12);
6071
}
6072
wnck-pager:active {
6074
background-color: rgba(255, 255, 255, 0.3);
6075
}
6076
wnck-pager:selected {
6078
background-color: #4285F4;
6079
}
6080
XfdesktopIconView.view {
6082
border-radius: 4px;
6083
background-color: transparent;
6084
color: white;
6085
text-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
6086
}
6087
XfdesktopIconView.view:active {
6089
box-shadow: none;
6090
text-shadow: none;
6091
}
6092
XfdesktopIconView.view .rubberband {
6094
border-radius: 0;
6095
}
6096
#XfceNotifyWindow buttonbox {
6098
padding: 0;
6099
}
6100
#XfceNotifyWindow label#summary {
6102
font-weight: bold;
6103
}
6104
#xfwm-tabwin {
6106
padding: 12px;
6107
border-radius: 4px;
6108
-XfwmTabwinWidget-icon-size: 64px;
6109
-XfwmTabwinWidget-preview-size: 64px;
6110
}
6111
/**********
6113
* Thunar *
6114
**********/
6115
.thunar #location-toolbar {
6116
border-bottom: 1px solid rgba(0, 0, 0, 0.26);
6117
}
6118
.thunar .standard-view.frame {
6120
border-style: none;
6121
}
6122
.thunar .sidebar .view:not(:selected) {
6124
background-color: transparent;
6125
}
6126
.thunar statusbar {
6128
margin: 0 -10px;
6129
padding: 0 4px;
6130
border-top: 1px solid rgba(0, 0, 0, 0.26);
6131
}
6132
/************************
6134
* LightDM GTK+ Greeter *
6135
************************/
6136
#panel_window {
6137
background-color: rgba(0, 0, 0, 0.3);
6138
color: white;
6139
}
6140
#panel_window menubar,
6142
#panel_window separator {
6143
background-color: transparent;
6144
}
6145
#panel_window separator {
6147
padding: 0 4px;
6148
}
6149
#panel_window separator:first-child {
6151
padding: 0 8px;
6152
}
6153
#panel_window menubar > menuitem {
6155
color: rgba(255, 255, 255, 0.7);
6156
}
6157
#panel_window menubar > menuitem:hover {
6159
color: white;
6160
}
6161
#panel_window menubar > menuitem:disabled label {
6163
color: rgba(255, 255, 255, 0.3);
6164
}
6165
#login_window,
6167
#shutdown_dialog,
6168
#restart_dialog {
6169
margin: 8px;
6170
border-radius: 4px;
6171
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23), inset 0 1px rgba(255, 255, 255, 0.1);
6172
background-color: #424242;
6173
}
6174
#content_frame {
6176
padding-bottom: 20px;
6177
border-bottom: 1px solid rgba(0, 0, 0, 0.26);
6178
}
6179
#buttonbox_frame {
6181
padding-top: 24px;
6182
}
6183
#buttonbox_frame button {
6185
margin: -16px;
6186
}
6187
#greeter_infobar {
6189
margin-top: -1px;
6190
}
6191
/********
6193
* Nemo *
6194
********/
6195
.nemo-window .primary-toolbar {
6196
border-bottom: 1px solid rgba(0, 0, 0, 0.26);
6197
}
6198
.nemo-window .primary-toolbar entry {
6200
min-height: 0;
6201
margin: 0;
6202
}
6203
.nemo-window .primary-toolbar button.text-button {
6205
padding-left: 8px;
6206
padding-right: 8px;
6207
}
6208
.nemo-window .primary-toolbar button:not(.text-button):not(.image-button) {
6210
padding-left: 4px;
6211
padding-right: 4px;
6212
}
6213
.nemo-window scrolledwindow.frame {
6215
border-style: none;
6216
}
6217
.nemo-window scrolledwindow.frame .view:not(:selected) {
6219
background-color: transparent;
6220
}
6221
.nemo-window infobar {
6223
margin-top: -6px;
6224
}
6225
.nemo-window .nemo-inactive-pane .view:not(:selected) {
6227
background-color: #2C2C2C;
6228
}
6229
.nemo-window .nemo-window-pane widget.entry {
6231
border-radius: 4px;
6232
background-color: rgba(255, 255, 255, 0.04);
6233
}
6234
.places-treeview {
6236
-NemoPlacesTreeView-disk-full-bg-color: dimgray;
6237
-NemoPlacesTreeView-disk-full-fg-color: #4285F4;
6238
-NemoPlacesTreeView-disk-full-bar-width: 2px;
6239
-NemoPlacesTreeView-disk-full-bar-radius: 0;
6240
-NemoPlacesTreeView-disk-full-bottom-padding: 1px;
6241
-NemoPlacesTreeView-disk-full-max-length: 80px;
6242
}
6243
/* GTK NAMED COLORS
6245
----------------
6246
use responsibly! */
6247
/*
6248
widget text/foreground color */
6249
@define-color theme_fg_color white;
6250
/*
6251
text color for entries, views and content in general */
6252
@define-color theme_text_color white;
6253
/*
6254
widget base background color */
6255
@define-color theme_bg_color #282828;
6256
/*
6257
text widgets and the like base background color */
6258
@define-color theme_base_color #303030;
6259
/*
6260
base background color of selections */
6261
@define-color theme_selected_bg_color #4285F4;
6262
/*
6263
text/foreground color of selections */
6264
@define-color theme_selected_fg_color white;
6265
/*
6266
base background color of insensitive widgets */
6267
@define-color insensitive_bg_color #282828;
6268
/*
6269
text foreground color of insensitive widgets */
6270
@define-color insensitive_fg_color rgba(255, 255, 255, 0.5);
6271
/*
6272
insensitive text widgets and the like base background color */
6273
@define-color insensitive_base_color #2C2C2C;
6274
/*
6275
widget text/foreground color on backdrop windows */
6276
@define-color theme_unfocused_fg_color white;
6277
/*
6278
text color for entries, views and content in general on backdrop windows */
6279
@define-color theme_unfocused_text_color white;
6280
/*
6281
widget base background color on backdrop windows */
6282
@define-color theme_unfocused_bg_color #282828;
6283
/*
6284
text widgets and the like base background color on backdrop windows */
6285
@define-color theme_unfocused_base_color #303030;
6286
/*
6287
base background color of selections on backdrop windows */
6288
@define-color theme_unfocused_selected_bg_color #4285F4;
6289
/*
6290
text/foreground color of selections on backdrop windows */
6291
@define-color theme_unfocused_selected_fg_color white;
6292
/*
6293
insensitive color on backdrop windows */
6294
@define-color unfocused_insensitive_color rgba(255, 255, 255, 0.5);
6295
/*
6296
widgets main borders color */
6297
@define-color borders rgba(0, 0, 0, 0.26);
6298
/*
6299
widgets main borders color on backdrop windows */
6300
@define-color unfocused_borders rgba(0, 0, 0, 0.26);
6301
/*
6302
these are pretty self explicative */
6303
@define-color warning_color #FBBC05;
6304
@define-color error_color #EA4335;
6305
@define-color success_color #34A853;
6306
/*
6307
these colors are exported for the window manager and shouldn't be used in applications,
6308
read if you used those and something break with a version upgrade you're on your own... */
6309
@define-color wm_title white;
6310
@define-color wm_unfocused_title rgba(255, 255, 255, 0.7);
6311
@define-color wm_highlight rgba(255, 255, 255, 0.1);
6312
@define-color wm_bg #383838;
6313
/*
6314
FIXME this is really an API */
6315
@define-color content_view_bg #303030;
6316
@define-color placeholder_text_color #c1c1c1;
6317