ASCII text, with very long lines (671)
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: 2px;
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:disabled {
94
color: rgba(255, 255, 255, 0.5);
95
}
96
.view:hover, .view:active, .view:selected {
98
border-radius: 2px;
99
}
100
textview text {
102
background-color: #303030;
103
}
104
textview border {
106
background-color: #2C2C2C;
107
color: rgba(255, 255, 255, 0.5);
108
}
109
.rubberband,
111
rubberband,
112
flowbox rubberband,
113
treeview.view rubberband,
114
.content-view rubberband,
115
.content-view .rubberband {
116
border: 1px solid #7BAAF7;
117
background-color: rgba(123, 170, 247, 0.3);
118
}
119
flowbox flowboxchild {
121
padding: 4px;
122
border-radius: 2px;
123
}
124
.content-view .tile:selected {
126
background-color: transparent;
127
color: inherit;
128
}
129
label {
131
caret-color: currentColor;
132
}
133
label.separator {
135
color: white;
136
}
137
label selection {
139
background-color: #4285F4;
140
color: white;
141
}
142
label:disabled {
144
color: rgba(255, 255, 255, 0.5);
145
}
146
tab label:disabled,
148
button label:disabled {
149
color: inherit;
150
}
151
.dim-label, label.separator, .titlebar:not(headerbar) .subtitle,
153
headerbar .subtitle, .budgie-notification .notification-body, .budgie-switcher .notification-body {
154
opacity: 0.6;
155
}
156
assistant .sidebar {
158
padding: 4px 0;
159
}
160
assistant .sidebar label {
162
min-height: 32px;
163
padding: 0 12px;
164
color: rgba(255, 255, 255, 0.5);
165
font-weight: 500;
166
}
167
assistant .sidebar label.highlight {
169
color: white;
170
}
171
/*********************
173
* Spinner Animation *
174
*********************/
175
@keyframes spin {
176
to {
177
-gtk-icon-transform: rotate(1turn);
178
}
179
}
180
spinner {
182
background: none;
183
opacity: 0;
184
-gtk-icon-source: -gtk-icontheme("process-working-symbolic");
185
}
186
spinner:checked {
188
opacity: 1;
189
animation: spin 1s linear infinite;
190
}
191
spinner:checked:disabled {
193
opacity: 0.5;
194
}
195
/****************
197
* Text Entries *
198
****************/
199
spinbutton:not(.vertical),
200
entry {
201
min-height: 32px;
202
padding: 0 8px;
203
border-radius: 2px;
204
transition: all 250ms cubic-bezier(0, 0, 0.2, 1), box-shadow 150ms cubic-bezier(0, 0, 0.2, 1);
205
border-image: none;
206
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
207
background-color: #303030;
208
color: white;
209
}
210
spinbutton:focus:not(.vertical),
212
entry:focus {
213
border-image: none;
214
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23);
215
}
216
spinbutton:disabled:not(.vertical),
218
entry:disabled {
219
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
220
background-color: #2C2C2C;
221
color: rgba(255, 255, 255, 0.5);
222
}
223
spinbutton.flat:not(.vertical), notebook > stack:not(:only-child) entry:not(.search),
225
notebook > stack:not(:only-child) spinbutton:not(.vertical), messagedialog entry, colorchooser .popover.osd spinbutton:not(.vertical), entry.preferences-search, layoutpane entry.search, editortweak entry.search, .raven .raven-background spinbutton:not(.vertical), #login_window entry,
226
entry.flat {
227
border-radius: 0;
228
transition: all 250ms cubic-bezier(0, 0, 0.2, 1);
229
border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #4285F4 0%, transparent 0%) 0 0 0/0 0 0px;
230
box-shadow: inset 0 -1px rgba(255, 255, 255, 0.3);
231
background-color: transparent;
232
color: white;
233
}
234
spinbutton.flat:focus:not(.vertical), notebook > stack:not(:only-child) entry:focus:not(.search),
236
notebook > stack:not(:only-child) spinbutton:focus:not(.vertical), messagedialog entry:focus, colorchooser .popover.osd spinbutton:focus:not(.vertical), entry.preferences-search:focus, layoutpane entry.search:focus, editortweak entry.search:focus, .raven .raven-background spinbutton:focus:not(.vertical), #login_window entry:focus,
237
entry.flat:focus {
238
border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #4285F4 100%, transparent 0%) 0 0 2/0 0 2px;
239
box-shadow: inset 0 -1px rgba(255, 255, 255, 0.3);
240
}
241
spinbutton.flat:disabled:not(.vertical), notebook > stack:not(:only-child) entry:disabled:not(.search),
243
notebook > stack:not(:only-child) spinbutton:disabled:not(.vertical), messagedialog entry:disabled, colorchooser .popover.osd spinbutton:disabled:not(.vertical), entry.preferences-search:disabled, layoutpane entry.search:disabled, editortweak entry.search:disabled, .raven .raven-background spinbutton:disabled:not(.vertical), #login_window entry:disabled,
244
entry.flat:disabled {
245
box-shadow: inset 0 -1px rgba(255, 255, 255, 0.12);
246
background-color: transparent;
247
color: rgba(255, 255, 255, 0.5);
248
}
249
spinbutton:not(.vertical) image,
251
entry image {
252
color: rgba(255, 255, 255, 0.7);
253
}
254
spinbutton:not(.vertical) image:hover, spinbutton:not(.vertical) image:active,
256
entry image:hover,
257
entry image:active {
258
color: white;
259
}
260
spinbutton:not(.vertical) image:disabled,
262
entry image:disabled {
263
color: rgba(255, 255, 255, 0.5);
264
}
265
spinbutton:not(.vertical) image.left,
267
entry image.left {
268
margin-left: 0px;
269
margin-right: 6px;
270
}
271
spinbutton:not(.vertical) image.right,
273
entry image.right {
274
margin-left: 6px;
275
margin-right: 0px;
276
}
277
spinbutton:not(.vertical) undershoot.left,
279
entry undershoot.left {
280
background-color: transparent;
281
background-image: linear-gradient(to top, rgba(48, 48, 48, 0.3) 50%, rgba(255, 255, 255, 0.3) 50%);
282
padding-left: 1px;
283
background-size: 1px 12px;
284
background-repeat: repeat-y;
285
background-origin: content-box;
286
background-position: left top;
287
}
288
spinbutton:not(.vertical) undershoot.right,
290
entry undershoot.right {
291
background-color: transparent;
292
background-image: linear-gradient(to top, rgba(48, 48, 48, 0.3) 50%, rgba(255, 255, 255, 0.3) 50%);
293
padding-right: 1px;
294
background-size: 1px 12px;
295
background-repeat: repeat-y;
296
background-origin: content-box;
297
background-position: right top;
298
}
299
spinbutton.error:not(.vertical),
301
entry.error {
302
transition: all 250ms cubic-bezier(0, 0, 0.2, 1), box-shadow 150ms cubic-bezier(0, 0, 0.2, 1);
303
border-image: none;
304
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
305
background-color: #EA4335;
306
color: white;
307
}
308
spinbutton.error:focus:not(.vertical),
310
entry.error:focus {
311
border-image: none;
312
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23);
313
}
314
spinbutton.error:disabled:not(.vertical),
316
entry.error:disabled {
317
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
318
background-color: #2C2C2C;
319
color: rgba(255, 255, 255, 0.5);
320
}
321
spinbutton.error.flat:not(.vertical), notebook > stack:not(:only-child) entry.error:not(.search),
323
notebook > stack:not(:only-child) spinbutton.error:not(.vertical), messagedialog entry.error, colorchooser .popover.osd spinbutton.error:not(.vertical), entry.error.preferences-search, layoutpane entry.error.search, editortweak entry.error.search, .raven .raven-background spinbutton.error:not(.vertical), #login_window entry.error,
324
entry.error.flat {
325
transition: all 250ms cubic-bezier(0, 0, 0.2, 1);
326
border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #EA4335 0%, transparent 0%) 0 0 0/0 0 0px;
327
box-shadow: inset 0 -1px #EA4335;
328
background-color: transparent;
329
color: white;
330
}
331
spinbutton.error.flat:focus:not(.vertical), notebook > stack:not(:only-child) entry.error:focus:not(.search),
333
notebook > stack:not(:only-child) spinbutton.error:focus:not(.vertical), messagedialog entry.error:focus, colorchooser .popover.osd spinbutton.error:focus:not(.vertical), entry.error.preferences-search:focus, layoutpane entry.error.search:focus, editortweak entry.error.search:focus, .raven .raven-background spinbutton.error:focus:not(.vertical), #login_window entry.error:focus,
334
entry.error.flat:focus {
335
border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #EA4335 100%, transparent 0%) 0 0 2/0 0 2px;
336
box-shadow: inset 0 -1px #EA4335;
337
}
338
spinbutton.error.flat:disabled:not(.vertical), notebook > stack:not(:only-child) entry.error:disabled:not(.search),
340
notebook > stack:not(:only-child) spinbutton.error:disabled:not(.vertical), messagedialog entry.error:disabled, colorchooser .popover.osd spinbutton.error:disabled:not(.vertical), entry.error.preferences-search:disabled, layoutpane entry.error.search:disabled, editortweak entry.error.search:disabled, .raven .raven-background spinbutton.error:disabled:not(.vertical), #login_window entry.error:disabled,
341
entry.error.flat:disabled {
342
box-shadow: inset 0 -1px rgba(255, 255, 255, 0.12);
343
background-color: transparent;
344
color: rgba(255, 255, 255, 0.5);
345
}
346
spinbutton.error:not(.vertical) image,
348
entry.error image {
349
color: rgba(255, 255, 255, 0.7);
350
}
351
spinbutton.error:not(.vertical) image:hover, spinbutton.error:not(.vertical) image:active,
353
entry.error image:hover,
354
entry.error image:active {
355
color: white;
356
}
357
spinbutton.error:not(.vertical) image:disabled,
359
entry.error image:disabled {
360
color: rgba(255, 255, 255, 0.5);
361
}
362
spinbutton.warning:not(.vertical),
364
entry.warning {
365
transition: all 250ms cubic-bezier(0, 0, 0.2, 1), box-shadow 150ms cubic-bezier(0, 0, 0.2, 1);
366
border-image: none;
367
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
368
background-color: #FBBC05;
369
color: white;
370
}
371
spinbutton.warning:focus:not(.vertical),
373
entry.warning:focus {
374
border-image: none;
375
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23);
376
}
377
spinbutton.warning:disabled:not(.vertical),
379
entry.warning:disabled {
380
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
381
background-color: #2C2C2C;
382
color: rgba(255, 255, 255, 0.5);
383
}
384
spinbutton.warning.flat:not(.vertical), notebook > stack:not(:only-child) entry.warning:not(.search),
386
notebook > stack:not(:only-child) spinbutton.warning:not(.vertical), messagedialog entry.warning, colorchooser .popover.osd spinbutton.warning:not(.vertical), entry.warning.preferences-search, layoutpane entry.warning.search, editortweak entry.warning.search, .raven .raven-background spinbutton.warning:not(.vertical), #login_window entry.warning,
387
entry.warning.flat {
388
transition: all 250ms cubic-bezier(0, 0, 0.2, 1);
389
border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #FBBC05 0%, transparent 0%) 0 0 0/0 0 0px;
390
box-shadow: inset 0 -1px #FBBC05;
391
background-color: transparent;
392
color: white;
393
}
394
spinbutton.warning.flat:focus:not(.vertical), notebook > stack:not(:only-child) entry.warning:focus:not(.search),
396
notebook > stack:not(:only-child) spinbutton.warning:focus:not(.vertical), messagedialog entry.warning:focus, colorchooser .popover.osd spinbutton.warning:focus:not(.vertical), entry.warning.preferences-search:focus, layoutpane entry.warning.search:focus, editortweak entry.warning.search:focus, .raven .raven-background spinbutton.warning:focus:not(.vertical), #login_window entry.warning:focus,
397
entry.warning.flat:focus {
398
border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #FBBC05 100%, transparent 0%) 0 0 2/0 0 2px;
399
box-shadow: inset 0 -1px #FBBC05;
400
}
401
spinbutton.warning.flat:disabled:not(.vertical), notebook > stack:not(:only-child) entry.warning:disabled:not(.search),
403
notebook > stack:not(:only-child) spinbutton.warning:disabled:not(.vertical), messagedialog entry.warning:disabled, colorchooser .popover.osd spinbutton.warning:disabled:not(.vertical), entry.warning.preferences-search:disabled, layoutpane entry.warning.search:disabled, editortweak entry.warning.search:disabled, .raven .raven-background spinbutton.warning:disabled:not(.vertical), #login_window entry.warning:disabled,
404
entry.warning.flat:disabled {
405
box-shadow: inset 0 -1px rgba(255, 255, 255, 0.12);
406
background-color: transparent;
407
color: rgba(255, 255, 255, 0.5);
408
}
409
spinbutton.warning:not(.vertical) image,
411
entry.warning image {
412
color: rgba(255, 255, 255, 0.7);
413
}
414
spinbutton.warning:not(.vertical) image:hover, spinbutton.warning:not(.vertical) image:active,
416
entry.warning image:hover,
417
entry.warning image:active {
418
color: white;
419
}
420
spinbutton.warning:not(.vertical) image:disabled,
422
entry.warning image:disabled {
423
color: rgba(255, 255, 255, 0.5);
424
}
425
spinbutton:not(.vertical) progress,
427
entry progress {
428
margin: 2px -6px;
429
border-bottom: 2px solid #4285F4;
430
background-color: transparent;
431
}
432
.linked:not(.vertical) > spinbutton.flat:not(.vertical), notebook > stack:not(:only-child) .linked:not(.vertical) > entry:not(.search),
434
notebook > stack:not(:only-child) .linked:not(.vertical) > spinbutton:not(.vertical), messagedialog .linked:not(.vertical) > entry, colorchooser .popover.osd .linked:not(.vertical) > spinbutton:not(.vertical), .linked:not(.vertical) > entry.preferences-search, layoutpane .linked:not(.vertical) > entry.search, editortweak .linked:not(.vertical) > entry.search, .raven .raven-background .linked:not(.vertical) > spinbutton:not(.vertical), #login_window .linked:not(.vertical) > entry,
435
.linked.vertical > spinbutton.flat:not(.vertical), notebook > stack:not(:only-child)
436
.linked.vertical > entry:not(.search),
437
notebook > stack:not(:only-child)
438
.linked.vertical > spinbutton:not(.vertical), messagedialog
439
.linked.vertical > entry, colorchooser .popover.osd
440
.linked.vertical > spinbutton:not(.vertical),
441
.linked.vertical > entry.preferences-search, layoutpane
442
.linked.vertical > entry.search, editortweak
443
.linked.vertical > entry.search, .raven .raven-background
444
.linked.vertical > spinbutton:not(.vertical), #login_window
445
.linked.vertical > entry, .linked:not(.vertical) >
446
entry.flat,
447
.linked.vertical >
448
entry.flat {
449
border-radius: 0;
450
}
451
notebook > stack:not(:only-child) treeview entry.flat:not(.search),
453
notebook > stack:not(:only-child) treeview spinbutton.flat:not(.vertical), notebook > stack:not(:only-child) treeview entry:not(.search),
454
notebook > stack:not(:only-child) treeview spinbutton:not(.vertical),
455
treeview entry.flat,
456
treeview entry {
457
min-height: 0;
458
padding: 2px;
459
border-radius: 0;
460
background-color: #303030;
461
}
462
notebook > stack:not(:only-child) treeview entry.flat:not(.search),
464
notebook > stack:not(:only-child) treeview spinbutton.flat:not(.vertical), notebook > stack:not(:only-child) treeview entry.flat:focus:not(.search),
465
notebook > stack:not(:only-child) treeview spinbutton.flat:focus:not(.vertical), notebook > stack:not(:only-child) treeview entry:not(.search),
466
notebook > stack:not(:only-child) treeview spinbutton:not(.vertical), notebook > stack:not(:only-child) treeview entry:focus:not(.search),
467
notebook > stack:not(:only-child) treeview spinbutton:focus:not(.vertical),
468
treeview entry.flat,
469
treeview entry.flat:focus,
470
treeview entry,
471
treeview entry:focus {
472
border-image: none;
473
box-shadow: none;
474
}
475
.entry-tag, .documents-entry-tag, .photos-entry-tag {
477
margin: 2px;
478
border-radius: 9999px;
479
box-shadow: none;
480
background-color: rgba(255, 255, 255, 0.12);
481
color: white;
482
}
483
.entry-tag:hover, .documents-entry-tag:hover, .photos-entry-tag:hover {
485
background-image: image(rgba(255, 255, 255, 0.12));
486
}
487
:dir(ltr) .entry-tag, :dir(ltr) .documents-entry-tag, :dir(ltr) .photos-entry-tag {
489
margin-left: 4px;
490
margin-right: 0;
491
padding-left: 12px;
492
padding-right: 8px;
493
}
494
:dir(rtl) .entry-tag, :dir(rtl) .documents-entry-tag, :dir(rtl) .photos-entry-tag {
496
margin-left: 0;
497
margin-right: 4px;
498
padding-left: 8px;
499
padding-right: 12px;
500
}
501
.entry-tag.button, .button.documents-entry-tag, .button.photos-entry-tag {
503
box-shadow: none;
504
background-color: transparent;
505
}
506
.entry-tag.button:not(:hover):not(:active), .button.documents-entry-tag:not(:hover):not(:active), .button.photos-entry-tag:not(:hover):not(:active) {
508
color: rgba(255, 255, 255, 0.7);
509
}
510
/***********
512
* Buttons *
513
***********/
514
@keyframes needs_attention {
515
from {
516
background-image: -gtk-gradient(radial, center center, 0, center center, 0.001, to(#01A299), to(transparent));
517
}
518
to {
519
background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#01A299), to(transparent));
520
}
521
}
522
button {
525
min-height: 24px;
526
min-width: 16px;
527
padding: 4px 8px;
528
border-radius: 2px;
529
font-weight: 500;
530
transition: all 250ms cubic-bezier(0, 0, 0.2, 1), box-shadow 150ms cubic-bezier(0, 0, 0.2, 1), background-size 350ms cubic-bezier(0, 0, 0.2, 1), background-image 1000ms cubic-bezier(0, 0, 0.2, 1);
531
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;
532
background-color: #424242;
533
background-image: radial-gradient(circle farthest-corner at center, transparent 10%, transparent 0%);
534
background-repeat: no-repeat;
535
background-position: center;
536
background-size: 1000% 1000%;
537
color: rgba(255, 255, 255, 0.8);
538
}
539
button:hover {
542
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;
543
color: white;
544
}
545
button:active {
548
transition: all 250ms cubic-bezier(0, 0, 0.2, 1), background-size 0, background-image 0;
549
animation: ripple_effect 250ms cubic-bezier(0, 0, 0.2, 1) forwards;
550
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.12);
551
background-image: radial-gradient(circle farthest-corner at center, alpha(currentColor, 0.12) 10%, transparent 0%);
552
background-size: 0% 0%;
553
color: white;
554
}
555
button:disabled {
558
box-shadow: none;
559
background-color: rgba(255, 255, 255, 0.12);
560
color: rgba(255, 255, 255, 0.3);
561
}
562
button:checked {
565
background-color: #4285F4;
566
color: white;
567
}
568
button:checked:disabled {
571
background-color: rgba(66, 133, 244, 0.3);
572
color: rgba(66, 133, 244, 0.5);
573
}
574
modelbutton.flat,
576
.menuitem.button.flat, spinbutton:not(.vertical) button, spinbutton.vertical button, popover.background.menu button,
577
popover.background button.model, notebook > header > tabs > arrow, scrollbar button, check,
578
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)
579
.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),
580
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, .nemo-window .toolbar button,
581
button.flat {
582
transition: all 250ms cubic-bezier(0, 0, 0.2, 1), background-size 350ms cubic-bezier(0, 0, 0.2, 1), background-image 1000ms cubic-bezier(0, 0, 0.2, 1);
583
box-shadow: inset 0 0 0 9999px transparent;
584
background-color: transparent;
585
background-image: radial-gradient(circle farthest-corner at center, transparent 10%, transparent 0%);
586
background-repeat: no-repeat;
587
background-position: center;
588
background-size: 1000% 1000%;
589
color: rgba(255, 255, 255, 0.7);
590
}
591
modelbutton.flat:hover,
593
.menuitem.button.flat:hover, spinbutton:not(.vertical) button:hover, spinbutton.vertical button:hover, popover.background.menu button:hover,
594
popover.background button.model:hover, notebook > header > tabs > arrow:hover, scrollbar button:hover, check:hover,
595
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)
596
.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),
597
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, .nemo-window .toolbar button:hover,
598
button.flat:hover {
599
box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.12);
600
color: white;
601
}
602
modelbutton.flat:active,
604
.menuitem.button.flat:active, spinbutton:not(.vertical) button:active, spinbutton.vertical button:active, popover.background.menu button:active,
605
popover.background button.model:active, notebook > header > tabs > arrow:active, scrollbar button:active, check:active,
606
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)
607
.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),
608
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, .nemo-window .toolbar button:active,
609
button.flat:active {
610
transition: all 250ms cubic-bezier(0, 0, 0.2, 1), background-size 0, background-image 0;
611
animation: ripple_effect 250ms cubic-bezier(0, 0, 0.2, 1) forwards;
612
box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.12);
613
background-image: radial-gradient(circle farthest-corner at center, alpha(currentColor, 0.12) 10%, transparent 0%);
614
background-size: 0% 0%;
615
color: white;
616
}
617
modelbutton.flat:disabled,
619
.menuitem.button.flat:disabled, spinbutton:not(.vertical) button:disabled, spinbutton.vertical button:disabled, popover.background.menu button:disabled,
620
popover.background button.model:disabled, notebook > header > tabs > arrow:disabled, scrollbar button:disabled, check:disabled,
621
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)
622
.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),
623
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, .nemo-window .toolbar button:disabled,
624
button.flat:disabled {
625
box-shadow: none;
626
background-color: transparent;
627
color: rgba(255, 255, 255, 0.3);
628
}
629
:not(headerbar) .caja-pathbar button:checked, .caja-pathbar :not(headerbar) button:checked, :not(headerbar)
631
.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),
632
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, .nemo-window .toolbar button:checked,
633
button.flat:checked {
634
background-color: alpha(currentColor, 0.24);
635
color: white;
636
}
637
:not(headerbar) .caja-pathbar button:checked:disabled, .caja-pathbar :not(headerbar) button:checked:disabled, :not(headerbar)
639
.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),
640
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, .nemo-window .toolbar button:checked:disabled,
641
button.flat:checked:disabled {
642
background-color: rgba(255, 255, 255, 0.12);
643
color: rgba(255, 255, 255, 0.5);
644
}
645
button.text-button {
648
padding-left: 16px;
649
padding-right: 16px;
650
}
651
button.image-button {
654
min-width: 24px;
655
padding: 4px;
656
}
657
button.text-button.image-button {
660
border-radius: 2px;
661
-gtk-outline-radius: 2px;
662
}
663
button.text-button.image-button label:first-child {
666
margin-left: 12px;
667
}
668
button.text-button.image-button label:last-child {
671
margin-right: 12px;
672
}
673
button.text-button.image-button image:not(:only-child) {
676
margin: 0 4px;
677
}
678
toolbar .linked > button, .titlebar:not(headerbar) .linked > button:not(.suggested-action):not(.destructive-action),
680
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, .nemo-window .toolbar .linked > button, toolbar
681
.linked.vertical > button, .titlebar:not(headerbar)
682
.linked.vertical > button:not(.suggested-action):not(.destructive-action),
683
headerbar
684
.linked.vertical > button:not(.suggested-action):not(.destructive-action), actionbar > revealer > box
685
.linked.vertical > button:not(.suggested-action):not(.destructive-action):not(.server-list-button), .app-notification
686
.linked.vertical > button, .nemo-window .toolbar
687
.linked.vertical > button, .linked >
688
button.flat,
689
.linked.vertical >
690
button.flat {
691
border-radius: 2px;
692
}
693
toolbar .linked > button.text-button.image-button, .titlebar:not(headerbar) .linked > button.text-button.image-button:not(.suggested-action):not(.destructive-action),
695
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, .nemo-window .toolbar .linked > button.text-button.image-button, toolbar
696
.linked.vertical > button.text-button.image-button, .titlebar:not(headerbar)
697
.linked.vertical > button.text-button.image-button:not(.suggested-action):not(.destructive-action),
698
headerbar
699
.linked.vertical > button.text-button.image-button:not(.suggested-action):not(.destructive-action), actionbar > revealer > box
700
.linked.vertical > button.text-button.image-button:not(.suggested-action):not(.destructive-action):not(.server-list-button), .app-notification
701
.linked.vertical > button.text-button.image-button, .nemo-window .toolbar
702
.linked.vertical > button.text-button.image-button, .linked >
703
button.flat.text-button.image-button,
704
.linked.vertical >
705
button.flat.text-button.image-button {
706
border-radius: 2px;
707
-gtk-outline-radius: 2px;
708
}
709
infobar.info button:disabled, infobar.question button:disabled, infobar.warning button:disabled, infobar.error button:disabled, row:selected
711
button:disabled {
712
background-color: rgba(255, 255, 255, 0.12);
713
color: rgba(255, 255, 255, 0.3);
714
}
715
row:selected button.sidebar-button, 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, row:selected
717
button.flat {
718
color: rgba(255, 255, 255, 0.7);
719
}
720
row:selected button.sidebar-button:hover, 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, row:selected button.sidebar-button:active, 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, row:selected
722
button.flat:hover, row:selected
723
button.flat:active {
724
color: white;
725
}
726
row:selected button.sidebar-button:disabled, 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, row:selected
728
button.flat:disabled {
729
color: rgba(255, 255, 255, 0.3);
730
}
731
row:selected button.sidebar-button:checked, 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, row:selected
733
button.flat:checked {
734
background-color: rgba(255, 255, 255, 0.3);
735
color: white;
736
}
737
row:selected button.sidebar-button:checked:disabled, 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, row:selected
739
button.flat:checked:disabled {
740
background-color: rgba(255, 255, 255, 0.12);
741
color: rgba(255, 255, 255, 0.5);
742
}
743
button.osd {
746
padding: 8px 12px;
747
}
748
button.osd.image-button {
751
padding: 8px;
752
}
753
button.osd:disabled {
756
opacity: 0;
757
}
758
button.suggested-action {
761
background-color: #01A299;
762
color: white;
763
}
764
button.suggested-action:disabled {
767
box-shadow: none;
768
background-color: rgba(255, 255, 255, 0.12);
769
color: rgba(255, 255, 255, 0.5);
770
}
771
button.suggested-action:checked {
774
background-color: #4dbeb8;
775
}
776
button.suggested-action.flat {
779
background-color: transparent;
780
color: #01A299;
781
}
782
button.suggested-action.flat:disabled {
785
box-shadow: none;
786
background-color: transparent;
787
color: rgba(255, 255, 255, 0.5);
788
}
789
button.suggested-action.flat:checked {
792
background-color: rgba(1, 162, 153, 0.3);
793
}
794
button.destructive-action {
797
background-color: #EA4335;
798
color: white;
799
}
800
button.destructive-action:disabled {
803
box-shadow: none;
804
background-color: rgba(255, 255, 255, 0.12);
805
color: rgba(255, 255, 255, 0.5);
806
}
807
button.destructive-action:checked {
810
background-color: #f07b72;
811
}
812
button.destructive-action.flat {
815
background-color: transparent;
816
color: #EA4335;
817
}
818
button.destructive-action.flat:disabled {
821
box-shadow: none;
822
background-color: transparent;
823
color: rgba(255, 255, 255, 0.5);
824
}
825
button.destructive-action.flat:checked {
828
background-color: rgba(234, 67, 53, 0.3);
829
}
830
.stack-switcher >
832
button {
833
outline-offset: -4px;
834
}
835
.stack-switcher >
837
button > label {
838
padding-left: 6px;
839
padding-right: 6px;
840
}
841
.stack-switcher >
843
button > image {
844
padding-left: 6px;
845
padding-right: 6px;
846
padding-top: 3px;
847
padding-bottom: 3px;
848
}
849
.stack-switcher >
851
button.text-button {
852
padding-left: 10px;
853
padding-right: 10px;
854
}
855
.stack-switcher >
857
button.image-button {
858
padding-left: 2px;
859
padding-right: 2px;
860
}
861
.stack-switcher >
863
button.needs-attention:checked > label,
864
.stack-switcher >
865
button.needs-attention:checked > image {
866
animation: none;
867
background-image: none;
868
}
869
.primary-toolbar
871
button {
872
-gtk-icon-shadow: none;
873
}
874
button.image-button, toolbar .linked > button.image-button, .titlebar:not(headerbar) .linked > button.image-button:not(.suggested-action):not(.destructive-action),
877
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
878
.linked.vertical > button.image-button,
879
headerbar
880
.linked.vertical > button.image-button:not(.suggested-action):not(.destructive-action), .app-notification
881
.linked.vertical > button.image-button, .nemo-window .toolbar
882
.linked.vertical > button.image-button, .linked > button.flat.image-button,
883
.linked.vertical > button.flat.image-button, .inline-toolbar button:not(.text-button), check,
884
radio, button.titlebutton, .nautilus-window headerbar > revealer > button, .raven .raven-header:not(.top) button.image-button, .raven .expander-button,
885
button.close,
886
button.circular {
887
border-radius: 9999px;
888
-gtk-outline-radius: 9999px;
889
}
890
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 {
892
min-height: 24px;
893
min-width: 24px;
894
padding: 0;
895
border-radius: 9999px;
896
-gtk-outline-radius: 9999px;
897
}
898
.stack-switcher >
900
button.needs-attention > label,
901
.stack-switcher >
902
button.needs-attention > image, stacksidebar row.needs-attention > label {
903
animation: needs_attention 250ms cubic-bezier(0, 0, 0.2, 1) forwards;
904
background-repeat: no-repeat;
905
background-position: right 3px;
906
background-size: 6px 6px;
907
}
908
.stack-switcher >
910
button.needs-attention > label:dir(rtl),
911
.stack-switcher >
912
button.needs-attention > image:dir(rtl), stacksidebar row.needs-attention > label:dir(rtl) {
913
background-position: left 3px;
914
}
915
.linked:not(.vertical) > spinbutton:not(.vertical), .linked:not(.vertical) > entry, .linked > button, .linked:not(.vertical) > combobox > box > button.combo {
917
border-radius: 0;
918
-gtk-outline-radius: 2px;
919
}
920
.linked:not(.vertical) > spinbutton:first-child:not(.vertical), .linked:not(.vertical) > entry:first-child, .linked > button:first-child, combobox.linked button:nth-child(2):dir(rtl), .linked:not(.vertical) > combobox:first-child > box > button.combo {
922
border-top-left-radius: 2px;
923
border-bottom-left-radius: 2px;
924
}
925
.linked:not(.vertical) > spinbutton:last-child:not(.vertical), .linked:not(.vertical) > entry:last-child, .linked > button:last-child, combobox.linked button:nth-child(2):dir(ltr), .linked:not(.vertical) > combobox:last-child > box > button.combo {
927
border-top-right-radius: 2px;
928
border-bottom-right-radius: 2px;
929
}
930
.linked:not(.vertical) > spinbutton:only-child:not(.vertical), .linked:not(.vertical) > entry:only-child, .linked > button:only-child, .linked:not(.vertical) > combobox:only-child > box > button.combo {
932
border-radius: 2px;
933
}
934
.linked.vertical > spinbutton:not(.vertical), .linked.vertical > entry, .linked.vertical > button, .linked.vertical > combobox > box > button.combo {
936
border-radius: 0;
937
-gtk-outline-radius: 2px;
938
}
939
.linked.vertical > spinbutton:first-child:not(.vertical), .linked.vertical > entry:first-child, .linked.vertical > button:first-child, .linked.vertical > combobox:first-child > box > button.combo {
941
border-top-left-radius: 2px;
942
border-top-right-radius: 2px;
943
}
944
.linked.vertical > spinbutton:last-child:not(.vertical), .linked.vertical > entry:last-child, .linked.vertical > button:last-child, .linked.vertical > combobox:last-child > box > button.combo {
946
border-bottom-left-radius: 2px;
947
border-bottom-right-radius: 2px;
948
}
949
.linked.vertical > spinbutton:only-child:not(.vertical), .linked.vertical > entry:only-child, .linked.vertical > button:only-child, .linked.vertical > combobox:only-child > box > button.combo {
951
border-radius: 2px;
952
}
953
/* menu buttons */
955
modelbutton.flat,
956
.menuitem.button.flat {
957
min-height: 28px;
958
padding: 0 8px;
959
border-radius: 2px;
960
color: inherit;
961
}
962
modelbutton.flat arrow {
964
background: none;
965
}
966
modelbutton.flat arrow:hover {
968
background: none;
969
}
970
modelbutton.flat arrow.left {
972
-gtk-icon-source: -gtk-icontheme("pan-start-symbolic");
973
}
974
modelbutton.flat arrow.right {
976
-gtk-icon-source: -gtk-icontheme("pan-end-symbolic");
977
}
978
button.color {
980
min-height: 24px;
981
min-width: 24px;
982
padding: 4px;
983
}
984
/*********
986
* Links *
987
*********/
988
*:link, button:link,
989
button:visited, *:link:hover, button:hover:link,
990
button:hover:visited, *:link:active, button:active:link,
991
button:active:visited {
992
color: #4285F4;
993
}
994
*:link:visited,
996
button:visited, *:link:visited:hover,
997
button:visited:hover, *:link:visited:active,
998
button:visited:active {
999
color: #E040FB;
1000
}
1001
infobar.info *:link, infobar.info button:link, infobar.info
1003
button:visited, infobar.question *:link, infobar.question button:link, infobar.question
1004
button:visited, infobar.warning *:link, infobar.warning button:link, infobar.warning
1005
button:visited, infobar.error *:link, infobar.error button:link, infobar.error
1006
button:visited, *:link:selected, button:selected:link,
1007
button:selected:visited, .selection-mode.titlebar:not(headerbar) .subtitle:link,
1008
headerbar.selection-mode .subtitle:link,
1009
*:selected *:link,
1010
*:selected button:link,
1011
*:selected
1012
button:visited {
1013
color: white;
1014
}
1015
button:link > label,
1017
button:visited > label {
1018
text-decoration-line: underline;
1019
}
1020
/*****************
1022
* GtkSpinButton *
1023
*****************/
1024
spinbutton:not(.vertical) {
1025
padding: 0;
1026
}
1027
notebook > stack:not(:only-child) spinbutton:not(.vertical) entry, notebook > stack:not(:only-child) spinbutton:not(.vertical) entry:focus, notebook > stack:not(:only-child) spinbutton:not(.vertical) entry:disabled,
1029
spinbutton:not(.vertical) entry {
1030
min-width: 24px;
1031
margin: 0;
1032
border-image: none;
1033
border-radius: 0;
1034
box-shadow: none;
1035
background-color: transparent;
1036
}
1037
spinbutton:not(.vertical) button {
1039
border: solid 4px transparent;
1040
}
1041
spinbutton:not(.vertical) button.up:dir(ltr), spinbutton:not(.vertical) button.down:dir(rtl) {
1043
margin-left: -2px;
1044
}
1045
spinbutton:not(.vertical) button.up:dir(rtl), spinbutton:not(.vertical) button.down:dir(ltr) {
1047
margin-right: -2px;
1048
}
1049
spinbutton.vertical:disabled {
1051
color: rgba(255, 255, 255, 0.5);
1052
}
1053
spinbutton.vertical:drop(active) {
1055
box-shadow: none;
1056
}
1057
spinbutton.vertical entry {
1059
min-height: 32px;
1060
min-width: 40px;
1061
padding: 0;
1062
}
1063
spinbutton.vertical button {
1065
min-height: 32px;
1066
min-width: 40px;
1067
padding: 0;
1068
}
1069
spinbutton.vertical button.up {
1071
border-radius: 2px 2px 0 0;
1072
}
1073
spinbutton.vertical button.down {
1075
border-radius: 0 0 2px 2px;
1076
}
1077
treeview spinbutton:not(.vertical) {
1079
min-height: 0;
1080
border-style: none;
1081
border-radius: 0;
1082
}
1083
treeview spinbutton:not(.vertical) entry {
1085
min-height: 0;
1086
padding: 1px 2px;
1087
}
1088
/**************
1090
* ComboBoxes *
1091
**************/
1092
combobox arrow {
1093
-gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
1094
min-height: 16px;
1095
min-width: 16px;
1096
}
1097
combobox decoration,
1099
combobox button.combo:checked {
1100
transition: none;
1101
}
1102
combobox button.combo cellview:dir(ltr) {
1104
margin-left: 0px;
1105
}
1106
combobox button.combo cellview:dir(rtl) {
1108
margin-right: 0px;
1109
}
1110
combobox #gtk-combobox-popup-menu {
1112
padding: 2px 0;
1113
}
1114
combobox #gtk-combobox-popup-menu menuitem {
1116
min-height: 28px;
1117
padding: 0 8px;
1118
}
1119
combobox #gtk-combobox-popup-menu > arrow.top {
1121
margin-top: -2px;
1122
}
1123
combobox #gtk-combobox-popup-menu > arrow.bottom {
1125
margin-top: 4px;
1126
margin-bottom: -6px;
1127
}
1128
combobox:drop(active) {
1130
box-shadow: none;
1131
}
1132
notebook > stack:not(:only-child) button.combo, .raven .raven-background button.combo, #login_window #user_combobox button {
1134
border-radius: 0;
1135
background-image: none;
1136
font-weight: inherit;
1137
transition: all 250ms cubic-bezier(0, 0, 0.2, 1);
1138
border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #4285F4 0%, transparent 0%) 0 0 0/0 0 0px;
1139
box-shadow: inset 0 -1px rgba(255, 255, 255, 0.3);
1140
background-color: transparent;
1141
color: white;
1142
}
1143
notebook > stack:not(:only-child) button.combo:hover, .raven .raven-background button.combo:hover, #login_window #user_combobox button:hover {
1145
box-shadow: inset 0 -2px rgba(255, 255, 255, 0.5);
1146
}
1147
notebook > stack:not(:only-child) button.combo:checked, .raven .raven-background button.combo:checked, #login_window #user_combobox button:checked {
1149
border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #4285F4 100%, transparent 0%) 0 0 2/0 0 2px;
1150
}
1151
notebook > stack:not(:only-child) button.combo:disabled, .raven .raven-background button.combo:disabled, #login_window #user_combobox button:disabled {
1153
box-shadow: inset 0 -1px rgba(255, 255, 255, 0.12);
1154
color: rgba(255, 255, 255, 0.5);
1155
}
1156
/************
1158
* Toolbars *
1159
************/
1160
toolbar {
1161
-GtkWidget-window-dragging: true;
1162
padding: 2px;
1163
background-color: #282828;
1164
}
1165
.osd toolbar {
1167
background-color: transparent;
1168
}
1169
toolbar.osd, .app-notification, frame.documents-dropdown {
1171
transition: box-shadow 150ms cubic-bezier(0, 0, 0.2, 1);
1172
padding: 4px;
1173
border-radius: 2px;
1174
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);
1175
background-color: #424242;
1176
}
1177
toolbar.osd:backdrop, .app-notification:backdrop, frame.documents-dropdown:backdrop {
1179
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);
1180
}
1181
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 {
1183
border-radius: 0;
1184
}
1185
toolbar.horizontal > separator {
1187
margin: 2px;
1188
}
1189
toolbar.vertical > separator {
1191
margin: 2px;
1192
}
1193
toolbar:not(.inline-toolbar):not(.osd) scale,
1195
toolbar:not(.inline-toolbar):not(.osd) entry,
1196
toolbar:not(.inline-toolbar):not(.osd) spinbutton,
1197
toolbar:not(.inline-toolbar):not(.osd) button {
1198
margin: 2px;
1199
}
1200
toolbar:not(.inline-toolbar):not(.osd) .linked entry:not(:first-child),
1202
toolbar:not(.inline-toolbar):not(.osd) .linked spinbutton:not(:first-child),
1203
toolbar:not(.inline-toolbar):not(.osd) .linked button:not(:first-child) {
1204
margin-left: 0;
1205
}
1206
toolbar:not(.inline-toolbar):not(.osd) .linked entry:not(:last-child),
1208
toolbar:not(.inline-toolbar):not(.osd) .linked spinbutton:not(:last-child),
1209
toolbar:not(.inline-toolbar):not(.osd) .linked button:not(:last-child) {
1210
margin-right: 0;
1211
}
1212
toolbar:not(.inline-toolbar):not(.osd) spinbutton entry,
1214
toolbar:not(.inline-toolbar):not(.osd) spinbutton button {
1215
margin: 0;
1216
}
1217
toolbar:not(.inline-toolbar):not(.osd) switch {
1219
margin: 6px 2px;
1220
}
1221
.inline-toolbar {
1223
padding: 4px;
1224
border-style: solid;
1225
border-width: 0 1px 1px;
1226
border-color: rgba(0, 0, 0, 0.26);
1227
background-color: #2C2C2C;
1228
}
1229
searchbar > revealer > box,
1231
.location-bar {
1232
padding: 4px;
1233
border-style: solid;
1234
border-width: 0 0 1px;
1235
border-color: rgba(0, 0, 0, 0.26);
1236
background-color: #282828;
1237
background-clip: border-box;
1238
}
1239
searchbar > revealer > box {
1241
margin: -6px;
1242
padding: 4px;
1243
}
1244
/***************
1246
* Header bars *
1247
***************/
1248
.titlebar:not(headerbar),
1249
headerbar {
1250
transition: background-color 150ms cubic-bezier(0, 0, 0.2, 1), color 250ms cubic-bezier(0, 0, 0.2, 1);
1251
min-height: 40px;
1252
padding: 0 4px;
1253
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);
1254
background-color: #383838;
1255
color: white;
1256
}
1257
.titlebar:disabled:not(headerbar) :not(button) > label,
1259
headerbar:disabled :not(button) > label {
1260
color: rgba(255, 255, 255, 0.5);
1261
}
1262
.titlebar:backdrop:not(headerbar),
1264
headerbar:backdrop {
1265
color: rgba(255, 255, 255, 0.7);
1266
}
1267
.titlebar:backdrop:disabled:not(headerbar) :not(button) > label,
1269
headerbar:backdrop:disabled :not(button) > label {
1270
color: rgba(255, 255, 255, 0.3);
1271
}
1272
.titlebar:not(headerbar) .title,
1274
headerbar .title {
1275
padding: 0 12px;
1276
font-weight: bold;
1277
}
1278
.titlebar:not(headerbar) .subtitle,
1280
headerbar .subtitle {
1281
padding: 0 12px;
1282
font-size: smaller;
1283
}
1284
.titlebar:not(headerbar) .linked:not(.vertical) > entry:not(.flat),
1286
headerbar .linked:not(.vertical) > entry:not(.flat) {
1287
border-radius: 2px;
1288
}
1289
.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action),
1291
headerbar button:not(.suggested-action):not(.destructive-action) {
1292
border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), currentColor 0%, transparent 0%) 0 0 0/0 0 0px;
1293
color: rgba(255, 255, 255, 0.7);
1294
}
1295
.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):hover, .titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):active,
1297
headerbar button:not(.suggested-action):not(.destructive-action):hover,
1298
headerbar button:not(.suggested-action):not(.destructive-action):active {
1299
color: white;
1300
}
1301
.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):disabled,
1303
headerbar button:not(.suggested-action):not(.destructive-action):disabled {
1304
color: rgba(255, 255, 255, 0.3);
1305
}
1306
.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):checked,
1308
headerbar button:not(.suggested-action):not(.destructive-action):checked {
1309
border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), currentColor 100%, transparent 0%) 0 0 2/0 0 2px;
1310
color: white;
1311
}
1312
.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):checked:disabled,
1314
headerbar button:not(.suggested-action):not(.destructive-action):checked:disabled {
1315
color: rgba(255, 255, 255, 0.5);
1316
}
1317
.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):checked, .titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):checked:disabled,
1319
headerbar button:not(.suggested-action):not(.destructive-action):checked,
1320
headerbar button:not(.suggested-action):not(.destructive-action):checked:disabled {
1321
background-color: transparent;
1322
}
1323
.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):backdrop,
1325
headerbar button:not(.suggested-action):not(.destructive-action):backdrop {
1326
color: rgba(255, 255, 255, 0.5);
1327
}
1328
.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):backdrop:hover, .titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):backdrop:active,
1330
headerbar button:not(.suggested-action):not(.destructive-action):backdrop:hover,
1331
headerbar button:not(.suggested-action):not(.destructive-action):backdrop:active {
1332
color: rgba(255, 255, 255, 0.7);
1333
}
1334
.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):backdrop:disabled,
1336
headerbar button:not(.suggested-action):not(.destructive-action):backdrop:disabled {
1337
color: rgba(255, 255, 255, 0.3);
1338
}
1339
.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):backdrop:checked,
1341
headerbar button:not(.suggested-action):not(.destructive-action):backdrop:checked {
1342
color: rgba(255, 255, 255, 0.7);
1343
}
1344
.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):backdrop:checked:disabled,
1346
headerbar button:not(.suggested-action):not(.destructive-action):backdrop:checked:disabled {
1347
color: rgba(255, 255, 255, 0.3);
1348
}
1349
.titlebar:not(headerbar) button.suggested-action:disabled, .titlebar:not(headerbar) button.destructive-action:disabled,
1351
headerbar button.suggested-action:disabled,
1352
headerbar button.destructive-action:disabled {
1353
background-color: rgba(255, 255, 255, 0.12);
1354
color: rgba(255, 255, 255, 0.5);
1355
}
1356
.selection-mode.titlebar:not(headerbar),
1358
headerbar.selection-mode {
1359
transition: background-color 0.00001s 250ms, color 250ms cubic-bezier(0, 0, 0.2, 1);
1360
animation: header_ripple_effect 250ms cubic-bezier(0, 0, 0.2, 1);
1361
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);
1362
background-color: #4285F4;
1363
color: white;
1364
}
1365
.selection-mode.titlebar:backdrop:not(headerbar),
1367
headerbar.selection-mode:backdrop {
1368
color: rgba(255, 255, 255, 0.7);
1369
}
1370
.selection-mode.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action),
1372
headerbar.selection-mode button:not(.suggested-action):not(.destructive-action) {
1373
border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), currentColor 0%, transparent 0%) 0 0 0/0 0 0px;
1374
color: white;
1375
}
1376
.selection-mode.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):disabled,
1378
headerbar.selection-mode button:not(.suggested-action):not(.destructive-action):disabled {
1379
color: rgba(255, 255, 255, 0.5);
1380
}
1381
.selection-mode.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):checked,
1383
headerbar.selection-mode button:not(.suggested-action):not(.destructive-action):checked {
1384
border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), currentColor 100%, transparent 0%) 0 0 2/0 0 2px;
1385
color: white;
1386
}
1387
.selection-mode.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):checked:disabled,
1389
headerbar.selection-mode button:not(.suggested-action):not(.destructive-action):checked:disabled {
1390
color: rgba(255, 255, 255, 0.5);
1391
}
1392
.selection-mode.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):backdrop,
1394
headerbar.selection-mode button:not(.suggested-action):not(.destructive-action):backdrop {
1395
color: rgba(255, 255, 255, 0.7);
1396
}
1397
.selection-mode.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):backdrop:disabled,
1399
headerbar.selection-mode button:not(.suggested-action):not(.destructive-action):backdrop:disabled {
1400
color: rgba(255, 255, 255, 0.3);
1401
}
1402
.selection-mode.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):backdrop:checked,
1404
headerbar.selection-mode button:not(.suggested-action):not(.destructive-action):backdrop:checked {
1405
color: rgba(255, 255, 255, 0.7);
1406
}
1407
.selection-mode.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):backdrop:checked:disabled,
1409
headerbar.selection-mode button:not(.suggested-action):not(.destructive-action):backdrop:checked:disabled {
1410
color: rgba(255, 255, 255, 0.3);
1411
}
1412
.selection-mode.titlebar:not(headerbar) .selection-menu,
1414
headerbar.selection-mode .selection-menu {
1415
padding-left: 16px;
1416
padding-right: 16px;
1417
}
1418
.selection-mode.titlebar:not(headerbar) .selection-menu arrow,
1420
headerbar.selection-mode .selection-menu arrow {
1421
-GtkArrow-arrow-scaling: 1;
1422
}
1423
.selection-mode.titlebar:not(headerbar) .selection-menu .arrow,
1425
headerbar.selection-mode .selection-menu .arrow {
1426
-gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
1427
}
1428
.tiled .titlebar:not(headerbar),
1430
.tiled-top .titlebar:not(headerbar),
1431
.tiled-right .titlebar:not(headerbar),
1432
.tiled-bottom .titlebar:not(headerbar),
1433
.tiled-left .titlebar:not(headerbar),
1434
.maximized .titlebar:not(headerbar),
1435
.fullscreen .titlebar:not(headerbar), .tiled
1436
headerbar,
1437
.tiled-top
1438
headerbar,
1439
.tiled-right
1440
headerbar,
1441
.tiled-bottom
1442
headerbar,
1443
.tiled-left
1444
headerbar,
1445
.maximized
1446
headerbar,
1447
.fullscreen
1448
headerbar {
1449
border-radius: 0;
1450
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
1451
}
1452
.default-decoration.titlebar:not(headerbar),
1454
headerbar.default-decoration {
1455
min-height: 24px;
1456
padding: 4px;
1457
box-shadow: inset 0 1px rgba(255, 255, 255, 0.1);
1458
}
1459
.tiled .default-decoration.titlebar:not(headerbar),
1461
.maximized .default-decoration.titlebar:not(headerbar),
1462
.fullscreen .default-decoration.titlebar:not(headerbar), .tiled
1463
headerbar.default-decoration,
1464
.maximized
1465
headerbar.default-decoration,
1466
.fullscreen
1467
headerbar.default-decoration {
1468
box-shadow: none;
1469
}
1470
.default-decoration.titlebar:not(headerbar) button.titlebutton,
1472
headerbar.default-decoration button.titlebutton {
1473
min-height: 24px;
1474
min-width: 24px;
1475
margin: 0;
1476
padding: 0;
1477
}
1478
.background:not(.csd) .default-decoration.titlebar:not(headerbar) button.titlebutton:active, .background:not(.csd)
1480
headerbar.default-decoration button.titlebutton:active {
1481
background-size: 1000% 1000%;
1482
}
1483
headerbar entry,
1485
headerbar spinbutton,
1486
headerbar button {
1487
margin-top: 4px;
1488
margin-bottom: 4px;
1489
}
1490
headerbar switch {
1492
margin-top: 8px;
1493
margin-bottom: 8px;
1494
}
1495
headerbar spinbutton button {
1497
margin-top: 0;
1498
margin-bottom: 0;
1499
}
1500
.background .titlebar {
1502
border-top-left-radius: 2px;
1503
border-top-right-radius: 2px;
1504
}
1505
.background.tiled .titlebar,
1507
.background.tiled-top .titlebar,
1508
.background.tiled-right .titlebar,
1509
.background.tiled-bottom .titlebar,
1510
.background.tiled-left .titlebar,
1511
.background.maximized .titlebar,
1512
.background.solid-csd .titlebar {
1513
border-top-left-radius: 0;
1514
border-top-right-radius: 0;
1515
}
1516
window separator:first-child + headerbar,
1518
window headerbar:first-child {
1519
border-top-left-radius: 2px;
1520
}
1521
window headerbar:last-child {
1523
border-top-right-radius: 2px;
1524
}
1525
window stack headerbar:first-child, window stack headerbar:last-child {
1527
border-top-left-radius: 2px;
1528
border-top-right-radius: 2px;
1529
}
1530
window.tiled headerbar, window.tiled headerbar:first-child, window.tiled headerbar:last-child, window.tiled headerbar:only-child,
1532
window.tiled-top headerbar,
1533
window.tiled-top headerbar:first-child,
1534
window.tiled-top headerbar:last-child,
1535
window.tiled-top headerbar:only-child,
1536
window.tiled-right headerbar,
1537
window.tiled-right headerbar:first-child,
1538
window.tiled-right headerbar:last-child,
1539
window.tiled-right headerbar:only-child,
1540
window.tiled-bottom headerbar,
1541
window.tiled-bottom headerbar:first-child,
1542
window.tiled-bottom headerbar:last-child,
1543
window.tiled-bottom headerbar:only-child,
1544
window.tiled-left headerbar,
1545
window.tiled-left headerbar:first-child,
1546
window.tiled-left headerbar:last-child,
1547
window.tiled-left headerbar:only-child,
1548
window.maximized headerbar,
1549
window.maximized headerbar:first-child,
1550
window.maximized headerbar:last-child,
1551
window.maximized headerbar:only-child,
1552
window.fullscreen headerbar,
1553
window.fullscreen headerbar:first-child,
1554
window.fullscreen headerbar:last-child,
1555
window.fullscreen headerbar:only-child,
1556
window.solid-csd headerbar,
1557
window.solid-csd headerbar:first-child,
1558
window.solid-csd headerbar:last-child,
1559
window.solid-csd headerbar:only-child {
1560
border-top-left-radius: 0;
1561
border-top-right-radius: 0;
1562
}
1563
window.csd > .titlebar:not(headerbar) {
1565
padding: 0;
1566
background-color: transparent;
1567
background-image: none;
1568
border-style: none;
1569
box-shadow: none;
1570
}
1571
.titlebar:not(headerbar) > separator {
1573
background-color: #383838;
1574
background-image: image(rgba(0, 0, 0, 0.26));
1575
}
1576
/************
1578
* Pathbars *
1579
************/
1580
.caja-pathbar button,
1581
.path-bar button {
1582
padding-left: 4px;
1583
padding-right: 4px;
1584
}
1585
.caja-pathbar button label:not(:only-child):first-child,
1587
.path-bar button label:not(:only-child):first-child {
1588
margin-left: 4px;
1589
}
1590
.caja-pathbar button label:not(:only-child):last-child,
1592
.path-bar button label:not(:only-child):last-child {
1593
margin-right: 4px;
1594
}
1595
.caja-pathbar button.slider-button,
1597
.path-bar button.slider-button {
1598
padding-left: 4px;
1599
padding-right: 4px;
1600
}
1601
:not(headerbar) .caja-pathbar button, .caja-pathbar :not(headerbar) button, :not(headerbar)
1603
.path-bar button {
1604
border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #4285F4 0%, transparent 0%) 0 0 0/0 0 0px;
1605
border-radius: 2px;
1606
}
1607
:not(headerbar) .caja-pathbar button:checked, .caja-pathbar :not(headerbar) button:checked, :not(headerbar)
1609
.path-bar button:checked {
1610
border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #4285F4 100%, transparent 0%) 0 0 2/0 0 2px;
1611
}
1612
: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)
1614
.path-bar button:checked, :not(headerbar)
1615
.path-bar button:checked:disabled {
1616
background-color: transparent;
1617
}
1618
/**************
1620
* Tree Views *
1621
**************/
1622
treeview.view {
1623
border-left-color: rgba(255, 255, 255, 0.3);
1624
border-top-color: rgba(0, 0, 0, 0.26);
1625
}
1626
* {
1628
-GtkTreeView-horizontal-separator: 4;
1629
-GtkTreeView-grid-line-width: 1;
1630
-GtkTreeView-grid-line-pattern: '';
1631
-GtkTreeView-tree-line-width: 1;
1632
-GtkTreeView-tree-line-pattern: '';
1633
-GtkTreeView-expander-size: 16;
1634
}
1635
treeview.view:selected {
1637
border-left-color: rgba(255, 255, 255, 0.3);
1638
}
1639
treeview.view:hover, treeview.view:active, treeview.view:selected {
1641
border-radius: 0;
1642
}
1643
treeview.view.separator {
1645
min-height: 5px;
1646
color: rgba(0, 0, 0, 0.26);
1647
}
1648
treeview.view:drop(active) {
1650
border-style: solid none;
1651
border-width: 1px;
1652
border-color: #01A299;
1653
}
1654
treeview.view:drop(active).after {
1656
border-top-style: none;
1657
}
1658
treeview.view:drop(active).before {
1660
border-bottom-style: none;
1661
}
1662
treeview.view.expander {
1664
-gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
1665
-gtk-icon-transform: rotate(-90deg);
1666
color: rgba(255, 255, 255, 0.7);
1667
}
1668
treeview.view.expander:dir(rtl) {
1670
-gtk-icon-transform: rotate(90deg);
1671
}
1672
treeview.view.expander:checked {
1674
-gtk-icon-transform: unset;
1675
}
1676
treeview.view.expander:hover, treeview.view.expander:active {
1678
color: white;
1679
}
1680
treeview.view.expander:disabled {
1682
color: rgba(255, 255, 255, 0.3);
1683
}
1684
treeview.view.expander:selected {
1686
color: rgba(255, 255, 255, 0.7);
1687
}
1688
treeview.view.expander:selected:hover, treeview.view.expander:selected:active {
1690
color: white;
1691
}
1692
treeview.view.expander:selected:disabled {
1694
color: rgba(255, 255, 255, 0.3);
1695
}
1696
treeview.view.progressbar {
1698
border-bottom: 4px solid #4285F4;
1699
box-shadow: none;
1700
background-color: transparent;
1701
}
1702
treeview.view.progressbar:selected {
1704
border-bottom-color: white;
1705
}
1706
treeview.view.trough {
1708
border-bottom: 4px solid rgba(66, 133, 244, 0.3);
1709
box-shadow: none;
1710
background-color: transparent;
1711
}
1712
treeview.view.trough:selected {
1714
border-bottom-color: rgba(255, 255, 255, 0.3);
1715
}
1716
treeview.view header button {
1718
padding: 2px 6px;
1719
border-style: none solid solid none;
1720
border-width: 1px;
1721
border-color: rgba(0, 0, 0, 0.26);
1722
border-radius: 0;
1723
background-clip: border-box;
1724
}
1725
treeview.view header button, treeview.view header button:hover, treeview.view header button:active {
1727
box-shadow: none;
1728
}
1729
treeview.view header button, treeview.view header button:disabled {
1731
background-color: #303030;
1732
}
1733
treeview.view header button:last-child {
1735
border-right-style: none;
1736
}
1737
treeview.view button.dnd,
1739
treeview.view header.button.dnd {
1740
padding: 2px 6px;
1741
border-style: none solid solid;
1742
border-width: 1px;
1743
border-color: rgba(0, 0, 0, 0.26);
1744
border-radius: 0;
1745
box-shadow: none;
1746
background-color: #303030;
1747
background-clip: border-box;
1748
color: #4285F4;
1749
}
1750
treeview.view acceleditor > label {
1752
background-color: #4285F4;
1753
}
1754
/*********
1756
* Menus *
1757
*********/
1758
menubar,
1759
.menubar {
1760
-GtkWidget-window-dragging: true;
1761
padding: 0;
1762
background-color: #383838;
1763
}
1764
menubar > menuitem,
1766
.menubar > menuitem {
1767
transition: all 150ms cubic-bezier(0, 0, 0.2, 1);
1768
min-height: 20px;
1769
padding: 4px 8px;
1770
color: rgba(255, 255, 255, 0.7);
1771
}
1772
menubar > menuitem:hover,
1774
.menubar > menuitem:hover {
1775
transition: none;
1776
background-color: rgba(255, 255, 255, 0.12);
1777
color: white;
1778
}
1779
menubar > menuitem:disabled,
1781
.menubar > menuitem:disabled {
1782
color: rgba(255, 255, 255, 0.3);
1783
}
1784
menubar > menuitem label:disabled,
1786
.menubar > menuitem label:disabled {
1787
color: inherit;
1788
}
1789
.csd.popup {
1791
background-color: transparent;
1792
}
1793
menu,
1795
.menu,
1796
.context-menu {
1797
margin: 4px 0;
1798
padding: 4px 0;
1799
box-shadow: inset 0 1px rgba(255, 255, 255, 0.1);
1800
background-color: #424242;
1801
border: 1px solid rgba(0, 0, 0, 0.26);
1802
}
1803
.csd menu, .csd
1805
.menu, .csd
1806
.context-menu {
1807
border: none;
1808
border-radius: 2px;
1809
}
1810
menu menuitem,
1812
.menu menuitem,
1813
.context-menu menuitem {
1814
transition: background-color 150ms cubic-bezier(0, 0, 0.2, 1);
1815
min-height: 20px;
1816
min-width: 40px;
1817
padding: 4px 8px;
1818
font: initial;
1819
text-shadow: none;
1820
}
1821
menu menuitem:hover,
1823
.menu menuitem:hover,
1824
.context-menu menuitem:hover {
1825
transition: none;
1826
background-color: rgba(255, 255, 255, 0.12);
1827
}
1828
menu menuitem:disabled,
1830
.menu menuitem:disabled,
1831
.context-menu menuitem:disabled {
1832
color: rgba(255, 255, 255, 0.5);
1833
}
1834
menu menuitem arrow,
1836
.menu menuitem arrow,
1837
.context-menu menuitem arrow {
1838
min-height: 16px;
1839
min-width: 16px;
1840
}
1841
menu menuitem arrow:dir(ltr),
1843
.menu menuitem arrow:dir(ltr),
1844
.context-menu menuitem arrow:dir(ltr) {
1845
-gtk-icon-source: -gtk-icontheme("pan-end-symbolic");
1846
margin-left: 8px;
1847
}
1848
menu menuitem arrow:dir(rtl),
1850
.menu menuitem arrow:dir(rtl),
1851
.context-menu menuitem arrow:dir(rtl) {
1852
-gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl");
1853
margin-right: 8px;
1854
}
1855
menu menuitem label:dir(rtl), menu menuitem label:dir(ltr),
1857
.menu menuitem label:dir(rtl),
1858
.menu menuitem label:dir(ltr),
1859
.context-menu menuitem label:dir(rtl),
1860
.context-menu menuitem label:dir(ltr) {
1861
color: inherit;
1862
}
1863
menu > arrow,
1865
.menu > arrow,
1866
.context-menu > arrow {
1867
min-height: 16px;
1868
min-width: 16px;
1869
padding: 4px;
1870
background-color: #424242;
1871
color: rgba(255, 255, 255, 0.7);
1872
}
1873
menu > arrow.top,
1875
.menu > arrow.top,
1876
.context-menu > arrow.top {
1877
margin-top: -4px;
1878
border-bottom: 1px solid rgba(0, 0, 0, 0.26);
1879
border-radius: 2px 2px 0 0;
1880
-gtk-icon-source: -gtk-icontheme("pan-up-symbolic");
1881
}
1882
menu > arrow.bottom,
1884
.menu > arrow.bottom,
1885
.context-menu > arrow.bottom {
1886
margin-top: 8px;
1887
margin-bottom: -12px;
1888
border-top: 1px solid rgba(0, 0, 0, 0.26);
1889
border-radius: 0 0 2px 2px;
1890
-gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
1891
}
1892
menu > arrow:hover,
1894
.menu > arrow:hover,
1895
.context-menu > arrow:hover {
1896
background-image: image(rgba(255, 255, 255, 0.12));
1897
color: white;
1898
}
1899
menu > arrow:disabled,
1901
.menu > arrow:disabled,
1902
.context-menu > arrow:disabled {
1903
border-color: transparent;
1904
background-color: transparent;
1905
color: transparent;
1906
}
1907
menu separator,
1909
.menu separator,
1910
.context-menu separator {
1911
margin: 4px 0;
1912
}
1913
menuitem accelerator {
1915
color: rgba(255, 255, 255, 0.7);
1916
}
1917
.popup:not(.csd) menu menuitem {
1919
color: #FFFFFF;
1920
}
1921
.popup:not(.csd) menu menuitem:hover {
1923
background-color: #595959;
1924
}
1925
.popup:not(.csd) menu menuitem:disabled {
1927
color: #a1a1a1;
1928
}
1929
.popup:not(.csd) menu accelerator {
1931
color: #c6c6c6;
1932
}
1933
/************
1935
* Popovers *
1936
************/
1937
popover.background {
1938
transition: box-shadow 150ms cubic-bezier(0, 0, 0.2, 1);
1939
padding: 2px;
1940
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23);
1941
background-color: #424242;
1942
}
1943
popover.background:backdrop {
1945
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
1946
}
1947
popover.background, .csd popover.background {
1949
border-style: solid;
1950
border-width: 1px;
1951
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.2) rgba(0, 0, 0, 0.3);
1952
border-radius: 3px;
1953
}
1954
popover.background > stack {
1956
margin: -4px;
1957
}
1958
popover.background > toolbar {
1960
margin: -2px;
1961
}
1962
popover.background > list,
1964
popover.background > .view,
1965
popover.background > toolbar {
1966
border-style: none;
1967
box-shadow: none;
1968
background-color: transparent;
1969
}
1970
popover.background.menu button,
1972
popover.background button.model {
1973
min-height: 32px;
1974
padding: 0 8px;
1975
border-radius: 2px;
1976
}
1977
popover.background separator {
1979
margin: 4px 0;
1980
}
1981
popover.background list separator {
1983
margin: 0;
1984
}
1985
/*************
1987
* Notebooks *
1988
*************/
1989
notebook > header {
1990
border-width: 1px;
1991
border-color: rgba(0, 0, 0, 0.26);
1992
background-color: #282828;
1993
background-clip: border-box;
1994
}
1995
notebook > header.top {
1997
border-bottom-style: solid;
1998
}
1999
notebook > header.top > tabs {
2001
margin-bottom: -1px;
2002
}
2003
notebook > header.top > tabs > tab:hover {
2005
box-shadow: inset 0 -2px rgba(255, 255, 255, 0.3);
2006
}
2007
notebook > header.top > tabs > tab:checked {
2009
box-shadow: inset 0 -2px #4285F4;
2010
}
2011
notebook > header.bottom {
2013
border-top-style: solid;
2014
}
2015
notebook > header.bottom > tabs {
2017
margin-top: -1px;
2018
}
2019
notebook > header.bottom > tabs > tab:hover {
2021
box-shadow: inset 0 2px rgba(255, 255, 255, 0.3);
2022
}
2023
notebook > header.bottom > tabs > tab:checked {
2025
box-shadow: inset 0 2px #4285F4;
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:hover {
2037
box-shadow: inset -2px 0 rgba(255, 255, 255, 0.3);
2038
}
2039
notebook > header.left > tabs > tab:checked {
2041
box-shadow: inset -2px 0 #4285F4;
2042
}
2043
notebook > header.right {
2045
border-left-style: solid;
2046
}
2047
notebook > header.right > tabs {
2049
margin-left: -1px;
2050
}
2051
notebook > header.right > tabs > tab:hover {
2053
box-shadow: inset 2px 0 rgba(255, 255, 255, 0.3);
2054
}
2055
notebook > header.right > tabs > tab:checked {
2057
box-shadow: inset 2px 0 #4285F4;
2058
}
2059
notebook > header.top > tabs > arrow {
2061
border-top-style: none;
2062
}
2063
notebook > header.bottom > tabs > arrow {
2065
border-bottom-style: none;
2066
}
2067
notebook > header.top > tabs > arrow, notebook > header.bottom > tabs > arrow {
2069
padding-left: 4px;
2070
padding-right: 4px;
2071
}
2072
notebook > header.top > tabs > arrow.down, notebook > header.bottom > tabs > arrow.down {
2074
margin-left: -8px;
2075
-gtk-icon-source: -gtk-icontheme("pan-start-symbolic");
2076
}
2077
notebook > header.top > tabs > arrow.up, notebook > header.bottom > tabs > arrow.up {
2079
margin-right: -8px;
2080
-gtk-icon-source: -gtk-icontheme("pan-end-symbolic");
2081
}
2082
notebook > header.left > tabs > arrow {
2084
border-left-style: none;
2085
}
2086
notebook > header.right > tabs > arrow {
2088
border-right-style: none;
2089
}
2090
notebook > header.left > tabs > arrow, notebook > header.right > tabs > arrow {
2092
padding-top: 4px;
2093
padding-bottom: 4px;
2094
}
2095
notebook > header.left > tabs > arrow.down, notebook > header.right > tabs > arrow.down {
2097
margin-top: -8px;
2098
-gtk-icon-source: -gtk-icontheme("pan-up-symbolic");
2099
}
2100
notebook > header.left > tabs > arrow.up, notebook > header.right > tabs > arrow.up {
2102
margin-bottom: -8px;
2103
-gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
2104
}
2105
notebook > header > tabs > arrow {
2107
min-height: 16px;
2108
min-width: 16px;
2109
border-radius: 0;
2110
}
2111
notebook > header tab {
2113
transition: all 250ms cubic-bezier(0, 0, 0.2, 1), background-size 0, background-image 0;
2114
min-height: 24px;
2115
min-width: 24px;
2116
padding: 4px 12px;
2117
outline-offset: -6px;
2118
border-width: 1px;
2119
border-color: transparent;
2120
background-image: radial-gradient(circle farthest-corner at center, #4285F4 10%, transparent 0%);
2121
background-repeat: no-repeat;
2122
background-position: center;
2123
background-size: 0% 0%;
2124
color: rgba(255, 255, 255, 0.7);
2125
font-weight: 500;
2126
}
2127
notebook > header tab:hover {
2129
color: white;
2130
}
2131
notebook > header tab:hover.reorderable-page {
2133
border-color: rgba(0, 0, 0, 0.26);
2134
background-color: #2C2C2C;
2135
}
2136
notebook > header tab:disabled {
2138
color: rgba(255, 255, 255, 0.3);
2139
}
2140
notebook > header tab:checked {
2142
transition: all 250ms cubic-bezier(0, 0, 0.2, 1), background-size 250ms cubic-bezier(0, 0, 0.2, 1), background-image 600ms cubic-bezier(0, 0, 0.2, 1);
2143
background-image: radial-gradient(circle farthest-corner at center, transparent 10%, transparent 0%);
2144
background-size: 1000% 1000%;
2145
color: white;
2146
}
2147
notebook > header tab:checked:disabled {
2149
color: rgba(255, 255, 255, 0.5);
2150
}
2151
notebook > header tab:checked.reorderable-page {
2153
border-color: rgba(0, 0, 0, 0.26);
2154
background-color: #303030;
2155
}
2156
notebook > header tab button.flat:last-child {
2158
margin-left: 4px;
2159
margin-right: -8px;
2160
}
2161
notebook > header tab button.flat:first-child {
2163
margin-left: -8px;
2164
margin-right: 4px;
2165
}
2166
notebook > header.top tabs, notebook > header.bottom tabs {
2168
padding-left: 8px;
2169
padding-right: 8px;
2170
}
2171
notebook > header.top tabs:not(:only-child):first-child, notebook > header.bottom tabs:not(:only-child):first-child {
2173
margin-left: 0;
2174
}
2175
notebook > header.top tabs:not(:only-child):last-child, notebook > header.bottom tabs:not(:only-child):last-child {
2177
margin-right: 0;
2178
}
2179
notebook > header.top tabs tab.reorderable-page, notebook > header.bottom tabs tab.reorderable-page {
2181
margin: 0 -1px;
2182
border-style: none solid;
2183
}
2184
notebook > header.left tabs, notebook > header.right tabs {
2186
padding-top: 8px;
2187
padding-bottom: 8px;
2188
}
2189
notebook > header.left tabs:not(:only-child):first-child, notebook > header.right tabs:not(:only-child):first-child {
2191
margin-top: 0;
2192
}
2193
notebook > header.left tabs:not(:only-child):last-child, notebook > header.right tabs:not(:only-child):last-child {
2195
margin-bottom: 0;
2196
}
2197
notebook > header.left tabs tab.reorderable-page, notebook > header.right tabs tab.reorderable-page {
2199
margin: -1px 0;
2200
border-style: solid none;
2201
}
2202
notebook > stack:not(:only-child) {
2204
background-color: #303030;
2205
}
2206
/**************
2208
* Scrollbars *
2209
**************/
2210
scrollbar {
2211
transition: all 250ms cubic-bezier(0, 0, 0.2, 1);
2212
background-color: #303030;
2213
background-clip: border-box;
2214
}
2215
* {
2217
-GtkScrollbar-has-backward-stepper: false;
2218
-GtkScrollbar-has-forward-stepper: false;
2219
}
2220
scrollbar.top {
2222
border-bottom: 1px solid rgba(0, 0, 0, 0.26);
2223
}
2224
scrollbar.bottom {
2226
border-top: 1px solid rgba(0, 0, 0, 0.26);
2227
}
2228
scrollbar.left {
2230
border-right: 1px solid rgba(0, 0, 0, 0.26);
2231
}
2232
scrollbar.right {
2234
border-left: 1px solid rgba(0, 0, 0, 0.26);
2235
}
2236
scrollbar slider {
2238
transition: all 150ms cubic-bezier(0, 0, 0.2, 1), margin 0, border-width 0;
2239
min-width: 8px;
2240
min-height: 8px;
2241
border: 4px solid transparent;
2242
border-radius: 9999px;
2243
background-clip: padding-box;
2244
background-color: rgba(255, 255, 255, 0.5);
2245
}
2246
scrollbar slider:hover {
2248
background-color: rgba(255, 255, 255, 0.7);
2249
}
2250
scrollbar slider:active {
2252
background-color: white;
2253
}
2254
scrollbar slider:disabled {
2256
background-color: rgba(255, 255, 255, 0.3);
2257
}
2258
scrollbar.fine-tune slider {
2260
transition: all 150ms cubic-bezier(0, 0, 0.2, 1), margin 0, border-width 0, min-width 0, min-height 0;
2261
min-width: 4px;
2262
min-height: 4px;
2263
}
2264
scrollbar.fine-tune.horizontal slider {
2266
margin: 2px 0;
2267
}
2268
scrollbar.fine-tune.vertical slider {
2270
margin: 0 2px;
2271
}
2272
scrollbar.overlay-indicator:not(.dragging):not(.hovering) {
2274
border-color: transparent;
2275
background-color: transparent;
2276
}
2277
scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider {
2279
min-width: 4px;
2280
min-height: 4px;
2281
margin: 3px;
2282
border: 1px solid rgba(48, 48, 48, 0.3);
2283
}
2284
scrollbar.overlay-indicator:not(.dragging):not(.hovering) button {
2286
min-width: 4px;
2287
min-height: 4px;
2288
margin: 3px;
2289
border: 1px solid rgba(48, 48, 48, 0.3);
2290
border-radius: 9999px;
2291
background-color: rgba(255, 255, 255, 0.5);
2292
background-clip: padding-box;
2293
-gtk-icon-source: none;
2294
}
2295
scrollbar.overlay-indicator:not(.dragging):not(.hovering) button:disabled {
2297
background-color: rgba(255, 255, 255, 0.3);
2298
}
2299
scrollbar.overlay-indicator:not(.dragging):not(.hovering).horizontal slider {
2301
min-width: 24px;
2302
}
2303
scrollbar.overlay-indicator:not(.dragging):not(.hovering).horizontal button {
2305
min-width: 8px;
2306
}
2307
scrollbar.overlay-indicator:not(.dragging):not(.hovering).vertical slider {
2309
min-height: 24px;
2310
}
2311
scrollbar.overlay-indicator:not(.dragging):not(.hovering).vertical button {
2313
min-height: 8px;
2314
}
2315
scrollbar.overlay-indicator.dragging, scrollbar.overlay-indicator.hovering {
2317
background-color: rgba(48, 48, 48, 0.9);
2318
}
2319
scrollbar.horizontal slider {
2321
min-width: 24px;
2322
}
2323
scrollbar.vertical slider {
2325
min-height: 24px;
2326
}
2327
scrollbar button {
2329
min-width: 16px;
2330
min-height: 16px;
2331
padding: 0;
2332
border-radius: 0;
2333
}
2334
scrollbar.vertical button.down {
2336
-gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
2337
}
2338
scrollbar.vertical button.up {
2340
-gtk-icon-source: -gtk-icontheme("pan-up-symbolic");
2341
}
2342
scrollbar.horizontal button.down {
2344
-gtk-icon-source: -gtk-icontheme("pan-end-symbolic");
2345
}
2346
scrollbar.horizontal button.up {
2348
-gtk-icon-source: -gtk-icontheme("pan-start-symbolic");
2349
}
2350
/**********
2352
* Switch *
2353
**********/
2354
switch {
2355
transition: background-color 100ms cubic-bezier(0, 0, 0.2, 1), opacity 250ms cubic-bezier(0, 0, 0.2, 1);
2356
margin: 4px 0;
2357
padding: 0 2px;
2358
border: 5px solid transparent;
2359
border-radius: 9999px;
2360
background-color: rgba(255, 255, 255, 0.3);
2361
background-clip: padding-box;
2362
font-size: 0;
2363
}
2364
switch:checked {
2366
background-color: rgba(1, 162, 153, 0.5);
2367
}
2368
switch:disabled {
2370
opacity: 0.5;
2371
}
2372
switch slider {
2374
transition: all 100ms cubic-bezier(0, 0, 0.2, 1), box-shadow 250ms cubic-bezier(0, 0, 0.2, 1);
2375
min-width: 20px;
2376
min-height: 20px;
2377
margin: -3px -2px;
2378
border-radius: 9999px;
2379
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);
2380
background-color: #424242;
2381
color: rgba(255, 255, 255, 0.7);
2382
}
2383
switch:hover slider {
2385
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);
2386
}
2387
switch:focus slider {
2389
box-shadow: 0 0 0 10px alpha(currentColor, 0.2), 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
2390
}
2391
switch:focus:hover slider {
2393
box-shadow: 0 0 0 10px alpha(currentColor, 0.24), 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
2394
}
2395
switch:checked slider {
2397
background-color: #01A299;
2398
color: #01A299;
2399
}
2400
/*************************
2402
* Check and Radio items *
2403
*************************/
2404
.view.content-view.check:not(list),
2405
.content-view .tile check:not(list) {
2406
min-height: 40px;
2407
min-width: 40px;
2408
margin: 0;
2409
padding: 0;
2410
box-shadow: none;
2411
background-color: transparent;
2412
background-image: none;
2413
-gtk-icon-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
2414
}
2415
.view.content-view.check:not(list):hover, .view.content-view.check:not(list):active,
2417
.content-view .tile check:not(list):hover,
2418
.content-view .tile check:not(list):active {
2419
-gtk-icon-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23);
2420
}
2421
.view.content-view.check:not(list),
2423
.content-view .tile check:not(list) {
2424
-gtk-icon-source: -gtk-scaled(url("assets/selectionmode-checkbox-unchecked-dark.png"), url("assets/selectionmode-checkbox-unchecked-dark@2.png"));
2425
}
2426
.view.content-view.check:not(list):checked,
2428
.content-view .tile check:not(list):checked {
2429
-gtk-icon-source: -gtk-scaled(url("assets/selectionmode-checkbox-checked-dark.png"), url("assets/selectionmode-checkbox-checked-dark@2.png"));
2430
}
2431
checkbutton,
2433
radiobutton {
2434
outline: none;
2435
}
2436
checkbutton.text-button,
2438
radiobutton.text-button {
2439
padding: 2px;
2440
}
2441
checkbutton.text-button label:not(:only-child),
2443
radiobutton.text-button label:not(:only-child) {
2444
margin: 0 4px;
2445
}
2446
check,
2448
radio {
2449
min-height: 24px;
2450
min-width: 24px;
2451
margin: -8px;
2452
padding: 8px;
2453
}
2454
check:focus,
2456
radio:focus {
2457
box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.2);
2458
}
2459
check:hover,
2461
radio:hover {
2462
box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.12);
2463
}
2464
check:checked, check:indeterminate,
2466
radio:checked,
2467
radio:indeterminate {
2468
color: #01A299;
2469
}
2470
check:checked:disabled, check:indeterminate:disabled,
2472
radio:checked:disabled,
2473
radio:indeterminate:disabled {
2474
color: rgba(1, 162, 153, 0.5);
2475
}
2476
row:selected check:not(:checked):not(:indeterminate), row:selected
2478
radio:not(:checked):not(:indeterminate) {
2479
color: rgba(255, 255, 255, 0.7);
2480
}
2481
row:selected check:not(:checked):not(:indeterminate):hover, row:selected check:not(:checked):not(:indeterminate):active, row:selected
2483
radio:not(:checked):not(:indeterminate):hover, row:selected
2484
radio:not(:checked):not(:indeterminate):active {
2485
color: white;
2486
}
2487
row:selected check:not(:checked):not(:indeterminate):disabled, row:selected
2489
radio:not(:checked):not(:indeterminate):disabled {
2490
color: rgba(255, 255, 255, 0.3);
2491
}
2492
popover check, popover check:focus, popover check:hover, popover check:active, popover check:disabled, popover
2494
radio, popover
2495
radio:focus, popover
2496
radio:hover, popover
2497
radio:active, popover
2498
radio:disabled {
2499
transition: none;
2500
box-shadow: none;
2501
background-image: none;
2502
}
2503
popover check:not(:checked):not(:indeterminate):not(:disabled), popover
2505
radio:not(:checked):not(:indeterminate):not(:disabled) {
2506
color: rgba(255, 255, 255, 0.7);
2507
}
2508
popover check.left:dir(rtl), popover
2510
radio.left:dir(rtl) {
2511
margin-left: -12px;
2512
margin-right: -4px;
2513
}
2514
popover check.right:dir(ltr), popover
2516
radio.right:dir(ltr) {
2517
margin-left: -4px;
2518
margin-right: -12px;
2519
}
2520
menu menuitem check, menu menuitem
2522
radio {
2523
transition: none;
2524
margin: 0;
2525
padding: 0;
2526
}
2527
menu menuitem check:dir(ltr), menu menuitem
2529
radio:dir(ltr) {
2530
margin-right: 8px;
2531
}
2532
menu menuitem check:dir(rtl), menu menuitem
2534
radio:dir(rtl) {
2535
margin-left: 8px;
2536
}
2537
menu menuitem check:not(:checked):not(:indeterminate):not(:disabled), menu menuitem
2539
radio:not(:checked):not(:indeterminate):not(:disabled) {
2540
color: rgba(255, 255, 255, 0.7);
2541
}
2542
menu menuitem check, menu menuitem check:hover, menu menuitem check:disabled, menu menuitem
2544
radio, menu menuitem
2545
radio:hover, menu menuitem
2546
radio:disabled {
2547
box-shadow: none;
2548
}
2549
check {
2552
-gtk-icon-source: -gtk-recolor(url("assets/scalable/checkbox-unchecked-symbolic.svg"));
2553
}
2554
check:checked {
2557
-gtk-icon-source: -gtk-recolor(url("assets/scalable/checkbox-checked-symbolic.svg"));
2558
}
2559
check:indeterminate {
2562
-gtk-icon-source: -gtk-recolor(url("assets/scalable/checkbox-mixed-symbolic.svg"));
2563
}
2564
radio {
2567
-gtk-icon-source: -gtk-recolor(url("assets/scalable/radio-unchecked-symbolic.svg"));
2568
border-image-slice: 20;
2569
border-image-width: 20px;
2570
}
2571
radio:indeterminate {
2574
-gtk-icon-source: -gtk-recolor(url("assets/scalable/radio-mixed-symbolic.svg"));
2575
}
2576
radio {
2579
border-image-source: -gtk-gradient(radial, center center, 0, center center, 0.001, to(#01A299), to(transparent));
2580
}
2581
radio:checked:not(:indeterminate) {
2584
border-image-source: -gtk-gradient(radial, center center, 0, center center, 0.125, to(#01A299), to(transparent));
2585
}
2586
radio:checked:not(:indeterminate):disabled {
2589
border-image-source: -gtk-gradient(radial, center center, 0, center center, 0.125, to(rgba(1, 162, 153, 0.5)), to(transparent));
2590
}
2591
window.background:not(.csd) > widget > checkbutton > check,
2593
menu menuitem check {
2594
min-height: 16px;
2595
min-width: 16px;
2596
border-radius: 2px;
2597
-gtk-outline-radius: 2px;
2598
-gtk-icon-source: -gtk-recolor(url("assets/scalable/small-checkbox-unchecked-symbolic.svg"));
2599
}
2600
window.background:not(.csd) > widget > checkbutton > check:checked,
2602
menu menuitem check:checked {
2603
-gtk-icon-source: -gtk-recolor(url("assets/scalable/small-checkbox-checked-symbolic.svg"));
2604
}
2605
window.background:not(.csd) > widget > checkbutton > check:indeterminate,
2607
menu menuitem check:indeterminate {
2608
-gtk-icon-source: -gtk-recolor(url("assets/scalable/small-checkbox-mixed-symbolic.svg"));
2609
}
2610
window.background:not(.csd) > widget > radiobutton > radio,
2612
menu menuitem radio {
2613
min-height: 16px;
2614
min-width: 16px;
2615
border-image: none;
2616
-gtk-icon-source: -gtk-recolor(url("assets/scalable/small-radio-unchecked-symbolic.svg"));
2617
}
2618
window.background:not(.csd) > widget > radiobutton > radio:checked,
2620
menu menuitem radio:checked {
2621
-gtk-icon-source: -gtk-recolor(url("assets/scalable/small-radio-checked-symbolic.svg"));
2622
}
2623
window.background:not(.csd) > widget > radiobutton > radio:indeterminate,
2625
menu menuitem radio:indeterminate {
2626
-gtk-icon-source: -gtk-recolor(url("assets/scalable/small-radio-mixed-symbolic.svg"));
2627
}
2628
check:not(:checked):active {
2630
-gtk-icon-transform: rotate(90deg);
2631
}
2632
check:not(:checked):indeterminate:active,
2634
radio:not(:checked):indeterminate:active {
2635
-gtk-icon-transform: scaleX(-1);
2636
}
2637
check:not(:checked),
2639
radio:not(:checked) {
2640
transition: all 250ms cubic-bezier(0, 0, 0.2, 1), background-size 350ms cubic-bezier(0, 0, 0.2, 1), background-image 1000ms cubic-bezier(0, 0, 0.2, 1), -gtk-icon-transform 0;
2641
}
2642
check:not(:checked):active,
2644
radio:not(:checked):active {
2645
transition: all 250ms cubic-bezier(0, 0, 0.2, 1), background-size 0, background-image 0, -gtk-icon-transform 0;
2646
}
2647
menu menuitem check:not(:checked), menu menuitem
2649
radio:not(:checked) {
2650
transition: none;
2651
}
2652
treeview.view check,
2654
treeview.view radio {
2655
padding: 0;
2656
}
2657
treeview.view check:hover,
2659
treeview.view radio:hover {
2660
box-shadow: inset 0 0 0 9999px alpha(white, 0.05);
2661
}
2662
treeview.view check:hover:disabled,
2664
treeview.view radio:hover:disabled {
2665
box-shadow: none;
2666
}
2667
treeview.view check:hover:selected,
2669
treeview.view radio:hover:selected {
2670
box-shadow: inset 0 0 0 9999px alpha(white, 0.05);
2671
}
2672
treeview.view check,
2674
treeview.view radio {
2675
color: rgba(255, 255, 255, 0.7);
2676
}
2677
treeview.view check:hover, treeview.view check:active,
2679
treeview.view radio:hover,
2680
treeview.view radio:active {
2681
color: white;
2682
}
2683
treeview.view check:disabled,
2685
treeview.view radio:disabled {
2686
color: rgba(255, 255, 255, 0.3);
2687
}
2688
treeview.view check:checked, treeview.view check:indeterminate,
2690
treeview.view radio:checked,
2691
treeview.view radio:indeterminate {
2692
color: #01A299;
2693
}
2694
treeview.view check:checked:disabled, treeview.view check:indeterminate:disabled,
2696
treeview.view radio:checked:disabled,
2697
treeview.view radio:indeterminate:disabled {
2698
color: rgba(1, 162, 153, 0.5);
2699
}
2700
treeview.view check:selected,
2702
treeview.view radio:selected {
2703
color: rgba(255, 255, 255, 0.7);
2704
}
2705
treeview.view check:selected:hover, treeview.view check:selected:active,
2707
treeview.view radio:selected:hover,
2708
treeview.view radio:selected:active {
2709
color: white;
2710
}
2711
treeview.view check:selected:disabled,
2713
treeview.view radio:selected:disabled {
2714
color: rgba(255, 255, 255, 0.3);
2715
}
2716
treeview.view check:selected:checked, treeview.view check:selected:indeterminate,
2718
treeview.view radio:selected:checked,
2719
treeview.view radio:selected:indeterminate {
2720
color: #01A299;
2721
}
2722
treeview.view check:selected:checked:disabled, treeview.view check:selected:indeterminate:disabled,
2724
treeview.view radio:selected:checked:disabled,
2725
treeview.view radio:selected:indeterminate:disabled {
2726
color: rgba(1, 162, 153, 0.5);
2727
}
2728
treeview.view radio:checked {
2730
-gtk-icon-source: -gtk-recolor(url("assets/scalable/radio-checked-symbolic.svg"));
2731
border-image: none;
2732
}
2733
/************
2735
* GtkScale *
2736
************/
2737
scale {
2738
min-height: 2px;
2739
min-width: 2px;
2740
}
2741
scale.horizontal {
2743
padding: 15px 12px;
2744
}
2745
scale.vertical {
2747
padding: 12px 15px;
2748
}
2749
scale slider {
2751
min-height: 32px;
2752
min-width: 32px;
2753
margin: -15px;
2754
}
2755
scale.fine-tune.horizontal {
2757
min-height: 4px;
2758
padding-top: 14px;
2759
padding-bottom: 14px;
2760
}
2761
scale.fine-tune.vertical {
2763
min-width: 4px;
2764
padding-left: 14px;
2765
padding-right: 14px;
2766
}
2767
scale.fine-tune slider {
2769
margin: -14px;
2770
}
2771
scale trough {
2773
transition: background-color 250ms cubic-bezier(0, 0, 0.2, 1);
2774
outline: none;
2775
background-color: rgba(255, 255, 255, 0.3);
2776
}
2777
scale trough:disabled {
2779
background-color: rgba(255, 255, 255, 0.12);
2780
}
2781
scale highlight {
2783
transition: background-color 250ms cubic-bezier(0, 0, 0.2, 1);
2784
background-color: #01A299;
2785
}
2786
scale highlight:disabled {
2788
background-color: transparent;
2789
}
2790
scale fill {
2792
transition: background-color 250ms cubic-bezier(0, 0, 0.2, 1);
2793
background-color: rgba(255, 255, 255, 0.3);
2794
}
2795
scale fill:disabled {
2797
background-color: transparent;
2798
}
2799
scale slider {
2801
transition: background-color 250ms cubic-bezier(0, 0, 0.2, 1), background-size 350ms cubic-bezier(0, 0, 0.2, 1), background-image 1000ms cubic-bezier(0, 0, 0.2, 1);
2802
background-repeat: no-repeat;
2803
background-position: center;
2804
background-size: auto, 1000% 1000%;
2805
border-radius: 50%;
2806
color: transparent;
2807
}
2808
scale slider {
2810
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%);
2811
}
2812
scale slider:disabled {
2814
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%);
2815
}
2816
scale slider:focus {
2818
background-color: rgba(1, 162, 153, 0.16);
2819
}
2820
scale slider:hover {
2822
background-color: rgba(1, 162, 153, 0.12);
2823
}
2824
scale slider:active {
2826
transition: background-color 250ms cubic-bezier(0, 0, 0.2, 1), background-size 0, background-image 0;
2827
animation: scale_ripple_effect 250ms cubic-bezier(0, 0, 0.2, 1) forwards;
2828
background-size: auto, 0% 0%;
2829
background-color: rgba(1, 162, 153, 0.12);
2830
color: rgba(1, 162, 153, 0.12);
2831
}
2832
scale marks label,
2834
scale value {
2835
color: rgba(255, 255, 255, 0.5);
2836
}
2837
scale marks {
2839
color: rgba(255, 255, 255, 0.3);
2840
}
2841
scale marks.top {
2843
margin-bottom: 7px;
2844
margin-top: -15px;
2845
}
2846
scale marks.bottom {
2848
margin-top: 7px;
2849
margin-bottom: -15px;
2850
}
2851
scale marks.left {
2853
margin-right: 7px;
2854
margin-left: -15px;
2855
}
2856
scale marks.right {
2858
margin-left: 7px;
2859
margin-right: -15px;
2860
}
2861
scale.fine-tune marks.top {
2863
margin-bottom: 6px;
2864
margin-top: -14px;
2865
}
2866
scale.fine-tune marks.bottom {
2868
margin-top: 6px;
2869
margin-bottom: -14px;
2870
}
2871
scale.fine-tune marks.left {
2873
margin-right: 6px;
2874
margin-left: -14px;
2875
}
2876
scale.fine-tune marks.right {
2878
margin-left: 6px;
2879
margin-right: -14px;
2880
}
2881
scale.horizontal indicator {
2883
min-height: 8px;
2884
min-width: 1px;
2885
}
2886
scale.vertical indicator {
2888
min-height: 1px;
2889
min-width: 8px;
2890
}
2891
scale.horizontal.marks-before:not(.marks-after) slider {
2893
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%);
2894
}
2895
scale.horizontal.marks-before:not(.marks-after) slider:disabled {
2897
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%);
2898
}
2899
scale.horizontal.marks-after:not(.marks-before) slider {
2901
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%);
2902
}
2903
scale.horizontal.marks-after:not(.marks-before) slider:disabled {
2905
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%);
2906
}
2907
scale.vertical.marks-before:not(.marks-after) slider {
2909
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%);
2910
}
2911
scale.vertical.marks-before:not(.marks-after) slider:disabled {
2913
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%);
2914
}
2915
scale.vertical.marks-after:not(.marks-before) slider {
2917
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%);
2918
}
2919
scale.vertical.marks-after:not(.marks-before) slider:disabled {
2921
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%);
2922
}
2923
scale.color {
2925
min-height: 0;
2926
min-width: 0;
2927
}
2928
scale.color.horizontal {
2930
padding: 0 0 12px 0;
2931
}
2932
scale.color.horizontal slider:dir(ltr), scale.color.horizontal slider:dir(rtl) {
2934
margin-bottom: -24px;
2935
margin-top: 8px;
2936
}
2937
scale.color.vertical:dir(ltr) {
2939
padding: 0 0 0 12px;
2940
}
2941
scale.color.vertical:dir(ltr) slider {
2943
margin-left: -24px;
2944
margin-right: 8px;
2945
}
2946
scale.color.vertical:dir(rtl) {
2948
padding: 0 12px 0 0;
2949
}
2950
scale.color.vertical:dir(rtl) slider {
2952
margin-right: -24px;
2953
margin-left: 8px;
2954
}
2955
/*****************
2957
* Progress bars *
2958
*****************/
2959
progressbar {
2960
color: rgba(255, 255, 255, 0.5);
2961
font-size: smaller;
2962
}
2963
progressbar.horizontal trough,
2965
progressbar.horizontal progress {
2966
min-height: 4px;
2967
}
2968
progressbar.vertical trough,
2970
progressbar.vertical progress {
2971
min-width: 4px;
2972
}
2973
progressbar trough {
2975
background-color: rgba(66, 133, 244, 0.3);
2976
}
2977
progressbar progress {
2979
background-color: #4285F4;
2980
}
2981
progressbar trough.empty progress {
2983
all: unset;
2984
}
2985
/*************
2987
* Level Bar *
2988
*************/
2989
levelbar.horizontal block {
2990
min-height: 4px;
2991
}
2992
levelbar.horizontal.discrete block {
2994
min-width: 32px;
2995
}
2996
levelbar.horizontal.discrete block:not(:last-child) {
2998
margin-right: 2px;
2999
}
3000
levelbar.vertical block {
3002
min-width: 4px;
3003
}
3004
levelbar.vertical.discrete block {
3006
min-height: 32px;
3007
}
3008
levelbar.vertical.discrete block:not(:last-child) {
3010
margin-bottom: 2px;
3011
}
3012
levelbar block.low {
3014
background-color: #FBBC05;
3015
}
3016
levelbar block.high, levelbar block:not(.empty) {
3018
background-color: #4285F4;
3019
}
3020
levelbar block.full {
3022
background-color: #34A853;
3023
}
3024
levelbar block.empty {
3026
background-color: rgba(255, 255, 255, 0.12);
3027
}
3028
/****************
3030
* Print dialog *
3031
*****************/
3032
printdialog paper {
3033
padding: 0;
3034
border: 1px solid rgba(0, 0, 0, 0.26);
3035
background-color: #303030;
3036
color: white;
3037
}
3038
printdialog .dialog-action-box {
3040
margin: 12px;
3041
}
3042
/**********
3044
* Frames *
3045
**********/
3046
frame > border,
3047
.frame {
3048
margin: 0;
3049
padding: 0;
3050
border: 1px solid rgba(0, 0, 0, 0.26);
3051
border-radius: 0;
3052
box-shadow: none;
3053
}
3054
frame > border.flat,
3056
.frame.flat,
3057
frame.flat > border {
3058
border-style: none;
3059
}
3060
actionbar > revealer > box {
3062
padding: 4px;
3063
border-top: 1px solid rgba(0, 0, 0, 0.26);
3064
}
3065
scrolledwindow viewport.frame {
3067
border-style: none;
3068
}
3069
overshoot.top {
3071
background-image: -gtk-gradient(radial, center top, 0, center top, 0.75, to(rgba(123, 170, 247, 0.3)), to(transparent));
3072
background-repeat: no-repeat;
3073
background-position: center top;
3074
background-color: transparent;
3075
border: none;
3076
box-shadow: none;
3077
}
3078
overshoot.bottom {
3080
background-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.75, to(rgba(123, 170, 247, 0.3)), to(transparent));
3081
background-repeat: no-repeat;
3082
background-position: center bottom;
3083
background-color: transparent;
3084
border: none;
3085
box-shadow: none;
3086
}
3087
overshoot.left {
3089
background-image: -gtk-gradient(radial, left center, 0, left center, 0.75, to(rgba(123, 170, 247, 0.3)), to(transparent));
3090
background-repeat: no-repeat;
3091
background-position: left center;
3092
background-color: transparent;
3093
border: none;
3094
box-shadow: none;
3095
}
3096
overshoot.right {
3098
background-image: -gtk-gradient(radial, right center, 0, right center, 0.75, to(rgba(123, 170, 247, 0.3)), to(transparent));
3099
background-repeat: no-repeat;
3100
background-position: right center;
3101
background-color: transparent;
3102
border: none;
3103
box-shadow: none;
3104
}
3105
undershoot.top {
3107
background-color: transparent;
3108
background-image: linear-gradient(to left, rgba(48, 48, 48, 0.3) 50%, rgba(255, 255, 255, 0.3) 50%);
3109
padding-top: 1px;
3110
background-size: 12px 1px;
3111
background-repeat: repeat-x;
3112
background-origin: content-box;
3113
background-position: left top;
3114
}
3115
undershoot.bottom {
3117
background-color: transparent;
3118
background-image: linear-gradient(to left, rgba(48, 48, 48, 0.3) 50%, rgba(255, 255, 255, 0.3) 50%);
3119
padding-bottom: 1px;
3120
background-size: 12px 1px;
3121
background-repeat: repeat-x;
3122
background-origin: content-box;
3123
background-position: left bottom;
3124
}
3125
undershoot.left {
3127
background-color: transparent;
3128
background-image: linear-gradient(to top, rgba(48, 48, 48, 0.3) 50%, rgba(255, 255, 255, 0.3) 50%);
3129
padding-left: 1px;
3130
background-size: 1px 12px;
3131
background-repeat: repeat-y;
3132
background-origin: content-box;
3133
background-position: left top;
3134
}
3135
undershoot.right {
3137
background-color: transparent;
3138
background-image: linear-gradient(to top, rgba(48, 48, 48, 0.3) 50%, rgba(255, 255, 255, 0.3) 50%);
3139
padding-right: 1px;
3140
background-size: 1px 12px;
3141
background-repeat: repeat-y;
3142
background-origin: content-box;
3143
background-position: right top;
3144
}
3145
junction {
3147
border-style: solid none none solid;
3148
border-width: 1px;
3149
border-color: rgba(0, 0, 0, 0.26);
3150
background-color: #303030;
3151
}
3152
junction:dir(rtl) {
3154
border-style: solid solid none none;
3155
}
3156
separator {
3158
min-width: 1px;
3159
min-height: 1px;
3160
background-color: rgba(0, 0, 0, 0.26);
3161
}
3162
button.font separator,
3165
button.file separator, .tweak-categories separator, preferences stacksidebar.sidebar list separator {
3166
min-width: 0;
3167
min-height: 0;
3168
background-color: transparent;
3169
}
3170
/*********
3172
* Lists *
3173
*********/
3174
list {
3175
border-color: rgba(0, 0, 0, 0.26);
3176
background-color: #303030;
3177
}
3178
list row {
3180
padding: 2px;
3181
}
3182
row.activatable, .view, treeview.view header button, .budgie-menu button {
3184
transition: all 250ms cubic-bezier(0, 0, 0.2, 1), background-color 0, color 0, background-size 350ms cubic-bezier(0, 0, 0.2, 1), background-image 1000ms cubic-bezier(0, 0, 0.2, 1);
3185
box-shadow: inset 0 0 0 9999px transparent;
3186
background-image: radial-gradient(circle farthest-corner at center, transparent 10%, transparent 0%);
3187
background-repeat: no-repeat;
3188
background-position: center;
3189
background-size: 1000% 1000%;
3190
}
3191
row.activatable:hover, .view:hover, treeview.view header button:hover, .budgie-menu button:hover {
3193
transition: all 250ms cubic-bezier(0, 0, 0.2, 1), background-color 0, color 0, box-shadow 0, background-size 350ms cubic-bezier(0, 0, 0.2, 1), background-image 1000ms cubic-bezier(0, 0, 0.2, 1);
3194
box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.06);
3195
}
3196
row.activatable.has-open-popup, .has-open-popup.view, treeview.view header button.has-open-popup, .budgie-menu button.has-open-popup, row.activatable:active, .view:active, treeview.view header button:active, .budgie-menu button:active {
3198
transition: all 250ms cubic-bezier(0, 0, 0.2, 1), background-color 0, color 0, background-size 0, background-image 0;
3199
animation: ripple_effect 250ms cubic-bezier(0, 0, 0.2, 1) forwards;
3200
box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.12);
3201
background-image: radial-gradient(circle farthest-corner at center, alpha(currentColor, 0.12) 10%, transparent 0%);
3202
background-size: 0% 0%;
3203
}
3204
/*********************
3206
* App Notifications *
3207
*********************/
3208
.app-notification {
3209
margin: 8px;
3210
}
3211
.app-notification.frame,
3213
.app-notification border {
3214
border-style: none;
3215
}
3216
/*************
3218
* Expanders *
3219
*************/
3220
expander title > arrow {
3221
transition: all 150ms cubic-bezier(0.4, 0, 0.2, 1);
3222
min-width: 16px;
3223
min-height: 16px;
3224
-gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
3225
-gtk-icon-transform: rotate(-90deg);
3226
color: rgba(255, 255, 255, 0.7);
3227
}
3228
expander title > arrow:dir(rtl) {
3230
-gtk-icon-transform: rotate(90deg);
3231
}
3232
expander title > arrow:checked {
3234
-gtk-icon-transform: unset;
3235
}
3236
expander title > arrow:hover, expander title > arrow:active {
3238
color: white;
3239
}
3240
expander title > arrow:disabled {
3242
color: rgba(255, 255, 255, 0.3);
3243
}
3244
expander title > arrow:selected {
3246
color: rgba(255, 255, 255, 0.7);
3247
}
3248
expander title > arrow:selected:hover, expander title > arrow:selected:active {
3250
color: white;
3251
}
3252
expander title > arrow:selected:disabled {
3254
color: rgba(255, 255, 255, 0.3);
3255
}
3256
/************
3258
* Calendar *
3259
************/
3260
calendar {
3261
padding: 1px;
3262
border: 1px solid rgba(0, 0, 0, 0.26);
3263
color: white;
3264
}
3265
calendar:disabled {
3267
color: rgba(255, 255, 255, 0.5);
3268
}
3269
calendar:selected {
3271
border-radius: 3px;
3272
}
3273
calendar.header {
3275
border-style: none none solid;
3276
border-radius: 0;
3277
}
3278
calendar.highlight {
3280
color: rgba(255, 255, 255, 0.7);
3281
font-weight: 500;
3282
}
3283
calendar:indeterminate {
3285
color: rgba(255, 255, 255, 0.3);
3286
}
3287
/***********
3289
* Dialogs *
3290
***********/
3291
messagedialog.background {
3292
background-color: #424242;
3293
}
3294
messagedialog .titlebar {
3296
min-height: 24px;
3297
border-style: none;
3298
box-shadow: inset 0 1px rgba(255, 255, 255, 0.1);
3299
background-color: #424242;
3300
color: white;
3301
}
3302
messagedialog .titlebar:backdrop {
3304
color: rgba(255, 255, 255, 0.7);
3305
}
3306
messagedialog.csd.background {
3308
border-bottom-left-radius: 2px;
3309
border-bottom-right-radius: 2px;
3310
}
3311
messagedialog.csd .dialog-action-area {
3313
margin-top: -4px;
3314
padding: 4px;
3315
}
3316
messagedialog.csd .dialog-action-area button {
3318
border-radius: 2px;
3319
}
3320
messagedialog.csd .dialog-action-area button:not(:last-child) {
3322
margin-right: 4px;
3323
}
3324
messagedialog.csd .dialog-action-area button.suggested-action:not(:disabled) {
3326
color: #01A299;
3327
}
3328
messagedialog.csd .dialog-action-area button.destructive-action:not(:disabled) {
3330
color: #EA4335;
3331
}
3332
filechooser .dialog-action-box {
3334
border-top: 1px solid rgba(0, 0, 0, 0.26);
3335
}
3336
filechooser #pathbarbox {
3338
border-bottom: 1px solid rgba(0, 0, 0, 0.26);
3339
background-color: #282828;
3340
}
3341
filechooserbutton:drop(active) {
3343
box-shadow: none;
3344
}
3345
/***********
3347
* Sidebar *
3348
***********/
3349
.sidebar {
3350
border-style: none;
3351
background-color: #2C2C2C;
3352
}
3353
stacksidebar.sidebar:dir(ltr) list, stacksidebar.sidebar.left list, stacksidebar.sidebar.left:dir(rtl) list, .sidebar:dir(ltr), .sidebar.left, .sidebar.left:dir(rtl) {
3355
border-right: 1px solid rgba(0, 0, 0, 0.26);
3356
border-left-style: none;
3357
}
3358
stacksidebar.sidebar:dir(rtl) list, stacksidebar.sidebar.right list, .sidebar:dir(rtl), .sidebar.right {
3360
border-left: 1px solid rgba(0, 0, 0, 0.26);
3361
border-right-style: none;
3362
}
3363
.sidebar list {
3365
background-color: transparent;
3366
}
3367
paned .sidebar.left, paned .sidebar.right, paned .sidebar.left:dir(rtl), paned .sidebar:dir(rtl), paned .sidebar:dir(ltr), paned .sidebar {
3369
border-style: none;
3370
}
3371
stacksidebar row {
3373
padding: 10px 4px;
3374
}
3375
stacksidebar row > label {
3377
padding-left: 6px;
3378
padding-right: 6px;
3379
}
3380
/****************
3382
* File chooser *
3383
****************/
3384
row image.sidebar-icon {
3385
color: rgba(255, 255, 255, 0.7);
3386
}
3387
row:selected image.sidebar-icon {
3389
color: rgba(255, 255, 255, 0.7);
3390
}
3391
placessidebar > viewport.frame {
3393
border-style: none;
3394
}
3395
placessidebar list {
3397
padding: 1px 0 4px;
3398
}
3399
placessidebar row {
3401
min-height: 32px;
3402
margin: -1px 0;
3403
padding: 0;
3404
}
3405
placessidebar row > revealer {
3407
padding: 0 12px;
3408
}
3409
placessidebar row:selected {
3411
color: white;
3412
}
3413
placessidebar row:disabled {
3415
color: rgba(255, 255, 255, 0.5);
3416
}
3417
placessidebar row image.sidebar-icon:dir(ltr) {
3419
padding-right: 8px;
3420
}
3421
placessidebar row image.sidebar-icon:dir(rtl) {
3423
padding-left: 8px;
3424
}
3425
placessidebar row label.sidebar-label:dir(ltr) {
3427
padding-right: 2px;
3428
}
3429
placessidebar row label.sidebar-label:dir(rtl) {
3431
padding-left: 2px;
3432
}
3433
placessidebar row.sidebar-placeholder-row {
3435
min-height: 2px;
3436
padding: 0 8px;
3437
background-image: image(#01A299);
3438
background-clip: content-box;
3439
}
3440
placessidebar row.sidebar-new-bookmark-row {
3442
color: #01A299;
3443
}
3444
placessidebar row:drop(active):not(:disabled) {
3446
box-shadow: inset 0 0 0 2px #01A299;
3447
}
3448
placesview .server-list-button > image {
3450
-gtk-icon-transform: rotate(0turn);
3451
}
3452
placesview .server-list-button:checked > image {
3454
-gtk-icon-transform: rotate(-0.5turn);
3455
}
3456
placesview > actionbar > revealer > box > label {
3458
padding-left: 8px;
3459
padding-right: 8px;
3460
}
3461
/*********
3463
* Paned *
3464
*********/
3465
paned > separator {
3466
min-width: 1px;
3467
min-height: 1px;
3468
-gtk-icon-source: none;
3469
border-style: none;
3470
background-color: transparent;
3471
background-image: image(rgba(0, 0, 0, 0.26));
3472
background-size: 1px 1px;
3473
background-clip: content-box;
3474
}
3475
paned > separator.wide {
3477
min-width: 6px;
3478
min-height: 6px;
3479
background-color: #282828;
3480
background-image: image(rgba(0, 0, 0, 0.26)), image(rgba(0, 0, 0, 0.26));
3481
background-size: 1px 1px, 1px 1px;
3482
}
3483
paned.horizontal > separator {
3485
background-repeat: repeat-y;
3486
}
3487
paned.horizontal > separator:dir(ltr) {
3489
margin: 0 -8px 0 0;
3490
padding: 0 8px 0 0;
3491
background-position: left;
3492
}
3493
paned.horizontal > separator:dir(rtl) {
3495
margin: 0 0 0 -8px;
3496
padding: 0 0 0 8px;
3497
background-position: right;
3498
}
3499
paned.horizontal > separator.wide {
3501
margin: 0;
3502
padding: 0;
3503
background-repeat: repeat-y, repeat-y;
3504
background-position: left, right;
3505
}
3506
paned.vertical > separator {
3508
margin: 0 0 -8px 0;
3509
padding: 0 0 8px 0;
3510
background-repeat: repeat-x;
3511
background-position: top;
3512
}
3513
paned.vertical > separator.wide {
3515
margin: 0;
3516
padding: 0;
3517
background-repeat: repeat-x, repeat-x;
3518
background-position: bottom, top;
3519
}
3520
/**************
3522
* GtkInfoBar *
3523
**************/
3524
infobar {
3525
border-style: none;
3526
}
3527
infobar.info {
3529
background-color: #34A853;
3530
}
3531
infobar.question {
3533
background-color: #4285F4;
3534
}
3535
infobar.warning {
3537
background-color: #FBBC05;
3538
}
3539
infobar.error {
3541
background-color: #EA4335;
3542
}
3543
infobar.info > label, infobar.info, infobar.question > label, infobar.question, infobar.warning > label, infobar.warning, infobar.error > label, infobar.error {
3545
color: white;
3546
}
3547
/************
3549
* Tooltips *
3550
************/
3551
tooltip {
3552
border-radius: 2px;
3553
box-shadow: none;
3554
}
3555
tooltip.background {
3557
background-color: rgba(97, 97, 97, 0.9);
3558
color: white;
3559
}
3560
tooltip decoration {
3562
background-color: transparent;
3563
}
3564
tooltip label {
3566
min-height: 20px;
3567
padding: 0 2px;
3568
}
3569
/*****************
3571
* Color Chooser *
3572
*****************/
3573
colorswatch.top {
3574
border-top-left-radius: 2.5px;
3575
border-top-right-radius: 2.5px;
3576
}
3577
colorswatch.top overlay {
3579
border-top-left-radius: 2px;
3580
border-top-right-radius: 2px;
3581
}
3582
colorswatch.bottom {
3584
border-bottom-left-radius: 2.5px;
3585
border-bottom-right-radius: 2.5px;
3586
}
3587
colorswatch.bottom overlay {
3589
border-bottom-left-radius: 2px;
3590
border-bottom-right-radius: 2px;
3591
}
3592
colorswatch.left, colorswatch:first-child:not(.top) {
3594
border-top-left-radius: 2.5px;
3595
border-bottom-left-radius: 2.5px;
3596
}
3597
colorswatch.left overlay, colorswatch:first-child:not(.top) overlay {
3599
border-top-left-radius: 2px;
3600
border-bottom-left-radius: 2px;
3601
}
3602
colorswatch.right, colorswatch:last-child:not(.bottom) {
3604
border-top-right-radius: 2.5px;
3605
border-bottom-right-radius: 2.5px;
3606
}
3607
colorswatch.right overlay, colorswatch:last-child:not(.bottom) overlay {
3609
border-top-right-radius: 2px;
3610
border-bottom-right-radius: 2px;
3611
}
3612
colorswatch.dark {
3614
color: white;
3615
}
3616
colorswatch.light {
3618
color: rgba(0, 0, 0, 0.87);
3619
}
3620
colorswatch:drop(active) {
3622
box-shadow: none;
3623
}
3624
colorswatch:drop(active).light overlay {
3626
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24), 0 0 0 2px #01A299;
3627
}
3628
colorswatch:drop(active).dark overlay {
3630
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24), 0 0 0 2px #01A299;
3631
}
3632
colorswatch overlay {
3634
transition: box-shadow 150ms cubic-bezier(0, 0, 0.2, 1);
3635
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
3636
}
3637
colorswatch overlay:hover {
3639
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23);
3640
}
3641
colorswatch#add-color-button {
3643
border-radius: 2px 2px 0 0;
3644
color: white;
3645
}
3646
colorswatch#add-color-button:only-child {
3648
border-radius: 2px;
3649
}
3650
colorswatch#add-color-button overlay {
3652
background-image: linear-gradient(to right, #EA4335 25%, #FBBC05 25%, #FBBC05 50%, #34A853 50%, #34A853 75%, #4285F4 75%);
3653
}
3654
colorswatch:disabled {
3656
opacity: 0.5;
3657
}
3658
colorswatch:disabled overlay {
3660
box-shadow: none;
3661
}
3662
colorswatch#editor-color-sample {
3664
border-radius: 2.5px;
3665
}
3666
colorswatch#editor-color-sample overlay {
3668
border-radius: 2px;
3669
}
3670
colorchooser .popover.osd {
3672
transition: box-shadow 150ms cubic-bezier(0, 0, 0.2, 1);
3673
border-radius: 2px;
3674
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);
3675
background-color: #424242;
3676
}
3677
colorchooser .popover.osd:backdrop {
3679
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);
3680
}
3681
/********
3683
* Misc *
3684
********/
3685
.content-view {
3686
background-color: #282828;
3687
}
3688
/**********************
3690
* Window Decorations *
3691
**********************/
3692
decoration {
3693
transition: box-shadow 150ms cubic-bezier(0, 0, 0.2, 1);
3694
border-radius: 2px 2px 0 0;
3695
box-shadow: 0 14px 14px rgba(0, 0, 0, 0.25), 0 10px 5px rgba(0, 0, 0, 0.22), 0 16px 16px transparent;
3696
margin: 8px;
3697
}
3698
decoration:backdrop {
3700
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23), 0 16px 16px transparent;
3701
}
3702
.maximized decoration,
3704
.fullscreen decoration,
3705
.tiled decoration,
3706
.tiled-top decoration,
3707
.tiled-right decoration,
3708
.tiled-bottom decoration,
3709
.tiled-left decoration {
3710
border-radius: 0;
3711
}
3712
.popup decoration {
3714
box-shadow: none;
3715
}
3716
.ssd decoration {
3718
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16);
3719
}
3720
.csd.popup decoration {
3722
border-radius: 2px;
3723
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23);
3724
}
3725
tooltip.csd decoration {
3727
border-radius: 2px;
3728
box-shadow: none;
3729
}
3730
messagedialog.csd decoration {
3732
border-radius: 2px;
3733
}
3734
.solid-csd decoration {
3736
margin: 0;
3737
border-radius: 0;
3738
box-shadow: none;
3739
background-color: #383838;
3740
}
3741
.view selection, .view:selected, flowbox flowboxchild:selected, spinbutton:not(.vertical) selection,
3743
entry selection, modelbutton.flat:selected,
3744
.menuitem.button.flat:selected, popover.background.menu button:checked,
3745
popover.background button.model:checked, row:selected, calendar:selected, text:selected, .budgie-menu button:checked {
3746
background-color: #4285F4;
3747
}
3748
row:selected label, label:selected, .view selection, .view:selected, flowbox flowboxchild:selected, spinbutton:not(.vertical) selection,
3750
entry selection, modelbutton.flat:selected,
3751
.menuitem.button.flat:selected, popover.background.menu button:checked,
3752
popover.background button.model:checked, row:selected, calendar:selected, text:selected, .budgie-menu button:checked {
3753
color: white;
3754
}
3755
row:selected label:disabled, label:disabled:selected, .view selection:disabled, .view:disabled:selected, flowbox flowboxchild:disabled:selected, label:disabled selection, spinbutton:not(.vertical) selection:disabled,
3757
entry selection:disabled, modelbutton.flat:disabled:selected,
3758
.menuitem.button.flat:disabled:selected, popover.background.menu button:disabled:checked,
3759
popover.background button.model:disabled:checked, row:disabled:selected, calendar:disabled:selected, text:disabled:selected, .budgie-menu button:disabled:checked {
3760
color: rgba(255, 255, 255, 0.5);
3761
}
3762
.monospace {
3764
font-family: monospace;
3765
}
3766
/**********************
3768
* Touch Copy & Paste *
3769
**********************/
3770
cursor-handle {
3771
border-radius: 9999px;
3772
background-color: #01A299;
3773
background-image: none;
3774
}
3775
cursor-handle.top:dir(ltr), cursor-handle.bottom:dir(rtl) {
3777
padding-left: 6px;
3778
border-top-right-radius: 0;
3779
}
3780
cursor-handle.bottom:dir(ltr), cursor-handle.top:dir(rtl) {
3782
padding-right: 6px;
3783
border-top-left-radius: 0;
3784
}
3785
cursor-handle.insertion-cursor:dir(ltr), cursor-handle.insertion-cursor:dir(rtl) {
3787
-GtkWidget-text-handle-width: 24;
3788
-GtkWidget-text-handle-height: 30;
3789
-gtk-icon-source: -gtk-scaled(url("assets/scale-horz-marks-before-slider-dark.png"), url("assets/scale-horz-marks-before-slider-dark@2.png"));
3790
}
3791
.context-menu {
3793
font: initial;
3794
}
3795
.keycap {
3797
min-width: 12px;
3798
min-height: 26px;
3799
margin-top: 2px;
3800
padding-bottom: 2px;
3801
padding-left: 8px;
3802
padding-right: 8px;
3803
border: solid 1px rgba(0, 0, 0, 0.26);
3804
border-radius: 3px;
3805
box-shadow: inset 0 -2px rgba(0, 0, 0, 0.26);
3806
background-color: #424242;
3807
color: white;
3808
font-size: smaller;
3809
}
3810
:not(decoration):not(window):drop(active) {
3812
transition: all 250ms cubic-bezier(0, 0, 0.2, 1);
3813
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 #01A299;
3814
caret-color: #01A299;
3815
}
3816
stackswitcher button.text-button {
3818
min-width: 100px;
3819
}
3820
stackswitcher button.circular,
3822
stackswitcher button.text-button.circular {
3823
min-width: 32px;
3824
min-height: 32px;
3825
padding: 0;
3826
}
3827
/*********
3829
* Emoji *
3830
*********/
3831
popover.emoji-picker {
3832
padding: 0;
3833
}
3834
popover.emoji-picker entry {
3836
border-bottom: 1px solid rgba(0, 0, 0, 0.26);
3837
border-bottom-left-radius: 0;
3838
border-bottom-right-radius: 0;
3839
box-shadow: none;
3840
}
3841
popover.emoji-picker scrolledwindow {
3843
border-bottom: 1px solid rgba(0, 0, 0, 0.26);
3844
}
3845
button.emoji-section {
3847
margin-top: -1px;
3848
padding: 0 8px;
3849
min-width: 24px;
3850
min-height: 32px;
3851
border-radius: 0;
3852
outline-offset: -6px;
3853
box-shadow: none;
3854
}
3855
button.emoji-section:hover {
3857
box-shadow: inset 0 2px rgba(255, 255, 255, 0.3);
3858
}
3859
button.emoji-section:active {
3861
box-shadow: inset 0 2px #4285F4;
3862
background-image: radial-gradient(circle farthest-corner at center, rgba(66, 133, 244, 0.7) 10%, transparent 0%);
3863
}
3864
button.emoji-section:checked {
3866
box-shadow: inset 0 2px #4285F4;
3867
background-color: transparent;
3868
}
3869
button.emoji-section:first-child {
3871
margin-left: 4px;
3872
}
3873
button.emoji-section:last-child {
3875
margin-right: 4px;
3876
}
3877
.emoji {
3879
min-width: 3em;
3880
min-height: 3em;
3881
padding: 0;
3882
}
3883
.emoji widget {
3885
transition: all 150ms cubic-bezier(0, 0, 0.2, 1);
3886
}
3887
.emoji widget:hover {
3889
font-size: larger;
3890
}
3891
/************
3893
* Nautilus *
3894
************/
3895
.nautilus-window,
3896
.nautilus-window notebook,
3897
.nautilus-window notebook > stack {
3898
background-color: #303030;
3899
}
3900
.nautilus-canvas-item.dim-label, label.nautilus-canvas-item.separator, .titlebar:not(headerbar) .nautilus-canvas-item.subtitle,
3902
headerbar .nautilus-canvas-item.subtitle, .budgie-notification .nautilus-canvas-item.notification-body, .budgie-switcher .nautilus-canvas-item.notification-body,
3903
.nautilus-list-dim-label {
3904
color: rgba(255, 255, 255, 0.7);
3905
}
3906
.nautilus-canvas-item.dim-label:selected, label.nautilus-canvas-item.separator:selected, .titlebar:not(headerbar) .nautilus-canvas-item.subtitle:selected,
3908
headerbar .nautilus-canvas-item.subtitle:selected, .budgie-notification .nautilus-canvas-item.notification-body:selected, .budgie-switcher .nautilus-canvas-item.notification-body:selected,
3909
.nautilus-list-dim-label:selected {
3910
color: rgba(255, 255, 255, 0.7);
3911
}
3912
.nautilus-desktop.nautilus-canvas-item:not(:selected), .caja-desktop.caja-canvas-item:not(:selected), .nemo-desktop.nemo-canvas-item:not(:selected) {
3914
color: white;
3915
text-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
3916
}
3917
@keyframes needs_attention_keyframes {
3919
to {
3920
background-color: alpha(currentColor, 0.24);
3921
}
3922
}
3923
.nautilus-operations-button-needs-attention {
3925
animation: needs_attention_keyframes 250ms cubic-bezier(0.4, 0, 0.2, 1) 2 alternate;
3926
}
3927
.nautilus-operations-button-needs-attention-multiple {
3929
animation: needs_attention_keyframes 250ms cubic-bezier(0.4, 0, 0.2, 1) 4 alternate;
3930
}
3931
.nautilus-window .floating-bar {
3933
min-height: 32px;
3934
padding: 0;
3935
border-style: solid solid none;
3936
border-width: 1px;
3937
border-color: rgba(0, 0, 0, 0.26);
3938
border-radius: 3px 3px 0 0;
3939
background-color: rgba(48, 48, 48, 0.9);
3940
background-clip: border-box;
3941
transition: all 250ms cubic-bezier(0, 0, 0.2, 1), border-width 0;
3942
}
3943
.nautilus-window .floating-bar.bottom.left {
3945
margin-right: 7px;
3946
border-left-style: none;
3947
border-top-left-radius: 0;
3948
}
3949
.nautilus-window .floating-bar.bottom.right {
3951
margin-left: 7px;
3952
border-right-style: none;
3953
border-top-right-radius: 0;
3954
}
3955
.nautilus-window .floating-bar button {
3957
margin: 4px;
3958
}
3959
.disk-space-display.unknown {
3961
background-color: #FBBC05;
3962
}
3963
.disk-space-display.used {
3965
background-color: #4285F4;
3966
}
3967
.disk-space-display.free {
3969
background-color: rgba(255, 255, 255, 0.12);
3970
}
3971
.conflict-row:not(:selected) {
3973
background-color: #6d5a23;
3974
}
3975
.nautilus-window flowboxchild > widget > .icon-item-background {
3977
padding: 4px;
3978
border-radius: 2px;
3979
}
3980
.nautilus-window flowboxchild:selected {
3982
background-color: transparent;
3983
}
3984
.nautilus-window flowboxchild:selected > widget > .icon-item-background {
3986
background-color: #4285F4;
3987
}
3988
dialog.background > box.dialog-vbox.vertical > grid.horizontal > scrolledwindow.frame {
3990
border-style: none;
3991
}
3992
dialog.background > box.dialog-vbox.vertical > grid.horizontal > box.horizontal:last-child {
3994
margin: -6px 0 0 -6px;
3995
border-top: 1px solid rgba(0, 0, 0, 0.26);
3996
}
3997
dialog.background > box.dialog-vbox.vertical > grid.horizontal > box.horizontal:last-child > label {
3999
margin: 0 8px;
4000
}
4001
dialog.background > box.dialog-vbox.vertical > grid.horizontal > box.horizontal:last-child > box > button {
4003
border-radius: 0;
4004
}
4005
.nautilus-window > popover.menu:not(:last-child) {
4007
padding: 3px;
4008
}
4009
.nautilus-window > popover.menu:not(:last-child) > stack > box > box > box {
4011
margin-top: -6px;
4012
}
4013
.nautilus-window > popover.menu:not(:last-child) > stack > box > box > box > box {
4015
margin-bottom: -6px;
4016
}
4017
.nautilus-window > popover.menu:not(:last-child) > stack > box > box > box > box.linked {
4019
margin-top: 1px;
4020
}
4021
.nautilus-window > popover.menu:not(:last-child) separator {
4023
margin-bottom: -2px;
4024
}
4025
.nautilus-menu-sort-heading {
4027
margin: 1px 3px;
4028
font-weight: 500;
4029
}
4030
.nautilus-menu-sort-heading:disabled {
4032
color: rgba(255, 255, 255, 0.5);
4033
}
4034
.nautilus-window paned > separator {
4036
background-color: #282828;
4037
}
4038
/*********
4040
* gedit *
4041
*********/
4042
.open-document-selector-path-label {
4043
color: rgba(255, 255, 255, 0.7);
4044
font-size: smaller;
4045
}
4046
.open-document-selector-path-label:selected {
4048
color: rgba(255, 255, 255, 0.7);
4049
}
4050
.gedit-document-panel {
4052
background-color: #2C2C2C;
4053
}
4054
.gedit-document-panel row button.flat {
4056
margin-top: 8px;
4057
margin-bottom: 8px;
4058
}
4059
.gedit-document-panel-group-row:not(:first-child) {
4061
border-top: 1px solid rgba(0, 0, 0, 0.26);
4062
}
4063
.gedit-side-panel-paned statusbar {
4065
border-top: 1px solid rgba(0, 0, 0, 0.26);
4066
}
4067
.gedit-search-slider {
4069
margin: 4px 4px 8px;
4070
}
4071
.gedit-search-slider .linked > entry {
4073
border-radius: 2px;
4074
}
4075
.gedit-search-slider .linked > entry .gedit-search-entry-occurrences-tag {
4077
all: unset;
4078
color: rgba(255, 255, 255, 0.5);
4079
}
4080
.gedit-search-slider .linked > entry:dir(ltr) {
4082
margin-right: -60px;
4083
padding-right: 60px;
4084
}
4085
.gedit-search-slider .linked > entry:dir(ltr) .gedit-search-entry-occurrences-tag {
4087
margin-left: 4px;
4088
}
4089
.gedit-search-slider .linked > entry:dir(ltr) image.right {
4091
margin-right: 0;
4092
}
4093
.gedit-search-slider .linked > entry:dir(rtl) {
4095
margin-left: -60px;
4096
padding-left: 60px;
4097
}
4098
.gedit-search-slider .linked > entry:dir(rtl) .gedit-search-entry-occurrences-tag {
4100
margin-right: 4px;
4101
}
4102
.gedit-search-slider .linked > entry:dir(rtl) image.left {
4104
margin-left: 0;
4105
}
4106
.gedit-search-slider .linked > entry:not(.error) {
4108
background-color: #424242;
4109
}
4110
.gedit-search-slider .linked > entry.error ~ button {
4112
color: rgba(255, 255, 255, 0.7);
4113
}
4114
.gedit-search-slider .linked > entry.error ~ button:hover, .gedit-search-slider .linked > entry.error ~ button:active {
4116
color: white;
4117
}
4118
.gedit-search-slider .linked > entry.error ~ button:disabled {
4120
color: rgba(255, 255, 255, 0.3);
4121
}
4122
.gedit-search-slider .linked > button {
4124
border: solid 4px transparent;
4125
border-radius: 9999px;
4126
}
4127
.gedit-search-slider .linked > button:last-child:dir(ltr), .gedit-search-slider .linked > button:not(:first-child):dir(rtl) {
4129
margin-left: -2px;
4130
}
4131
.gedit-search-slider .linked > button:first-child:dir(rtl), .gedit-search-slider .linked > button:not(:last-child):dir(ltr) {
4133
margin-right: -2px;
4134
}
4135
frame.gedit-map-frame > border:dir(ltr) {
4137
border-style: none none none solid;
4138
}
4139
frame.gedit-map-frame > border:dir(rtl) {
4141
border-style: none solid none none;
4142
}
4143
/**********
4145
* Tweaks *
4146
**********/
4147
.tweak-categories {
4148
background-image: image(#2C2C2C);
4149
}
4150
.tweak {
4152
padding: 3px;
4153
}
4154
.tweak.title:hover {
4156
box-shadow: none;
4157
}
4158
.tweak-group-white,
4160
.tweak-white,
4161
.tweak-white:hover {
4162
background-image: image(#303030);
4163
}
4164
.tweak-startup,
4166
.tweak-startup:hover {
4167
background-image: image(#303030);
4168
}
4169
.tweak-group-startup {
4171
background-image: image(#303030);
4172
border: 1px solid rgba(0, 0, 0, 0.26);
4173
}
4174
row#Focus,
4176
row#ClickMethod,
4177
row#StaticWorkspaceTweak,
4178
row#dynamic-workspaces,
4179
row#PrimaryWorkspaceTweak,
4180
row#workspaces-only-on-primary {
4181
padding: 0;
4182
border: 1px solid rgba(0, 0, 0, 0.26);
4183
}
4184
row#Focus row:not(:last-child),
4186
row#ClickMethod row:not(:last-child),
4187
row#StaticWorkspaceTweak row:not(:last-child),
4188
row#dynamic-workspaces row:not(:last-child),
4189
row#PrimaryWorkspaceTweak row:not(:last-child),
4190
row#workspaces-only-on-primary row:not(:last-child) {
4191
border-bottom: 1px solid rgba(0, 0, 0, 0.26);
4192
}
4193
row#Focus.tweak > list,
4195
row#ClickMethod.tweak > list,
4196
row#StaticWorkspaceTweak.tweak > list,
4197
row#dynamic-workspaces.tweak > list,
4198
row#PrimaryWorkspaceTweak.tweak > list,
4199
row#workspaces-only-on-primary.tweak > list {
4200
margin-top: -3px;
4201
}
4202
row#Focus,
4204
row#ClickMethod,
4205
row#PrimaryWorkspaceTweak,
4206
row#workspaces-only-on-primary {
4207
margin-top: 4px;
4208
}
4209
/***********
4211
* Builder *
4212
***********/
4213
layouttabbar {
4214
border-bottom: 1px solid rgba(0, 0, 0, 0.26);
4215
background-color: #282828;
4216
}
4217
layouttabbar > box > button {
4219
margin: 4px 0;
4220
}
4221
layouttab {
4223
margin: 0 8px;
4224
border-style: none solid;
4225
border-width: 1px;
4226
border-color: rgba(0, 0, 0, 0.26);
4227
box-shadow: inset 0 -2px #4285F4;
4228
background-color: #303030;
4229
}
4230
layouttab separator.vertical {
4232
margin: 8px 4px;
4233
}
4234
layouttab button.text-button, layouttab button.image-button, layouttab button {
4236
margin-top: 8px;
4237
margin-bottom: 8px;
4238
padding: 0 4px;
4239
}
4240
layout {
4242
border: 1px solid rgba(0, 0, 0, 0.26);
4243
-PnlDockBin-handle-size: 1;
4244
}
4245
entry.search-missing {
4247
background-color: #EA4335;
4248
color: white;
4249
}
4250
window.workbench treeview.image {
4252
color: rgba(255, 255, 255, 0.7);
4253
}
4254
window.workbench treeview.image:selected {
4256
color: rgba(255, 255, 255, 0.7);
4257
}
4258
popover.popover-selector list {
4260
padding: 6px;
4261
}
4262
popover.popover-selector list row {
4264
border-radius: 2px;
4265
}
4266
popover.popover-selector list row image:dir(ltr) {
4268
margin-right: 6px;
4269
}
4270
popover.popover-selector list row image:dir(rtl) {
4272
margin-left: 6px;
4273
}
4274
popover.popover-selector list row .accel:dir(ltr) {
4276
margin-left: 6px;
4277
}
4278
popover.popover-selector list row .accel:dir(rtl) {
4280
margin-right: 6px;
4281
}
4282
omnibar.linked:not(.vertical) entry {
4284
border-radius: 2px;
4285
}
4286
omnibar:not(:hover):not(:active) entry {
4288
color: rgba(255, 255, 255, 0.7);
4289
}
4290
popover.omnibar list row:not(:last-child) {
4292
border-bottom: 1px solid rgba(0, 0, 0, 0.26);
4293
}
4294
entry.preferences-search {
4296
box-shadow: inset 0 -1px rgba(0, 0, 0, 0.26);
4297
background-color: #303030;
4298
}
4299
preferences stacksidebar.sidebar list {
4301
background-color: #2C2C2C;
4302
}
4303
preferences stacksidebar.sidebar:dir(ltr) list, preferences stacksidebar.sidebar:dir(rtl) list {
4305
border-style: none;
4306
}
4307
preferences > box > box:dir(ltr) {
4309
border-right: 1px solid rgba(0, 0, 0, 0.26);
4310
}
4311
preferences > box > box:dir(rtl) {
4313
border-left: 1px solid rgba(0, 0, 0, 0.26);
4314
}
4315
popover.messagepopover.background {
4317
padding: 0;
4318
}
4319
popover.messagepopover .popover-action-area button {
4321
padding: 8px 16px;
4322
border-top: 1px solid rgba(0, 0, 0, 0.26);
4323
border-radius: 0;
4324
}
4325
popover.messagepopover .popover-action-area button:first-child {
4327
border-bottom-left-radius: 2px;
4328
}
4329
popover.messagepopover .popover-action-area button:last-child {
4331
border-bottom-right-radius: 2px;
4332
}
4333
popover.messagepopover .popover-content-area {
4335
margin: 16px;
4336
}
4337
popover.transfers list {
4339
background-color: transparent;
4340
}
4341
popover.transfers list row:not(:first-child) {
4343
border-top: 1px solid rgba(0, 0, 0, 0.26);
4344
}
4345
popover.transfers list row > box {
4347
padding: 10px;
4348
}
4349
dockbin {
4351
border: 1px solid rgba(0, 0, 0, 0.26);
4352
-PnlDockBin-handle-size: 1;
4353
}
4354
dockpaned {
4356
border: 1px solid rgba(0, 0, 0, 0.26);
4357
}
4358
eggsearchbar box.search-bar {
4360
padding: 0 8px;
4361
border-bottom: 1px solid rgba(0, 0, 0, 0.26);
4362
background-color: #282828;
4363
}
4364
docktabstrip {
4366
padding: 0 8px;
4367
border-bottom: 1px solid rgba(0, 0, 0, 0.26);
4368
background-color: #282828;
4369
}
4370
docktab {
4372
transition: all 250ms cubic-bezier(0, 0, 0.2, 1), background-size 0, background-image 0;
4373
min-height: 24px;
4374
min-width: 24px;
4375
margin-bottom: -1px;
4376
padding: 4px 6px;
4377
outline-offset: -6px;
4378
border-width: 1px;
4379
border-color: transparent;
4380
background-image: radial-gradient(circle farthest-corner at center, #4285F4 10%, transparent 0%);
4381
background-repeat: no-repeat;
4382
background-position: center;
4383
background-size: 0% 0%;
4384
color: rgba(255, 255, 255, 0.7);
4385
font-weight: 500;
4386
}
4387
docktab:hover {
4389
box-shadow: inset 0 -2px rgba(255, 255, 255, 0.3);
4390
color: white;
4391
}
4392
docktab:checked {
4394
transition: all 250ms cubic-bezier(0, 0, 0.2, 1), background-size 250ms cubic-bezier(0, 0, 0.2, 1), background-image 600ms cubic-bezier(0, 0, 0.2, 1);
4395
box-shadow: inset 0 -2px #4285F4;
4396
background-image: radial-gradient(circle farthest-corner at center, transparent 10%, transparent 0%);
4397
background-size: 1000% 1000%;
4398
color: white;
4399
}
4400
dockoverlayedge {
4402
background-color: #282828;
4403
}
4404
dockoverlayedge docktabstrip {
4406
padding: 0;
4407
border: none;
4408
}
4409
dockoverlayedge.left-edge docktab:hover {
4411
box-shadow: inset -2px 0 rgba(255, 255, 255, 0.3);
4412
}
4413
dockoverlayedge.left-edge docktab:checked {
4415
box-shadow: inset -2px 0 #4285F4;
4416
}
4417
dockoverlayedge.right-edge docktab:hover {
4419
box-shadow: inset 2px 0 rgba(255, 255, 255, 0.3);
4420
}
4421
dockoverlayedge.right-edge docktab:checked {
4423
box-shadow: inset 2px 0 #4285F4;
4424
}
4425
pillbox {
4427
background-color: #282828;
4428
border-radius: 2px;
4429
}
4430
layoutpane entry.search {
4432
box-shadow: inset 0 -1px rgba(0, 0, 0, 0.26);
4433
background-color: #303030;
4434
}
4435
editortweak entry.search {
4437
margin-bottom: -1px;
4438
box-shadow: none;
4439
}
4440
.gb-search-entry-occurrences-tag {
4442
box-shadow: none;
4443
background-color: transparent;
4444
}
4445
docktabstrip {
4447
min-height: 39px;
4448
}
4449
window.workbench preferences preferencesgroup list entry {
4451
padding-top: 8px;
4452
padding-bottom: 8px;
4453
}
4454
button.run-arrow-button {
4456
padding-left: 8px;
4457
padding-right: 8px;
4458
}
4459
button.dzlmenubutton image {
4461
min-width: 26px;
4462
}
4463
button.dzlmenubutton image.arrow {
4465
min-width: 23px;
4466
}
4467
button.dzlmenubuttonitem {
4469
color: white;
4470
font-weight: normal;
4471
}
4472
button.dzlmenubuttonitem:disabled {
4474
color: rgba(255, 255, 255, 0.5);
4475
}
4476
idelayoutstackheader {
4478
border-bottom: 1px solid rgba(0, 0, 0, 0.26);
4479
}
4480
idelayoutstackheader button:checked {
4482
color: white;
4483
}
4484
ideeditorutilities > dzldockpaned > box > stackswitcher {
4486
padding: 8px 0;
4487
background-color: #282828;
4488
}
4489
ideeditorutilities > dzldockpaned > box > stackswitcher:dir(ltr) {
4491
border-right: 1px solid rgba(0, 0, 0, 0.26);
4492
}
4493
ideeditorutilities > dzldockpaned > box > stackswitcher:dir(rtl) {
4495
border-left: 1px solid rgba(0, 0, 0, 0.26);
4496
}
4497
ideeditorutilities > dzldockpaned > box > stackswitcher button {
4499
border-radius: 0;
4500
outline-offset: -6px;
4501
box-shadow: none;
4502
background-color: transparent;
4503
}
4504
ideeditorutilities > dzldockpaned > box > stackswitcher button:active {
4506
background-image: radial-gradient(circle farthest-corner at center, rgba(66, 133, 244, 0.7) 10%, transparent 0%);
4507
}
4508
ideeditorutilities > dzldockpaned > box > stackswitcher button:checked {
4510
background-color: transparent;
4511
color: white;
4512
}
4513
ideeditorutilities > dzldockpaned > box > stackswitcher button:dir(ltr) {
4515
margin-right: -1px;
4516
}
4517
ideeditorutilities > dzldockpaned > box > stackswitcher button:dir(ltr):hover {
4519
box-shadow: inset -2px 0 rgba(255, 255, 255, 0.3);
4520
}
4521
ideeditorutilities > dzldockpaned > box > stackswitcher button:dir(ltr):active, ideeditorutilities > dzldockpaned > box > stackswitcher button:dir(ltr):checked {
4523
box-shadow: inset -2px 0 #4285F4;
4524
}
4525
ideeditorutilities > dzldockpaned > box > stackswitcher button:dir(rtl) {
4527
margin-left: -1px;
4528
}
4529
ideeditorutilities > dzldockpaned > box > stackswitcher button:dir(rtl):hover {
4531
box-shadow: inset 2px 0 rgba(255, 255, 255, 0.3);
4532
}
4533
ideeditorutilities > dzldockpaned > box > stackswitcher button:dir(rtl):active, ideeditorutilities > dzldockpaned > box > stackswitcher button:dir(rtl):checked {
4535
box-shadow: inset 2px 0 #4285F4;
4536
}
4537
ideeditorsidebar notebook header {
4539
background: transparent;
4540
}
4541
popover.messagepopover list {
4543
border: 1px solid rgba(0, 0, 0, 0.26);
4544
}
4545
popover.messagepopover list row:not(:last-child) {
4547
border-bottom: 1px solid rgba(0, 0, 0, 0.26);
4548
}
4549
/**********
4551
* Photos *
4552
**********/
4553
GdMainIconView.content-view {
4554
-GdMainIconView-icon-size: 48;
4555
}
4556
.documents-counter {
4558
margin: 8px;
4559
border-radius: 9999px;
4560
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23);
4561
background-color: #01A299;
4562
color: white;
4563
font-weight: bold;
4564
}
4565
.documents-scrolledwin.frame {
4567
border-style: none;
4568
}
4569
.documents-scrolledwin.frame frame.content-view > border {
4571
border-style: none;
4572
}
4573
.photos-fade-in {
4575
opacity: 1;
4576
transition: opacity 150ms cubic-bezier(0, 0, 0.2, 1);
4577
}
4578
.photos-fade-out {
4580
opacity: 0;
4581
transition: opacity 150ms cubic-bezier(0, 0, 0.2, 1);
4582
}
4583
overlay grid.horizontal > revealer > scrolledwindow.frame:dir(ltr) {
4585
border-style: none none none solid;
4586
}
4587
overlay grid.horizontal > revealer > scrolledwindow.frame:dir(rtl) {
4589
border-style: none solid none none;
4590
}
4591
/*********
4593
* Music *
4594
*********/
4595
.side-panel:dir(ltr) {
4596
border-style: solid;
4597
border-color: rgba(0, 0, 0, 0.26);
4598
}
4599
.side-panel:dir(rtl) {
4601
border-style: solid;
4602
border-color: rgba(0, 0, 0, 0.26);
4603
}
4604
.side-panel .view {
4606
background-image: image(#2C2C2C);
4607
}
4608
.side-panel .view:hover {
4610
background-image: image(#373737);
4611
}
4612
.side-panel .view:selected {
4614
background-image: image(#4285F4);
4615
}
4616
.side-panel .view:selected:hover {
4618
background-image: image(#4b8bf5);
4619
}
4620
.songs-list:hover {
4622
background-image: image(alpha(currentColor, 0.06));
4623
}
4624
frame.documents-dropdown {
4626
margin: 8px;
4627
}
4628
frame.documents-dropdown > border {
4630
border: none;
4631
}
4632
box.vertical > revealer > toolbar.search-bar {
4634
border-bottom: 1px solid rgba(0, 0, 0, 0.26);
4635
background-clip: border-box;
4636
}
4637
box.vertical > revealer > toolbar.search-bar button > widget {
4639
-gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
4640
}
4641
/*********
4643
* To Do *
4644
*********/
4645
task-list-view taskrow {
4646
transition: all 150ms cubic-bezier(0, 0, 0.2, 1);
4647
margin: 0 -8px;
4648
}
4649
task-list-view taskrow:hover {
4651
transition: none;
4652
}
4653
task-list-view taskrow label {
4655
margin: 0 8px;
4656
}
4657
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, task-list-view taskrow
4659
headerbar image.subtitle,
4660
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 {
4661
min-width: 16px;
4662
}
4663
task-list-view > box > revealer > box > button {
4665
margin: -4px;
4666
}
4667
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, task-list-view > box > revealer > box > button
4669
headerbar .subtitle,
4670
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 {
4671
opacity: 1;
4672
}
4673
tasklistview taskrow {
4675
outline: none;
4676
}
4677
tasklistview taskrow entry, tasklistview taskrow entry:focus, tasklistview taskrow entry:disabled {
4679
box-shadow: none;
4680
}
4681
tasklistview taskrow image.dim-label, tasklistview taskrow .titlebar:not(headerbar) image.subtitle, .titlebar:not(headerbar) tasklistview taskrow image.subtitle, tasklistview taskrow
4683
headerbar image.subtitle,
4684
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 {
4685
min-width: 16px;
4686
}
4687
tasklistview > box > revealer > box > button {
4689
margin: -4px;
4690
}
4691
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, tasklistview > box > revealer > box > button
4693
headerbar .subtitle,
4694
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 {
4695
opacity: 1;
4696
}
4697
/*******
4699
* eog *
4700
*******/
4701
#eog-thumb-nav scrolledwindow {
4702
border-top: none;
4703
}
4704
#eog-thumb-nav button {
4706
-gtk-outline-radius: 2px;
4707
}
4708
/*************
4710
* Evolution *
4711
*************/
4712
frame.taskbar > border {
4713
border-style: solid none none;
4714
}
4715
box.vertical > paned.horizontal notebook widget .frame {
4717
border-style: none;
4718
}
4719
/********
4721
* gitg *
4722
********/
4723
frame.commit-frame > border {
4724
border-style: solid none none;
4725
}
4726
/**************
4728
* Characters *
4729
**************/
4730
box.dialog-vbox scrolledwindow.related {
4731
border: 1px solid rgba(0, 0, 0, 0.26);
4732
}
4733
list.categories {
4735
background-image: image(#2C2C2C);
4736
}
4737
/*********
4739
* Boxes *
4740
*********/
4741
.transparent-bg + stack overlay > label {
4742
min-height: 24px;
4743
padding: 0 4px;
4744
border-radius: 2px;
4745
background-color: rgba(0, 0, 0, 0.6);
4746
color: white;
4747
}
4748
/**************
4750
* Calculator *
4751
**************/
4752
button.title label {
4753
min-height: 32px;
4754
}
4755
/*********
4757
* Geary *
4758
*********/
4759
.geary-titlebar-left:dir(ltr) {
4760
margin-right: 5px;
4761
padding-right: 0;
4762
}
4763
.geary-titlebar-left:dir(rtl) {
4765
margin-left: 5px;
4766
padding-left: 0;
4767
}
4768
.geary-titlebar-left > separator {
4770
background-color: rgba(0, 0, 0, 0.05);
4771
}
4772
.geary-titlebar-right:dir(ltr) {
4774
margin-left: -5px;
4775
}
4776
.geary-titlebar-right:dir(rtl) {
4778
margin-right: -5px;
4779
}
4780
/*********
4782
* Tilix *
4783
*********/
4784
overlay > revealer.left > scrolledwindow.frame,
4785
overlay > revealer.right > scrolledwindow.frame {
4786
border-style: none;
4787
box-shadow: 0 14px 14px rgba(0, 0, 0, 0.25), 0 10px 5px rgba(0, 0, 0, 0.22);
4788
}
4789
overlay > revealer.left > scrolledwindow.frame {
4791
margin-right: 32px;
4792
}
4793
overlay > revealer.right > scrolledwindow.frame {
4795
margin-left: 32px;
4796
}
4797
.terminix-session-sidebar,
4799
.tilix-session-sidebar {
4800
background-image: image(#424242);
4801
}
4802
.terminal-titlebar button {
4804
border-radius: 0;
4805
}
4806
button.image-button.session-new-button {
4808
min-width: 28px;
4809
}
4810
/**************
4812
* Terminator *
4813
**************/
4814
.terminator-terminal-window paned > separator {
4815
background-color: #282828;
4816
}
4817
.terminator-terminal-window notebook.frame {
4819
border-style: none;
4820
}
4821
/***********
4823
* Eclipse *
4824
***********/
4825
window.background > box.vertical > scrolledwindow > widget toolbar {
4826
padding: 2px;
4827
}
4828
window.background > box.vertical > scrolledwindow > widget toolbar separator,
4830
window.background > box.vertical > scrolledwindow > widget toolbar button {
4831
margin: 2px;
4832
}
4833
window.background > box.vertical > scrolledwindow > widget toolbar button {
4835
border-radius: 2px;
4836
}
4837
/************
4839
* Chromium *
4840
************/
4841
window.background.chromium {
4842
background-color: #424242;
4843
}
4844
window.background.chromium entry,
4846
window.background.chromium > button:not(.suggested-action):not(.destructive-action) {
4847
border: 1px solid rgba(0, 0, 0, 0.26);
4848
}
4849
window.background.chromium > button {
4851
box-shadow: none;
4852
background-size: auto;
4853
}
4854
window.background.chromium > button:hover {
4856
background-image: image(alpha(currentColor, 0.06));
4857
}
4858
window.background.chromium > button:active {
4860
background-image: image(alpha(currentColor, 0.12));
4861
}
4862
window.background.chromium headerbar button:active {
4864
background-size: 1000% 1000%;
4865
}
4866
window.background.chromium spinner {
4868
color: #4285F4;
4869
}
4870
window.background.chromium textview {
4872
background-color: #424242;
4873
}
4874
tooltip.background.chromium {
4876
background-color: #616161;
4877
}
4878
/***********
4880
* Firefox *
4881
***********/
4882
window.background:not(.csd) > widget > separator {
4883
color: rgba(0, 0, 0, 0.26);
4884
}
4885
window.background:not(.csd) > widget > scrollbar {
4887
background-clip: border-box;
4888
}
4889
window.background:not(.csd) > widget > scrollbar,
4891
window.background:not(.csd) > widget > frame > border {
4892
border-color: rgba(0, 0, 0, 0.26);
4893
}
4894
window.background:not(.csd) > widget > entry,
4896
window.background:not(.csd) > widget > button > button {
4897
border: 1px solid rgba(0, 0, 0, 0.26);
4898
border-radius: 3px;
4899
box-shadow: none;
4900
}
4901
window.background:not(.csd) > widget > entry {
4903
min-height: 30px;
4904
}
4905
window.background:not(.csd) > widget > entry:focus {
4907
border-color: #4285F4;
4908
}
4909
window.background:not(.csd) > widget > button > button {
4911
padding: 4px 8px;
4912
background-size: auto;
4913
}
4914
window.background:not(.csd) > widget > button > button:hover {
4916
background-image: image(alpha(currentColor, 0.06));
4917
}
4918
window.background:not(.csd) > widget > button > button:active {
4920
background-image: image(alpha(currentColor, 0.12));
4921
}
4922
window.background:not(.csd) > widget > checkbutton > check:not(:checked),
4924
window.background:not(.csd) > widget > radiobutton > radio:not(:checked) {
4925
color: #757575;
4926
}
4927
window.background:not(.csd) > widget > checkbutton > check:not(:checked):hover, window.background:not(.csd) > widget > checkbutton > check:not(:checked):active,
4929
window.background:not(.csd) > widget > radiobutton > radio:not(:checked):hover,
4930
window.background:not(.csd) > widget > radiobutton > radio:not(:checked):active {
4931
color: #212121;
4932
}
4933
window.background:not(.csd) > widget > checkbutton > check:not(:checked):disabled,
4935
window.background:not(.csd) > widget > radiobutton > radio:not(:checked):disabled {
4936
color: rgba(117, 117, 117, 0.5);
4937
}
4938
window.background:not(.csd) > window > menu,
4940
window.background:not(.csd) > menu > menu {
4941
border: none;
4942
}
4943
window.background:not(.csd) > widget > menubar {
4945
color: rgba(255, 255, 255, 0.7);
4946
}
4947
window.background:not(.csd) > widget > menubar:hover {
4949
color: white;
4950
}
4951
window.background:not(.csd) > widget > menubar:disabled {
4953
color: rgba(255, 255, 255, 0.3);
4954
}
4955
window.background:not(.csd) > widget > frame {
4957
color: rgba(0, 0, 0, 0.26);
4958
}
4959
window.background:not(.csd) > widget > checkbutton > check,
4961
window.background:not(.csd) > widget > radiobutton > radio {
4962
margin: 0;
4963
padding: 0;
4964
}
4965
window.background:not(.csd) > window.background > menu > separator {
4967
color: rgba(0, 0, 0, 0.26);
4968
}
4969
/************
4971
* Inkscape *
4972
************/
4973
#ToolboxCommon > #AuxToolbox #StyleSwatch {
4974
font-size: smaller;
4975
}
4976
#ToolboxCommon > #AuxToolbox #Kludge {
4978
padding: 0;
4979
}
4980
#ToolboxCommon > #AuxToolbox spinbutton,
4982
#ToolboxCommon > #AuxToolbox entry {
4983
min-height: 32px;
4984
}
4985
#ToolboxCommon > #AuxToolbox button:not(.up):not(.down) {
4987
min-height: 24px;
4988
min-width: 16px;
4989
padding: 4px 8px;
4990
border-radius: 2px;
4991
-gtk-outline-radius: 2px;
4992
}
4993
#ToolboxCommon > #AuxToolbox spinbutton button {
4995
border-width: 4px;
4996
}
4997
#ToolboxCommon > toolbar.vertical {
4999
margin-top: -4px;
5000
}
5001
#ToolboxCommon > toolbar.vertical button {
5003
min-height: 24px;
5004
min-width: 24px;
5005
padding: 4px;
5006
border-radius: 2px;
5007
-gtk-outline-radius: 2px;
5008
}
5009
#CanvasTable button {
5011
min-height: 16px;
5012
min-width: 16px;
5013
padding: 0;
5014
}
5015
#CanvasTable #HorizontalScrollbar {
5017
border-top: 1px solid rgba(0, 0, 0, 0.26);
5018
}
5019
#CanvasTable #VerticalScrollbar:dir(ltr) {
5021
border-left: 1px solid rgba(0, 0, 0, 0.26);
5022
}
5023
#CanvasTable #VerticalScrollbar:dir(rtl) {
5025
border-right: 1px solid rgba(0, 0, 0, 0.26);
5026
}
5027
#Canvas_and_Dock frame > border {
5029
border: none;
5030
}
5031
#Canvas_and_Dock widget > widget > button.flat {
5033
min-height: 16px;
5034
min-width: 16px;
5035
padding: 4px;
5036
}
5037
#Canvas_and_Dock widget > widget > box.horizontal image {
5039
padding: 4px;
5040
}
5041
#Canvas_and_Dock box.horizontal > box.vertical > button.flat {
5043
min-height: 16px;
5044
min-width: 24px;
5045
padding: 8px 4px;
5046
}
5047
/***********
5049
* Synapse *
5050
***********/
5051
box.vertical > widget > widget:selected {
5052
background-color: #4285F4;
5053
}
5054
/*********
5056
* Unity *
5057
*********/
5058
UnityDecoration {
5059
-UnityDecoration-extents: 28px 0 0 0;
5060
-UnityDecoration-input-extents: 8px;
5061
-UnityDecoration-shadow-offset-x: 0;
5062
-UnityDecoration-shadow-offset-y: 3px;
5063
-UnityDecoration-active-shadow-color: rgba(0, 0, 0, 0.48);
5064
-UnityDecoration-active-shadow-radius: 18px;
5065
-UnityDecoration-inactive-shadow-color: rgba(0, 0, 0, 0.32);
5066
-UnityDecoration-inactive-shadow-radius: 6px;
5067
-UnityDecoration-glow-size: 8px;
5068
-UnityDecoration-glow-color: #4285F4;
5069
-UnityDecoration-title-indent: 4px;
5070
-UnityDecoration-title-fade: 32px;
5071
-UnityDecoration-title-alignment: 0.0;
5072
}
5073
UnityDecoration .top {
5075
padding: 0 2px;
5076
border-style: none;
5077
border-radius: 2px 2px 0 0;
5078
box-shadow: inset 0 1px rgba(255, 255, 255, 0.1);
5079
background-color: #383838;
5080
color: white;
5081
}
5082
UnityDecoration .top:backdrop {
5084
color: rgba(255, 255, 255, 0.7);
5085
}
5086
UnityDecoration .menuitem {
5088
color: rgba(255, 255, 255, 0.7);
5089
}
5090
UnityDecoration .menuitem:hover {
5092
box-shadow: inset 0 -2px currentColor;
5093
background-color: transparent;
5094
color: white;
5095
}
5096
.background:not(.csd) headerbar:not(.titlebar) {
5098
border-radius: 0;
5099
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
5100
}
5101
.background:not(.csd) headerbar:not(.titlebar).inline-toolbar {
5103
border-style: none;
5104
}
5105
UnityPanelWidget,
5107
.unity-panel {
5108
background-color: #212121;
5109
color: white;
5110
}
5111
UnityPanelWidget:backdrop,
5113
.unity-panel:backdrop {
5114
color: rgba(255, 255, 255, 0.7);
5115
}
5116
.unity-panel.menuitem,
5118
.unity-panel .menuitem {
5119
color: rgba(255, 255, 255, 0.7);
5120
}
5121
.unity-panel.menubar.menuitem:hover,
5123
.unity-panel.menubar .menuitem *:hover {
5124
box-shadow: inset 0 -2px currentColor;
5125
background-color: transparent;
5126
color: white;
5127
}
5128
.menu IdoPlaybackMenuItem.menuitem:active {
5130
-gtk-icon-source: -gtk-icontheme("process-working-symbolic");
5131
animation: spin 1s linear infinite;
5132
color: #4285F4;
5133
}
5134
/**************
5136
* Mate-Panel *
5137
**************/
5138
.mate-panel-menu-bar menubar,
5139
#PanelApplet-window-menu-applet-button {
5140
background-color: transparent;
5141
}
5142
.mate-panel-menu-bar {
5144
background-color: #212121;
5145
font-weight: 500;
5146
}
5147
.mate-panel-menu-bar:not(.popup) {
5149
color: rgba(255, 255, 255, 0.7);
5150
}
5151
.mate-panel-menu-bar button {
5153
min-height: 16px;
5154
min-width: 16px;
5155
padding: 0;
5156
border-radius: 0;
5157
}
5158
.mate-panel-menu-bar button:checked {
5160
background-color: rgba(255, 255, 255, 0.12);
5161
}
5162
PanelToplevel.horizontal > grid > button {
5164
min-width: 24px;
5165
}
5166
PanelToplevel.vertical > grid > button {
5168
min-height: 24px;
5169
}
5170
PanelSeparator {
5172
color: rgba(255, 255, 255, 0.12);
5173
}
5174
MatePanelAppletFrameDBus {
5176
border-style: solid;
5177
border-color: rgba(255, 255, 255, 0.12);
5178
}
5179
.mate-panel-menu-bar.horizontal MatePanelAppletFrameDBus {
5181
border-width: 0 1px;
5182
}
5183
.mate-panel-menu-bar.vertical MatePanelAppletFrameDBus {
5185
border-width: 1px 0;
5186
}
5187
.mate-panel-menu-bar menubar > menuitem {
5189
color: rgba(255, 255, 255, 0.7);
5190
}
5191
.mate-panel-menu-bar menubar > menuitem:hover {
5193
background-color: rgba(255, 255, 255, 0.12);
5194
color: white;
5195
}
5196
.mate-panel-menu-bar menubar > menuitem:disabled {
5198
color: rgba(255, 255, 255, 0.3);
5199
}
5200
.mate-panel-menu-bar.horizontal menubar > menuitem {
5202
padding: 0 8px;
5203
}
5204
.mate-panel-menu-bar.vertical menubar > menuitem {
5206
padding: 8px 0;
5207
}
5208
.mate-panel-menu-bar menubar menu > menuitem {
5210
min-height: 28px;
5211
padding: 0 6px;
5212
}
5213
.mate-panel-menu-bar #PanelApplet button {
5215
-GtkWidget-window-dragging: true;
5216
}
5217
.mate-panel-menu-bar #tasklist-button {
5219
border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), currentColor 0%, transparent 0%) 0 0 0/0 0 0px;
5220
}
5221
.mate-panel-menu-bar #tasklist-button:checked {
5223
border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), currentColor 100%, transparent 0%) 0 0 2/0 0 2px;
5224
}
5225
.mate-panel-menu-bar #tasklist-button image:dir(ltr), .mate-panel-menu-bar #tasklist-button label:dir(rtl) {
5227
padding-left: 4px;
5228
}
5229
.mate-panel-menu-bar #tasklist-button label:dir(ltr), .mate-panel-menu-bar #tasklist-button image:dir(rtl) {
5231
padding-right: 4px;
5232
}
5233
.mate-panel-menu-bar.vertical #tasklist-button {
5235
min-height: 32px;
5236
}
5237
.mate-panel-menu-bar.horizontal #showdesktop-button image {
5239
min-width: 24px;
5240
padding: 0 4px;
5241
}
5242
.mate-panel-menu-bar.vertical #showdesktop-button image {
5244
min-height: 24px;
5245
padding: 4px 0;
5246
}
5247
PanelApplet.wnck-applet .wnck-pager {
5249
background-color: transparent;
5250
color: #7BAAF7;
5251
}
5252
PanelApplet.wnck-applet .wnck-pager:hover {
5254
background-color: rgba(255, 255, 255, 0.12);
5255
}
5256
PanelApplet.wnck-applet .wnck-pager:active {
5258
background-color: rgba(255, 255, 255, 0.3);
5259
}
5260
PanelApplet.wnck-applet .wnck-pager:selected {
5262
background-color: #4285F4;
5263
}
5264
.mate-panel-menu-bar.horizontal #clock-applet-button label {
5266
padding: 0 8px;
5267
}
5268
.mate-panel-menu-bar.vertical #clock-applet-button label {
5270
padding: 8px 0;
5271
}
5272
#MatePanelPopupWindow {
5274
border: 1px solid rgba(0, 0, 0, 0.26);
5275
border-radius: 3px;
5276
box-shadow: inset 0 1px rgba(255, 255, 255, 0.1);
5277
}
5278
#MatePanelPopupWindow frame > border {
5280
border-style: none;
5281
}
5282
#MatePanelPopupWindow button {
5284
padding: 4px 16px;
5285
}
5286
#MatePanelPopupWindow > frame > box > box > box > widget {
5288
color: rgba(0, 0, 0, 0.26);
5289
}
5290
na-tray-applet {
5292
-NaTrayApplet-icon-padding: 3px;
5293
-NaTrayApplet-icon-size: 16;
5294
}
5295
.mate-panel-menu-bar {
5297
-PanelMenuBar-icon-visible: true;
5298
}
5299
.mate-panel-applet-slider {
5301
border: 1px solid rgba(0, 0, 0, 0.26);
5302
border-radius: 3px;
5303
box-shadow: inset 0 1px rgba(255, 255, 255, 0.1);
5304
background-color: #282828;
5305
}
5306
.mate-panel-applet-slider frame > border {
5308
border-style: none;
5309
}
5310
#PanelApplet:not(:selected) > box {
5312
transition: all 150ms cubic-bezier(0, 0, 0.2, 1);
5313
}
5314
#PanelApplet:selected > box {
5316
background-color: rgba(255, 255, 255, 0.12);
5317
color: white;
5318
}
5319
#mate-menu {
5321
border: 1px solid rgba(0, 0, 0, 0.26);
5322
}
5323
#mate-menu button {
5325
min-height: 24px;
5326
min-width: 24px;
5327
padding: 4px 0;
5328
color: white;
5329
font-weight: normal;
5330
}
5331
#mate-menu button label:not(:first-child) {
5333
color: rgba(255, 255, 255, 0.7);
5334
}
5335
#mate-menu entry {
5337
margin: 0 0 8px;
5338
}
5339
#mate-menu entry image {
5341
margin: 0;
5342
}
5343
#mate-menu entry + button {
5345
margin: 0 4px 8px;
5346
padding: 4px;
5347
}
5348
/*********************
5350
* CAJA File manager *
5351
*********************/
5352
.caja-navigation-window button.toggle.image-button {
5353
border-radius: 2px;
5354
}
5355
.caja-pathbar button {
5357
margin: 0 -1px 0 -2px;
5358
}
5359
.caja-pathbar button > widget {
5361
-gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
5362
-GtkArrow-arrow-scaling: 1;
5363
}
5364
.caja-side-pane notebook viewport.frame,
5366
.caja-side-pane notebook widget .vertical {
5367
background-color: #303030;
5368
}
5369
.caja-side-pane notebook,
5371
.caja-notebook {
5372
border-top: 1px solid rgba(0, 0, 0, 0.26);
5373
}
5374
.caja-side-pane notebook .frame,
5376
.caja-notebook .frame {
5377
border-style: none;
5378
}
5379
.caja-navigation-window statusbar {
5381
margin: 0 -10px;
5382
padding: 0 4px;
5383
border-top: 1px solid rgba(0, 0, 0, 0.26);
5384
}
5385
.caja-notebook frame > border {
5387
border-style: none;
5388
}
5389
#caja-extra-view-widget {
5391
border-bottom: 1px solid rgba(0, 0, 0, 0.26);
5392
background-color: #282828;
5393
}
5394
#caja-extra-view-widget > box > box > label {
5396
font-weight: bold;
5397
}
5398
/*********
5400
* Pluma *
5401
*********/
5402
.pluma-window statusbar {
5403
margin: 0 -10px;
5404
padding: 0 4px;
5405
border-top: 1px solid rgba(0, 0, 0, 0.26);
5406
}
5407
.pluma-window statusbar frame > border {
5409
border-style: none;
5410
}
5411
.pluma-window statusbar frame button.flat {
5413
padding: 0 4px;
5414
border-radius: 0;
5415
}
5416
.pluma-window statusbar frame button.flat widget {
5418
-gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
5419
-GtkArrow-arrow-scaling: 1;
5420
}
5421
.pluma-print-preview toolbar {
5423
border-bottom: 1px solid rgba(0, 0, 0, 0.26);
5424
}
5425
.pluma-window paned.horizontal box.vertical box.horizontal button.flat {
5427
margin: 1px;
5428
}
5429
.pluma-window paned.horizontal box.vertical .frame {
5431
border-style: none;
5432
}
5433
.pluma-window paned.horizontal box.vertical notebook.frame {
5435
margin-top: -1px;
5436
border-top: 1px solid rgba(0, 0, 0, 0.26);
5437
}
5438
.pluma-window paned.horizontal box.vertical notebook.frame box.vertical toolbar.horizontal {
5440
border-bottom: 1px solid rgba(0, 0, 0, 0.26);
5441
}
5442
/*********
5444
* Atril *
5445
*********/
5446
.atril-window paned.horizontal box.vertical .frame {
5447
border-style: none;
5448
}
5449
.atril-window paned.horizontal box.vertical notebook .frame {
5451
border-top: 1px solid rgba(0, 0, 0, 0.26);
5452
}
5453
/* mate-screensaver lock dialog */
5455
.lock-dialog {
5456
border-radius: 2px;
5457
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);
5458
}
5459
.lock-dialog frame > border {
5461
border-style: none;
5462
}
5463
/* multimedia OSD */
5465
MsdOsdWindow.background.osd {
5466
border-radius: 2px;
5467
background-color: rgba(97, 97, 97, 0.9);
5468
color: white;
5469
}
5470
MsdOsdWindow.background.osd .trough {
5472
border-radius: 0;
5473
background-color: rgba(255, 255, 255, 0.12);
5474
}
5475
MsdOsdWindow.background.osd .progressbar {
5477
border-radius: 0;
5478
background-color: #4285F4;
5479
}
5480
/******************
5482
* Budgie Desktop *
5483
******************/
5484
.budgie-container {
5485
background-color: transparent;
5486
}
5487
.budgie-settings-window buttonbox.inline-toolbar {
5489
border-style: none none solid;
5490
}
5491
.budgie-settings-window buttonbox.inline-toolbar button {
5493
border-radius: 2px;
5494
-gtk-outline-radius: 2px;
5495
}
5496
.budgie-popover {
5498
border-style: solid;
5499
border-width: 1px;
5500
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.2) rgba(0, 0, 0, 0.3);
5501
border-radius: 3px;
5502
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23);
5503
background-color: #424242;
5504
}
5505
.budgie-popover .container {
5507
padding: 2px;
5508
}
5509
.budgie-popover border {
5511
border: none;
5512
}
5513
.budgie-popover list {
5515
background-color: transparent;
5516
}
5517
.budgie-popover row {
5519
padding: 0;
5520
}
5521
.budgie-popover row:hover {
5523
box-shadow: none;
5524
}
5525
.budgie-popover:not(.budgie-menu) button.flat:not(.image-button) {
5527
min-height: 28px;
5528
padding: 0 8px;
5529
color: white;
5530
font-weight: normal;
5531
}
5532
.budgie-popover:not(.budgie-menu) button.flat:not(.image-button):disabled {
5534
color: rgba(255, 255, 255, 0.5);
5535
}
5536
.budgie-popover.budgie-menu .container {
5538
padding: 0;
5539
}
5540
.budgie-popover.user-menu .container {
5542
padding: 8px;
5543
}
5544
.budgie-popover.user-menu separator {
5546
margin: 4px 0;
5547
}
5548
.budgie-popover.sound-popover separator {
5550
margin: 3px 0;
5551
}
5552
.budgie-popover.night-light-indicator .container {
5554
padding: 8px;
5555
}
5556
.budgie-popover.places-menu .container {
5558
padding: 8px;
5559
}
5560
.budgie-popover.places-menu .places-list:not(.always-expand) {
5562
margin-top: 4px;
5563
padding-top: 4px;
5564
border-top: 1px solid rgba(0, 0, 0, 0.26);
5565
}
5566
.budgie-popover.places-menu .alternative-label {
5568
padding: 3px;
5569
font-size: 15px;
5570
}
5571
.budgie-popover.workspace-popover .container {
5573
padding: 2px 8px 8px;
5574
}
5575
.budgie-popover.workspace-popover separator {
5577
margin: 4px 0;
5578
}
5579
.budgie-popover.workspace-popover flowboxchild {
5581
padding: 0;
5582
}
5583
.workspace-switcher .workspace-layout {
5585
border: 0 solid rgba(255, 255, 255, 0.12);
5586
}
5587
.top .workspace-switcher .workspace-layout:dir(ltr),
5589
.bottom .workspace-switcher .workspace-layout:dir(ltr) {
5590
border-left-width: 1px;
5591
}
5592
.top .workspace-switcher .workspace-layout:dir(rtl),
5594
.bottom .workspace-switcher .workspace-layout:dir(rtl) {
5595
border-right-width: 1px;
5596
}
5597
.left .workspace-switcher .workspace-layout,
5599
.right .workspace-switcher .workspace-layout {
5600
border-top-width: 1px;
5601
}
5602
.workspace-switcher .workspace-item,
5604
.workspace-switcher .workspace-add-button {
5605
border: 0 solid rgba(255, 255, 255, 0.12);
5606
}
5607
.top .workspace-switcher .workspace-item:dir(ltr),
5609
.bottom .workspace-switcher .workspace-item:dir(ltr), .top
5610
.workspace-switcher .workspace-add-button:dir(ltr),
5611
.bottom
5612
.workspace-switcher .workspace-add-button:dir(ltr) {
5613
border-right-width: 1px;
5614
}
5615
.top .workspace-switcher .workspace-item:dir(rtl),
5617
.bottom .workspace-switcher .workspace-item:dir(rtl), .top
5618
.workspace-switcher .workspace-add-button:dir(rtl),
5619
.bottom
5620
.workspace-switcher .workspace-add-button:dir(rtl) {
5621
border-left-width: 1px;
5622
}
5623
.left .workspace-switcher .workspace-item,
5625
.right .workspace-switcher .workspace-item, .left
5626
.workspace-switcher .workspace-add-button,
5627
.right
5628
.workspace-switcher .workspace-add-button {
5629
border-bottom-width: 1px;
5630
}
5631
.workspace-switcher .workspace-item {
5633
transition: all 150ms cubic-bezier(0, 0, 0.2, 1);
5634
}
5635
.workspace-switcher .workspace-item.current-workspace {
5637
background-color: rgba(255, 255, 255, 0.12);
5638
}
5639
.workspace-switcher .workspace-add-button:hover {
5641
box-shadow: none;
5642
}
5643
.workspace-switcher .workspace-add-button:active {
5645
background-image: none;
5646
}
5647
.workspace-switcher .workspace-add-button:active image {
5649
margin: 1px 0 -1px;
5650
}
5651
.budgie-panel .workspace-switcher .workspace-icon-button {
5653
min-height: 24px;
5654
min-width: 24px;
5655
padding: 0;
5656
border-radius: 2px;
5657
}
5658
.budgie-menu.background {
5660
padding: 0;
5661
background-color: #303030;
5662
}
5663
.budgie-menu scrollbar,
5665
.budgie-menu entry.search {
5666
background-color: transparent;
5667
}
5668
.budgie-menu entry.search {
5670
border-bottom: 1px solid rgba(0, 0, 0, 0.26);
5671
border-radius: 0;
5672
box-shadow: none;
5673
font-size: 120%;
5674
}
5675
.budgie-menu .categories:dir(ltr) {
5677
border-bottom-left-radius: 2px;
5678
}
5679
.budgie-menu .categories:dir(rtl) {
5681
border-bottom-right-radius: 2px;
5682
}
5683
.budgie-menu button {
5685
min-height: 32px;
5686
padding: 0 8px;
5687
border-radius: 0;
5688
color: white;
5689
font-weight: normal;
5690
}
5691
.budgie-menu button:disabled {
5693
color: rgba(255, 255, 255, 0.5);
5694
}
5695
.budgie-menu button:checked:disabled {
5697
background-color: #4285F4;
5698
}
5699
.budgie-menu row {
5701
padding: 0;
5702
}
5703
.budgie-menu row:hover {
5705
box-shadow: none;
5706
}
5707
popover.background.user-menu {
5709
padding: 8px;
5710
}
5711
popover.background.user-menu .content-box {
5713
background-color: transparent;
5714
}
5715
popover.background.user-menu separator {
5717
margin: 4px 0;
5718
}
5719
popover.background.user-menu row {
5721
padding: 0;
5722
box-shadow: none;
5723
background-image: none;
5724
}
5725
popover.background.places-menu {
5727
padding: 8px;
5728
}
5729
popover.background.places-menu .name-button.text-button {
5731
padding-left: 8px;
5732
padding-right: 8px;
5733
}
5734
popover.background.places-menu .name-button.text-button image:dir(ltr) {
5736
margin-right: 3px;
5737
}
5738
popover.background.places-menu .name-button.text-button image:dir(rtl) {
5740
margin-left: 3px;
5741
}
5742
popover.background.places-menu .places-section-header > image:dir(ltr) {
5744
margin: 0 -2px 0 5px;
5745
}
5746
popover.background.places-menu .places-section-header > image:dir(rtl) {
5748
margin: 0 5px 0 -2px;
5749
}
5750
popover.background.places-menu .places-list {
5752
margin-top: 4px;
5753
padding-top: 4px;
5754
border-top: 1px solid rgba(0, 0, 0, 0.26);
5755
background-color: transparent;
5756
}
5757
popover.background.places-menu row {
5759
padding: 0;
5760
box-shadow: none;
5761
background-image: none;
5762
}
5763
.budgie-panel {
5765
transition: background-color 250ms cubic-bezier(0, 0, 0.2, 1);
5766
background-color: #212121;
5767
color: rgba(255, 255, 255, 0.7);
5768
font-weight: 500;
5769
}
5770
.budgie-panel.transparent {
5772
background-color: rgba(0, 0, 0, 0.6);
5773
}
5774
.budgie-panel button {
5776
min-height: 16px;
5777
min-width: 16px;
5778
padding: 0;
5779
border-radius: 0;
5780
}
5781
.budgie-panel button:checked {
5783
background-color: rgba(255, 255, 255, 0.12);
5784
}
5785
.budgie-panel.horizontal button {
5787
padding: 0 4px;
5788
}
5789
.budgie-panel.vertical button {
5791
padding: 4px 0;
5792
}
5793
.budgie-panel separator {
5795
background-color: rgba(255, 255, 255, 0.3);
5796
}
5797
.budgie-panel .alert {
5799
color: #EA4335;
5800
}
5801
.budgie-panel #tasklist-button {
5803
padding: 0 4px;
5804
}
5805
.budgie-panel.vertical #tasklist-button {
5807
min-height: 32px;
5808
}
5809
.budgie-panel button.flat.launcher {
5811
padding: 0;
5812
}
5813
.budgie-panel button.flat.launcher:not(:checked) {
5815
color: rgba(255, 255, 255, 0.5);
5816
}
5817
.budgie-panel button.flat.launcher:not(:checked):hover, .budgie-panel button.flat.launcher:not(:checked):active {
5819
color: rgba(255, 255, 255, 0.7);
5820
}
5821
.budgie-panel button.flat.launcher:not(:checked):disabled {
5823
color: rgba(255, 255, 255, 0.3);
5824
}
5825
.top .budgie-panel #tasklist-button, .budgie-panel .top #tasklist-button, .top .budgie-panel button.flat.launcher, .budgie-panel .top button.flat.launcher {
5827
border-image: radial-gradient(circle closest-corner at center calc(1px), currentColor 0%, transparent 0%) 0 0 0 0/0 0 0 0;
5828
}
5829
.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, .top
5831
.budgie-panel .pinned button.flat.launcher.running,
5832
.budgie-panel .pinned .top button.flat.launcher.running {
5833
border-image: radial-gradient(circle closest-corner at center calc(1px), currentColor 100%, transparent 0%) 2 0 0 0/2px 0 0 0;
5834
}
5835
.bottom .budgie-panel #tasklist-button, .budgie-panel .bottom #tasklist-button, .bottom .budgie-panel button.flat.launcher, .budgie-panel .bottom button.flat.launcher {
5837
border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), currentColor 0%, transparent 0%) 0 0 0 0/0 0 0 0;
5838
}
5839
.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, .bottom
5841
.budgie-panel .pinned button.flat.launcher.running,
5842
.budgie-panel .pinned .bottom button.flat.launcher.running {
5843
border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), currentColor 100%, transparent 0%) 0 0 2 0/0 0 2px 0;
5844
}
5845
.left .budgie-panel #tasklist-button, .budgie-panel .left #tasklist-button, .left .budgie-panel button.flat.launcher, .budgie-panel .left button.flat.launcher {
5847
border-image: radial-gradient(circle closest-corner at calc(1px) center, currentColor 0%, transparent 0%) 0 0 0 0/0 0 0 0;
5848
}
5849
.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, .left
5851
.budgie-panel .pinned button.flat.launcher.running,
5852
.budgie-panel .pinned .left button.flat.launcher.running {
5853
border-image: radial-gradient(circle closest-corner at calc(1px) center, currentColor 100%, transparent 0%) 0 0 0 2/0 0 0 2px;
5854
}
5855
.right .budgie-panel #tasklist-button, .budgie-panel .right #tasklist-button, .right .budgie-panel button.flat.launcher, .budgie-panel .right button.flat.launcher {
5857
border-image: radial-gradient(circle closest-corner at calc(100% - 1px) center, currentColor 0%, transparent 0%) 0 0 0 0/0 0 0 0;
5858
}
5859
.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, .right
5861
.budgie-panel .pinned button.flat.launcher.running,
5862
.budgie-panel .pinned .right button.flat.launcher.running {
5863
border-image: radial-gradient(circle closest-corner at calc(100% - 1px) center, currentColor 100%, transparent 0%) 0 2 0 0/0 2px 0 0;
5864
}
5865
frame.raven-frame > border {
5867
border-style: none;
5868
box-shadow: 0 14px 14px rgba(0, 0, 0, 0.25), 0 10px 5px rgba(0, 0, 0, 0.22);
5869
}
5870
.top frame.raven-frame > border {
5872
margin-bottom: 32px;
5873
}
5874
.bottom frame.raven-frame > border {
5876
margin-top: 32px;
5877
}
5878
.left frame.raven-frame > border {
5880
margin-right: 32px;
5881
}
5882
.right frame.raven-frame > border {
5884
margin-left: 32px;
5885
}
5886
.raven {
5888
background-color: #424242;
5889
}
5890
.raven > box {
5892
margin-bottom: -10px;
5893
}
5894
.raven > stack {
5896
margin-bottom: -10px;
5897
}
5898
.raven stackswitcher.linked > button {
5900
border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #FBBC05 0%, transparent 0%) 0 0 0/0 0 0px;
5901
border-radius: 0;
5902
}
5903
.raven stackswitcher.linked > button:checked {
5905
border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #FBBC05 100%, transparent 0%) 0 0 2/0 0 2px;
5906
background-color: transparent;
5907
}
5908
.raven .raven-header {
5910
min-height: 32px;
5911
padding: 3px;
5912
}
5913
.raven .raven-header:not(.top) {
5915
margin-top: -6px;
5916
}
5917
.raven .raven-header.top {
5919
padding: 2px 0;
5920
background-color: #4285F4;
5921
color: white;
5922
}
5923
.raven .raven-header.top stackswitcher button {
5925
margin: -4px 0;
5926
min-height: 32px;
5927
}
5928
.raven .raven-header.top button.image-button:dir(ltr) {
5930
margin-right: 2px;
5931
}
5932
.raven .raven-header.top button.image-button:dir(rtl) {
5934
margin-left: 2px;
5935
}
5936
.raven .raven-header.top > image {
5938
margin: 0 8px;
5939
}
5940
.raven .raven-header.top > label {
5942
margin: 0 -8px;
5943
font-weight: bold;
5944
}
5945
.raven .raven-header.bottom {
5947
border-top: 1px solid rgba(0, 0, 0, 0.26);
5948
}
5949
.raven viewport.frame .raven-header {
5951
margin-top: -8px;
5952
}
5953
.raven .raven-background {
5955
border-style: solid none;
5956
border-width: 1px;
5957
border-color: rgba(0, 0, 0, 0.26);
5958
background-color: #303030;
5959
}
5960
.raven .raven-background.frame {
5962
border-style: solid none;
5963
}
5964
.raven .raven-background > overlay > widget > image {
5966
color: rgba(255, 255, 255, 0.12);
5967
}
5968
.raven .raven-background grid > label:first-child {
5970
min-height: 32px;
5971
}
5972
.raven scrolledwindow.raven-background {
5974
border-bottom-style: none;
5975
}
5976
.raven .raven-header.top + .raven-background {
5978
border-style: none;
5979
background-color: #4285F4;
5980
color: white;
5981
}
5982
.raven .raven-header.top + .raven-background stackswitcher button {
5984
margin: -4px 0;
5985
}
5986
.raven .powerstrip button {
5988
margin: 2px 0 1px;
5989
padding: 8px;
5990
}
5991
.raven .option-subtitle {
5993
font-size: smaller;
5994
}
5995
calendar.raven-calendar {
5997
border-style: none;
5998
background-color: transparent;
5999
}
6000
calendar.raven-calendar:selected {
6002
border-radius: 2px;
6003
background-color: #4285F4;
6004
}
6005
.raven-mpris {
6007
background-color: rgba(0, 0, 0, 0.6);
6008
color: white;
6009
}
6010
.raven-mpris label {
6012
min-height: 24px;
6013
}
6014
.raven-mpris button.image-button {
6016
padding: 8px;
6017
}
6018
.budgie-notification-window, .budgie-osd-window, .budgie-switcher-window {
6020
background-color: transparent;
6021
}
6022
.budgie-notification .notification-title, .budgie-switcher .notification-title {
6024
font-size: 120%;
6025
}
6026
.budgie-osd .budgie-osd-text {
6028
font-size: 120%;
6029
}
6030
.drop-shadow {
6032
margin: 5px 9px;
6033
padding: 3px;
6034
border-radius: 2px;
6035
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);
6036
background-color: #424242;
6037
}
6038
.drop-shadow .linked > button {
6040
border-radius: 2px;
6041
}
6042
.budgie-session-dialog, .budgie-polkit-dialog, .budgie-run-dialog {
6044
border-radius: 2px;
6045
background-color: #424242;
6046
}
6047
.budgie-session-dialog decoration, .budgie-polkit-dialog decoration, .budgie-run-dialog decoration {
6049
border-radius: 2px;
6050
}
6051
.budgie-session-dialog label:not(:last-child),
6053
.budgie-session-dialog .dialog-title {
6054
font-size: 120%;
6055
}
6056
.budgie-session-dialog .linked.horizontal > button {
6058
padding: 8px 16px;
6059
border-top: 1px solid rgba(0, 0, 0, 0.26);
6060
border-radius: 0;
6061
}
6062
.budgie-session-dialog .linked.horizontal > button:first-child {
6064
border-bottom-left-radius: 2px;
6065
}
6066
.budgie-session-dialog .linked.horizontal > button:last-child {
6068
border-bottom-right-radius: 2px;
6069
}
6070
.budgie-polkit-dialog .message {
6072
color: rgba(255, 255, 255, 0.5);
6073
}
6074
.budgie-polkit-dialog .failure {
6076
color: #EA4335;
6077
}
6078
.budgie-run-dialog {
6080
background-color: #303030;
6081
}
6082
.budgie-run-dialog entry.search {
6084
font-size: 120%;
6085
padding: 4px 12px;
6086
box-shadow: inset 0 1px rgba(255, 255, 255, 0.1);
6087
background-color: transparent;
6088
}
6089
.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, .budgie-run-dialog list
6091
headerbar .subtitle,
6092
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 {
6093
opacity: 1;
6094
}
6095
.budgie-run-dialog scrolledwindow {
6097
border-top: 1px solid rgba(0, 0, 0, 0.26);
6098
}
6099
/************************
6101
* LightDM GTK+ Greeter *
6102
************************/
6103
#panel_window {
6104
background-color: rgba(0, 0, 0, 0.3);
6105
color: white;
6106
}
6107
#panel_window menubar,
6109
#panel_window separator {
6110
background-color: transparent;
6111
}
6112
#panel_window separator {
6114
padding: 0 4px;
6115
}
6116
#panel_window separator:first-child {
6118
padding: 0 8px;
6119
}
6120
#panel_window menubar > menuitem {
6122
color: rgba(255, 255, 255, 0.7);
6123
}
6124
#panel_window menubar > menuitem:hover {
6126
color: white;
6127
}
6128
#panel_window menubar > menuitem:disabled label {
6130
color: rgba(255, 255, 255, 0.3);
6131
}
6132
#login_window,
6134
#shutdown_dialog,
6135
#restart_dialog {
6136
margin: 8px;
6137
border-radius: 2px;
6138
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);
6139
background-color: #424242;
6140
}
6141
#content_frame {
6143
padding-bottom: 20px;
6144
border-bottom: 1px solid rgba(0, 0, 0, 0.26);
6145
}
6146
#buttonbox_frame {
6148
padding-top: 24px;
6149
}
6150
#buttonbox_frame button {
6152
margin: -16px;
6153
}
6154
#greeter_infobar {
6156
margin-top: -1px;
6157
}
6158
/********
6160
* Nemo *
6161
********/
6162
.nemo-window .primary-toolbar {
6163
border-bottom: 1px solid rgba(0, 0, 0, 0.26);
6164
}
6165
.nemo-window .primary-toolbar entry {
6167
min-height: 0;
6168
margin: 0;
6169
}
6170
.nemo-window .primary-toolbar button.text-button {
6172
padding-left: 8px;
6173
padding-right: 8px;
6174
}
6175
.nemo-window .primary-toolbar button:not(.text-button):not(.image-button) {
6177
padding-left: 4px;
6178
padding-right: 4px;
6179
}
6180
.nemo-window scrolledwindow.frame {
6182
border-style: none;
6183
}
6184
.nemo-window scrolledwindow.frame .view:not(:selected) {
6186
background-color: transparent;
6187
}
6188
.nemo-window infobar {
6190
margin-top: -6px;
6191
}
6192
.nemo-window .nemo-inactive-pane .view:not(:selected) {
6194
background-color: #2C2C2C;
6195
}
6196
/* GTK NAMED COLORS
6198
----------------
6199
use responsibly! */
6200
/*
6201
widget text/foreground color */
6202
@define-color theme_fg_color white;
6203
/*
6204
text color for entries, views and content in general */
6205
@define-color theme_text_color white;
6206
/*
6207
widget base background color */
6208
@define-color theme_bg_color #282828;
6209
/*
6210
text widgets and the like base background color */
6211
@define-color theme_base_color #303030;
6212
/*
6213
base background color of selections */
6214
@define-color theme_selected_bg_color #4285F4;
6215
/*
6216
text/foreground color of selections */
6217
@define-color theme_selected_fg_color white;
6218
/*
6219
base background color of insensitive widgets */
6220
@define-color insensitive_bg_color #282828;
6221
/*
6222
text foreground color of insensitive widgets */
6223
@define-color insensitive_fg_color rgba(255, 255, 255, 0.5);
6224
/*
6225
insensitive text widgets and the like base background color */
6226
@define-color insensitive_base_color #2C2C2C;
6227
/*
6228
widget text/foreground color on backdrop windows */
6229
@define-color theme_unfocused_fg_color white;
6230
/*
6231
text color for entries, views and content in general on backdrop windows */
6232
@define-color theme_unfocused_text_color white;
6233
/*
6234
widget base background color on backdrop windows */
6235
@define-color theme_unfocused_bg_color #282828;
6236
/*
6237
text widgets and the like base background color on backdrop windows */
6238
@define-color theme_unfocused_base_color #303030;
6239
/*
6240
base background color of selections on backdrop windows */
6241
@define-color theme_unfocused_selected_bg_color #4285F4;
6242
/*
6243
text/foreground color of selections on backdrop windows */
6244
@define-color theme_unfocused_selected_fg_color white;
6245
/*
6246
insensitive color on backdrop windows */
6247
@define-color unfocused_insensitive_color rgba(255, 255, 255, 0.5);
6248
/*
6249
widgets main borders color */
6250
@define-color borders rgba(0, 0, 0, 0.26);
6251
/*
6252
widgets main borders color on backdrop windows */
6253
@define-color unfocused_borders rgba(0, 0, 0, 0.26);
6254
/*
6255
these are pretty self explicative */
6256
@define-color warning_color #FBBC05;
6257
@define-color error_color #EA4335;
6258
@define-color success_color #34A853;
6259
/*
6260
these colors are exported for the window manager and shouldn't be used in applications,
6261
read if you used those and something break with a version upgrade you're on your own... */
6262
@define-color wm_title white;
6263
@define-color wm_unfocused_title rgba(255, 255, 255, 0.7);
6264
@define-color wm_highlight rgba(255, 255, 255, 0.1);
6265
@define-color wm_bg #383838;
6266
/*
6267
FIXME this is really an API */
6268
@define-color content_view_bg #303030;
6269
@define-color placeholder_text_color #c1c1c1;
6270