ASCII text, with very long lines (677)
1
@keyframes ripple_effect {
2
to {
3
background-size: 1000% 1000%;
4
}
5
}
6
@keyframes header_ripple_effect {
8
from {
9
background-image: radial-gradient(circle farthest-corner at center, #42A5F5 0%, transparent 0%);
10
}
11
to {
12
background-image: radial-gradient(circle farthest-corner at center, #42A5F5 100%, transparent 0%);
13
}
14
}
15
* {
17
background-clip: padding-box;
18
-GtkToolButton-icon-spacing: 0;
19
-GtkTextView-error-underline-color: #DD2C00;
20
-GtkScrolledWindow-scrollbar-spacing: 0;
21
-GtkToolItemGroup-expander-size: 11;
22
-GtkWidget-text-handle-width: 24;
23
-GtkWidget-text-handle-height: 24;
24
-GtkDialog-button-spacing: 4;
25
-GtkDialog-action-area-border: 0;
26
outline-style: solid;
27
outline-width: 2px;
28
outline-color: transparent;
29
outline-offset: -4px;
30
-gtk-outline-radius: 2px;
31
-gtk-secondary-caret-color: #42A5F5;
32
}
33
switch:focus slider,
35
notebook:focus tab,
36
*:focus {
37
outline-color: alpha(currentColor, 0.3);
38
}
39
/***************
41
* Base States *
42
***************/
43
.background {
44
background-color: #44545c;
45
color: #FFFFFF;
46
}
47
/*
49
These wildcard seems unavoidable, need to investigate.
50
Wildcards are bad and troublesome, use them with care,
51
or better, just don't.
52
Everytime a wildcard is used a kitten dies, painfully.
53
*/
54
*:disabled {
55
-gtk-icon-effect: dim;
56
}
57
.gtkstyle-fallback {
59
background-color: #44545c;
60
color: #FFFFFF;
61
}
62
.gtkstyle-fallback:hover {
64
background-color: #39474d;
65
color: #FFFFFF;
66
}
67
.gtkstyle-fallback:active {
69
background-color: #2e393f;
70
color: #FFFFFF;
71
}
72
.gtkstyle-fallback:disabled {
74
background-color: #44545c;
75
color: rgba(255, 255, 255, 0.5);
76
}
77
.gtkstyle-fallback:selected {
79
background-color: #42A5F5;
80
color: #FFFFFF;
81
}
82
.view {
84
background-color: #50636c;
85
color: #FFFFFF;
86
}
87
.view:disabled {
89
color: rgba(255, 255, 255, 0.5);
90
}
91
.view:hover, .view:active, .view:selected {
93
border-radius: 2px;
94
}
95
textview text {
97
background-color: #50636c;
98
}
99
textview border {
101
background-color: #4a5c64;
102
color: rgba(255, 255, 255, 0.5);
103
}
104
.rubberband,
106
rubberband,
107
flowbox rubberband,
108
treeview.view rubberband,
109
.content-view rubberband,
110
.content-view .rubberband {
111
border: 1px solid #40C4FF;
112
background-color: rgba(64, 196, 255, 0.3);
113
}
114
flowbox flowboxchild {
116
padding: 4px;
117
border-radius: 2px;
118
}
119
.content-view .tile:selected {
121
background-color: transparent;
122
color: inherit;
123
}
124
label {
126
caret-color: currentColor;
127
}
128
label.separator {
130
color: #FFFFFF;
131
}
132
label selection {
134
background-color: #42A5F5;
135
color: #FFFFFF;
136
}
137
label:disabled {
139
color: rgba(255, 255, 255, 0.5);
140
}
141
tab label:disabled,
143
button label:disabled {
144
color: inherit;
145
}
146
.dim-label, label.separator, .titlebar:not(headerbar) .subtitle,
148
headerbar .subtitle, .budgie-notification .notification-body, .budgie-switcher .notification-body {
149
opacity: 0.6;
150
}
151
assistant .sidebar {
153
padding: 4px 0;
154
}
155
assistant .sidebar label {
157
min-height: 36px;
158
padding: 0 12px;
159
color: rgba(255, 255, 255, 0.5);
160
font-weight: 500;
161
}
162
assistant .sidebar label.highlight {
164
color: #FFFFFF;
165
}
166
popover.background.touch-selection, popover.background.magnifier, popover.background.osd, .app-notification, .osd .scale-popup, .nautilus-window .floating-bar, .osd {
168
opacity: 0.9;
169
}
170
/*********************
172
* Spinner Animation *
173
*********************/
174
@keyframes spin {
175
to {
176
-gtk-icon-transform: rotate(1turn);
177
}
178
}
179
spinner {
181
background: none;
182
opacity: 0;
183
-gtk-icon-source: -gtk-icontheme("process-working-symbolic");
184
}
185
spinner:checked {
187
opacity: 1;
188
animation: spin 1s linear infinite;
189
}
190
spinner:checked:disabled {
192
opacity: 0.5;
193
}
194
/****************
196
* Text Entries *
197
****************/
198
spinbutton:not(.vertical),
199
entry {
200
min-height: 36px;
201
padding: 0 8px;
202
border-radius: 2px;
203
transition: all 0.3s cubic-bezier(0, 0, 0.2, 1), box-shadow 0.2s cubic-bezier(0, 0, 0.2, 1);
204
border-image: none;
205
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
206
background-color: #50636c;
207
color: #FFFFFF;
208
}
209
spinbutton:focus:not(.vertical),
211
entry:focus {
212
border-image: none;
213
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23);
214
}
215
spinbutton:disabled:not(.vertical),
217
entry:disabled {
218
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
219
background-color: #4a5c64;
220
color: rgba(255, 255, 255, 0.5);
221
}
222
spinbutton.flat:not(.vertical), notebook > stack:not(:only-child) entry:not(.search),
224
notebook > stack:not(:only-child) spinbutton:not(.vertical), messagedialog entry, colorchooser .popover.osd spinbutton:not(.vertical), layoutpane entry.search, editortweak entry.search, .raven .raven-background spinbutton:not(.vertical), #login_window entry,
225
entry.flat {
226
border-radius: 0;
227
transition: all 0.3s cubic-bezier(0, 0, 0.2, 1);
228
border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #42A5F5 0%, transparent 0%) 0 0 0/0 0 0px;
229
box-shadow: inset 0 -1px rgba(255, 255, 255, 0.3);
230
background-color: transparent;
231
color: #FFFFFF;
232
}
233
spinbutton.flat:focus:not(.vertical), notebook > stack:not(:only-child) entry:focus:not(.search),
235
notebook > stack:not(:only-child) spinbutton:focus:not(.vertical), messagedialog entry:focus, colorchooser .popover.osd spinbutton:focus:not(.vertical), layoutpane entry.search:focus, editortweak entry.search:focus, .raven .raven-background spinbutton:focus:not(.vertical), #login_window entry:focus,
236
entry.flat:focus {
237
border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #42A5F5 100%, transparent 0%) 0 0 2/0 0 2px;
238
box-shadow: inset 0 -1px rgba(255, 255, 255, 0.3);
239
}
240
spinbutton.flat:disabled:not(.vertical), notebook > stack:not(:only-child) entry:disabled:not(.search),
242
notebook > stack:not(:only-child) spinbutton:disabled:not(.vertical), messagedialog entry:disabled, colorchooser .popover.osd spinbutton:disabled:not(.vertical), layoutpane entry.search:disabled, editortweak entry.search:disabled, .raven .raven-background spinbutton:disabled:not(.vertical), #login_window entry:disabled,
243
entry.flat:disabled {
244
box-shadow: inset 0 -1px rgba(255, 255, 255, 0.12);
245
background-color: transparent;
246
color: rgba(255, 255, 255, 0.5);
247
}
248
spinbutton:not(.vertical) image,
250
entry image {
251
color: rgba(255, 255, 255, 0.7);
252
}
253
spinbutton:not(.vertical) image:hover, spinbutton:not(.vertical) image:active,
255
entry image:hover,
256
entry image:active {
257
color: #FFFFFF;
258
}
259
spinbutton:not(.vertical) image:disabled,
261
entry image:disabled {
262
color: rgba(255, 255, 255, 0.5);
263
}
264
spinbutton:not(.vertical) image.left,
266
entry image.left {
267
margin-left: 2px;
268
margin-right: 6px;
269
}
270
spinbutton:not(.vertical) image.right,
272
entry image.right {
273
margin-left: 6px;
274
margin-right: 2px;
275
}
276
spinbutton:not(.vertical) undershoot.left,
278
entry undershoot.left {
279
background-color: transparent;
280
background-image: linear-gradient(to top, rgba(80, 99, 108, 0.3) 50%, rgba(255, 255, 255, 0.3) 50%);
281
padding-left: 1px;
282
background-size: 1px 12px;
283
background-repeat: repeat-y;
284
background-origin: content-box;
285
background-position: left top;
286
}
287
spinbutton:not(.vertical) undershoot.right,
289
entry undershoot.right {
290
background-color: transparent;
291
background-image: linear-gradient(to top, rgba(80, 99, 108, 0.3) 50%, rgba(255, 255, 255, 0.3) 50%);
292
padding-right: 1px;
293
background-size: 1px 12px;
294
background-repeat: repeat-y;
295
background-origin: content-box;
296
background-position: right top;
297
}
298
spinbutton.error:not(.vertical),
300
entry.error {
301
transition: all 0.3s cubic-bezier(0, 0, 0.2, 1), box-shadow 0.2s cubic-bezier(0, 0, 0.2, 1);
302
border-image: none;
303
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
304
background-color: #DD2C00;
305
color: #FFFFFF;
306
}
307
spinbutton.error:focus:not(.vertical),
309
entry.error:focus {
310
border-image: none;
311
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23);
312
}
313
spinbutton.error:disabled:not(.vertical),
315
entry.error:disabled {
316
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
317
background-color: #4a5c64;
318
color: rgba(255, 255, 255, 0.5);
319
}
320
spinbutton.error.flat:not(.vertical), notebook > stack:not(:only-child) entry.error:not(.search),
322
notebook > stack:not(:only-child) spinbutton.error:not(.vertical), messagedialog entry.error, colorchooser .popover.osd spinbutton.error:not(.vertical), layoutpane entry.error.search, editortweak entry.error.search, .raven .raven-background spinbutton.error:not(.vertical), #login_window entry.error,
323
entry.error.flat {
324
transition: all 0.3s cubic-bezier(0, 0, 0.2, 1);
325
border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #DD2C00 0%, transparent 0%) 0 0 0/0 0 0px;
326
box-shadow: inset 0 -1px #DD2C00;
327
background-color: transparent;
328
color: #FFFFFF;
329
}
330
spinbutton.error.flat:focus:not(.vertical), notebook > stack:not(:only-child) entry.error:focus:not(.search),
332
notebook > stack:not(:only-child) spinbutton.error:focus:not(.vertical), messagedialog entry.error:focus, colorchooser .popover.osd spinbutton.error:focus:not(.vertical), layoutpane entry.error.search:focus, editortweak entry.error.search:focus, .raven .raven-background spinbutton.error:focus:not(.vertical), #login_window entry.error:focus,
333
entry.error.flat:focus {
334
border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #DD2C00 100%, transparent 0%) 0 0 2/0 0 2px;
335
box-shadow: inset 0 -1px #DD2C00;
336
}
337
spinbutton.error.flat:disabled:not(.vertical), notebook > stack:not(:only-child) entry.error:disabled:not(.search),
339
notebook > stack:not(:only-child) spinbutton.error:disabled:not(.vertical), messagedialog entry.error:disabled, colorchooser .popover.osd spinbutton.error:disabled:not(.vertical), layoutpane entry.error.search:disabled, editortweak entry.error.search:disabled, .raven .raven-background spinbutton.error:disabled:not(.vertical), #login_window entry.error:disabled,
340
entry.error.flat:disabled {
341
box-shadow: inset 0 -1px rgba(255, 255, 255, 0.12);
342
background-color: transparent;
343
color: rgba(255, 255, 255, 0.5);
344
}
345
spinbutton.error:not(.vertical) image,
347
entry.error image {
348
color: rgba(255, 255, 255, 0.7);
349
}
350
spinbutton.error:not(.vertical) image:hover, spinbutton.error:not(.vertical) image:active,
352
entry.error image:hover,
353
entry.error image:active {
354
color: #FFFFFF;
355
}
356
spinbutton.error:not(.vertical) image:disabled,
358
entry.error image:disabled {
359
color: rgba(255, 255, 255, 0.5);
360
}
361
spinbutton.warning:not(.vertical),
363
entry.warning {
364
transition: all 0.3s cubic-bezier(0, 0, 0.2, 1), box-shadow 0.2s cubic-bezier(0, 0, 0.2, 1);
365
border-image: none;
366
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
367
background-color: #FF6D00;
368
color: #FFFFFF;
369
}
370
spinbutton.warning:focus:not(.vertical),
372
entry.warning:focus {
373
border-image: none;
374
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23);
375
}
376
spinbutton.warning:disabled:not(.vertical),
378
entry.warning:disabled {
379
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
380
background-color: #4a5c64;
381
color: rgba(255, 255, 255, 0.5);
382
}
383
spinbutton.warning.flat:not(.vertical), notebook > stack:not(:only-child) entry.warning:not(.search),
385
notebook > stack:not(:only-child) spinbutton.warning:not(.vertical), messagedialog entry.warning, colorchooser .popover.osd spinbutton.warning:not(.vertical), layoutpane entry.warning.search, editortweak entry.warning.search, .raven .raven-background spinbutton.warning:not(.vertical), #login_window entry.warning,
386
entry.warning.flat {
387
transition: all 0.3s cubic-bezier(0, 0, 0.2, 1);
388
border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #FF6D00 0%, transparent 0%) 0 0 0/0 0 0px;
389
box-shadow: inset 0 -1px #FF6D00;
390
background-color: transparent;
391
color: #FFFFFF;
392
}
393
spinbutton.warning.flat:focus:not(.vertical), notebook > stack:not(:only-child) entry.warning:focus:not(.search),
395
notebook > stack:not(:only-child) spinbutton.warning:focus:not(.vertical), messagedialog entry.warning:focus, colorchooser .popover.osd spinbutton.warning:focus:not(.vertical), layoutpane entry.warning.search:focus, editortweak entry.warning.search:focus, .raven .raven-background spinbutton.warning:focus:not(.vertical), #login_window entry.warning:focus,
396
entry.warning.flat:focus {
397
border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #FF6D00 100%, transparent 0%) 0 0 2/0 0 2px;
398
box-shadow: inset 0 -1px #FF6D00;
399
}
400
spinbutton.warning.flat:disabled:not(.vertical), notebook > stack:not(:only-child) entry.warning:disabled:not(.search),
402
notebook > stack:not(:only-child) spinbutton.warning:disabled:not(.vertical), messagedialog entry.warning:disabled, colorchooser .popover.osd spinbutton.warning:disabled:not(.vertical), layoutpane entry.warning.search:disabled, editortweak entry.warning.search:disabled, .raven .raven-background spinbutton.warning:disabled:not(.vertical), #login_window entry.warning:disabled,
403
entry.warning.flat:disabled {
404
box-shadow: inset 0 -1px rgba(255, 255, 255, 0.12);
405
background-color: transparent;
406
color: rgba(255, 255, 255, 0.5);
407
}
408
spinbutton.warning:not(.vertical) image,
410
entry.warning image {
411
color: rgba(255, 255, 255, 0.7);
412
}
413
spinbutton.warning:not(.vertical) image:hover, spinbutton.warning:not(.vertical) image:active,
415
entry.warning image:hover,
416
entry.warning image:active {
417
color: #FFFFFF;
418
}
419
spinbutton.warning:not(.vertical) image:disabled,
421
entry.warning image:disabled {
422
color: rgba(255, 255, 255, 0.5);
423
}
424
spinbutton:not(.vertical) progress,
426
entry progress {
427
margin: 2px -6px;
428
border-bottom: 2px solid #42A5F5;
429
background-color: transparent;
430
}
431
.linked:not(.vertical) > spinbutton.flat:not(.vertical), notebook > stack:not(:only-child) .linked:not(.vertical) > entry:not(.search),
433
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), 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,
434
.linked.vertical > spinbutton.flat:not(.vertical), notebook > stack:not(:only-child)
435
.linked.vertical > entry:not(.search),
436
notebook > stack:not(:only-child)
437
.linked.vertical > spinbutton:not(.vertical), messagedialog
438
.linked.vertical > entry, colorchooser .popover.osd
439
.linked.vertical > spinbutton:not(.vertical), layoutpane
440
.linked.vertical > entry.search, editortweak
441
.linked.vertical > entry.search, .raven .raven-background
442
.linked.vertical > spinbutton:not(.vertical), #login_window
443
.linked.vertical > entry, .linked:not(.vertical) >
444
entry.flat,
445
.linked.vertical >
446
entry.flat {
447
border-radius: 0;
448
}
449
treeview entry.flat, treeview entry {
451
min-height: 0;
452
padding: 2px;
453
border-radius: 0;
454
background-color: #50636c;
455
}
456
treeview entry.flat, treeview entry.flat:focus, treeview entry, treeview entry:focus {
458
border-image: none;
459
box-shadow: none;
460
}
461
.entry-tag, .documents-entry-tag, .photos-entry-tag {
463
margin: 6px;
464
border-radius: 9999px;
465
box-shadow: none;
466
background-color: #42A5F5;
467
color: #FFFFFF;
468
}
469
.entry-tag:hover, .documents-entry-tag:hover, .photos-entry-tag:hover {
471
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
472
}
473
:dir(ltr) .entry-tag, :dir(ltr) .documents-entry-tag, :dir(ltr) .photos-entry-tag {
475
margin-left: 8px;
476
margin-right: -2px;
477
padding-left: 8px;
478
padding-right: 4px;
479
}
480
:dir(rtl) .entry-tag, :dir(rtl) .documents-entry-tag, :dir(rtl) .photos-entry-tag {
482
margin-left: -2px;
483
margin-right: 8px;
484
padding-left: 4px;
485
padding-right: 8px;
486
}
487
.entry-tag.button, .button.documents-entry-tag, .button.photos-entry-tag {
489
box-shadow: none;
490
background-color: transparent;
491
}
492
.entry-tag.button:not(:hover):not(:active), .button.documents-entry-tag:not(:hover):not(:active), .button.photos-entry-tag:not(:hover):not(:active) {
494
color: rgba(255, 255, 255, 0.7);
495
}
496
/***********
498
* Buttons *
499
***********/
500
@keyframes needs_attention {
501
from {
502
background-image: -gtk-gradient(radial, center center, 0, center center, 0.001, to(#FF4081), to(transparent));
503
}
504
to {
505
background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#FF4081), to(transparent));
506
}
507
}
508
button {
511
min-height: 24px;
512
min-width: 16px;
513
padding: 6px 10px;
514
border-radius: 2px;
515
font-weight: 500;
516
transition: all 0.3s cubic-bezier(0, 0, 0.2, 1), box-shadow 0.2s cubic-bezier(0, 0, 0.2, 1), background-size 0.5s cubic-bezier(0, 0, 0.2, 1), background-image 1s cubic-bezier(0, 0, 0.2, 1);
517
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;
518
background-color: #596e79;
519
background-image: radial-gradient(circle farthest-corner at center, transparent 10%, transparent 0%);
520
background-repeat: no-repeat;
521
background-position: center;
522
background-size: 1000% 1000%;
523
color: rgba(255, 255, 255, 0.8);
524
}
525
button:hover {
528
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;
529
color: #FFFFFF;
530
}
531
button:active {
534
transition: all 0.3s cubic-bezier(0, 0, 0.2, 1), background-size 0, background-image 0;
535
animation: ripple_effect 0.3s cubic-bezier(0, 0, 0.2, 1) forwards;
536
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.15);
537
background-image: radial-gradient(circle farthest-corner at center, alpha(currentColor, 0.15) 10%, transparent 0%);
538
background-size: 0% 0%;
539
color: #FFFFFF;
540
}
541
button:disabled {
544
box-shadow: none;
545
background-color: rgba(255, 255, 255, 0.12);
546
color: rgba(255, 255, 255, 0.3);
547
}
548
button:checked {
551
background-color: #42A5F5;
552
color: #FFFFFF;
553
}
554
button:checked:disabled {
557
background-color: rgba(66, 165, 245, 0.3);
558
color: rgba(66, 165, 245, 0.5);
559
}
560
modelbutton.flat,
562
.menuitem.button.flat, spinbutton:not(.vertical) button, spinbutton.vertical button, popover.background.menu button,
563
popover.background button.model, notebook > header > tabs > arrow, scrollbar button, check,
564
radio, calendar.button, messagedialog.csd .dialog-action-area button, button.sidebar-button, .gedit-search-slider button, PanelToplevel > widget > 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)
565
.path-bar button, layouttabbar button, .mate-panel-menu-bar #PanelApplet button:not(.flat), .budgie-panel #tasklist-button, .raven stackswitcher.linked > button, toolbar button, .titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action),
566
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,
567
button.flat {
568
transition: all 0.3s cubic-bezier(0, 0, 0.2, 1), background-size 0.5s cubic-bezier(0, 0, 0.2, 1), background-image 1s cubic-bezier(0, 0, 0.2, 1);
569
box-shadow: inset 0 0 0 9999px transparent;
570
background-color: transparent;
571
background-image: radial-gradient(circle farthest-corner at center, transparent 10%, transparent 0%);
572
background-repeat: no-repeat;
573
background-position: center;
574
background-size: 1000% 1000%;
575
color: rgba(255, 255, 255, 0.7);
576
}
577
modelbutton.flat:hover,
579
.menuitem.button.flat:hover, spinbutton:not(.vertical) button:hover, spinbutton.vertical button:hover, popover.background.menu button:hover,
580
popover.background button.model:hover, notebook > header > tabs > arrow:hover, scrollbar button:hover, check:hover,
581
radio:hover, calendar.button:hover, messagedialog.csd .dialog-action-area button:hover, button.sidebar-button:hover, .gedit-search-slider button:hover, PanelToplevel > widget > 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)
582
.path-bar button:hover, layouttabbar button:hover, .mate-panel-menu-bar #PanelApplet button:hover:not(.flat), .budgie-panel #tasklist-button:hover, .raven stackswitcher.linked > button:hover, toolbar button:hover, .titlebar:not(headerbar) button:hover:not(.suggested-action):not(.destructive-action),
583
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,
584
button.flat:hover {
585
box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.15);
586
color: #FFFFFF;
587
}
588
modelbutton.flat:active,
590
.menuitem.button.flat:active, spinbutton:not(.vertical) button:active, spinbutton.vertical button:active, popover.background.menu button:active,
591
popover.background button.model:active, notebook > header > tabs > arrow:active, scrollbar button:active, check:active,
592
radio:active, calendar.button:active, messagedialog.csd .dialog-action-area button:active, button.sidebar-button:active, .gedit-search-slider button:active, PanelToplevel > widget > 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)
593
.path-bar button:active, layouttabbar button:active, .mate-panel-menu-bar #PanelApplet button:active:not(.flat), .budgie-panel #tasklist-button:active, .raven stackswitcher.linked > button:active, toolbar button:active, .titlebar:not(headerbar) button:active:not(.suggested-action):not(.destructive-action),
594
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,
595
button.flat:active {
596
transition: all 0.3s cubic-bezier(0, 0, 0.2, 1), background-size 0, background-image 0;
597
animation: ripple_effect 0.3s cubic-bezier(0, 0, 0.2, 1) forwards;
598
box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.15);
599
background-image: radial-gradient(circle farthest-corner at center, alpha(currentColor, 0.15) 10%, transparent 0%);
600
background-size: 0% 0%;
601
color: #FFFFFF;
602
}
603
modelbutton.flat:disabled,
605
.menuitem.button.flat:disabled, spinbutton:not(.vertical) button:disabled, spinbutton.vertical button:disabled, popover.background.menu button:disabled,
606
popover.background button.model:disabled, notebook > header > tabs > arrow:disabled, scrollbar button:disabled, check:disabled,
607
radio:disabled, calendar.button:disabled, messagedialog.csd .dialog-action-area button:disabled, button.sidebar-button:disabled, .gedit-search-slider button:disabled, PanelToplevel > widget > 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)
608
.path-bar button:disabled, layouttabbar button:disabled, .mate-panel-menu-bar #PanelApplet button:disabled:not(.flat), .budgie-panel #tasklist-button:disabled, .raven stackswitcher.linked > button:disabled, toolbar button:disabled, .titlebar:not(headerbar) button:disabled:not(.suggested-action):not(.destructive-action),
609
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,
610
button.flat:disabled {
611
box-shadow: none;
612
background-color: transparent;
613
color: rgba(255, 255, 255, 0.3);
614
}
615
:not(headerbar) .caja-pathbar button:checked, .caja-pathbar :not(headerbar) button:checked, :not(headerbar)
617
.path-bar button:checked, layouttabbar button:checked, .mate-panel-menu-bar #PanelApplet button:checked:not(.flat), .budgie-panel #tasklist-button:checked, .raven stackswitcher.linked > button:checked, toolbar button:checked, .titlebar:not(headerbar) button:checked:not(.suggested-action):not(.destructive-action),
618
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,
619
button.flat:checked {
620
background-color: rgba(255, 255, 255, 0.3);
621
color: #FFFFFF;
622
}
623
:not(headerbar) .caja-pathbar button:checked:disabled, .caja-pathbar :not(headerbar) button:checked:disabled, :not(headerbar)
625
.path-bar button:checked:disabled, layouttabbar button:checked:disabled, .mate-panel-menu-bar #PanelApplet button:checked:disabled:not(.flat), .budgie-panel #tasklist-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),
626
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,
627
button.flat:checked:disabled {
628
background-color: rgba(255, 255, 255, 0.12);
629
color: rgba(255, 255, 255, 0.5);
630
}
631
button.text-button {
634
padding-left: 16px;
635
padding-right: 16px;
636
}
637
button.image-button {
640
min-width: 24px;
641
padding: 6px;
642
}
643
button.text-button.image-button {
646
border-radius: 2px;
647
-gtk-outline-radius: 2px;
648
}
649
button.text-button.image-button label:first-child {
652
margin-left: 10px;
653
}
654
button.text-button.image-button label:last-child {
657
margin-right: 10px;
658
}
659
button.text-button.image-button image:not(:only-child) {
662
margin: 0 4px;
663
}
664
toolbar .linked > button, .titlebar:not(headerbar) .linked > button:not(.suggested-action):not(.destructive-action),
666
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, toolbar
667
.linked.vertical > button, .titlebar:not(headerbar)
668
.linked.vertical > button:not(.suggested-action):not(.destructive-action),
669
headerbar
670
.linked.vertical > button:not(.suggested-action):not(.destructive-action), actionbar > revealer > box
671
.linked.vertical > button:not(.suggested-action):not(.destructive-action):not(.server-list-button), .app-notification
672
.linked.vertical > button, .linked >
673
button.flat,
674
.linked.vertical >
675
button.flat {
676
border-radius: 2px;
677
}
678
toolbar .linked > button.text-button.image-button, .titlebar:not(headerbar) .linked > button.text-button.image-button:not(.suggested-action):not(.destructive-action),
680
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, toolbar
681
.linked.vertical > button.text-button.image-button, .titlebar:not(headerbar)
682
.linked.vertical > button.text-button.image-button:not(.suggested-action):not(.destructive-action),
683
headerbar
684
.linked.vertical > button.text-button.image-button:not(.suggested-action):not(.destructive-action), actionbar > revealer > box
685
.linked.vertical > button.text-button.image-button:not(.suggested-action):not(.destructive-action):not(.server-list-button), .app-notification
686
.linked.vertical > button.text-button.image-button, .linked >
687
button.flat.text-button.image-button,
688
.linked.vertical >
689
button.flat.text-button.image-button {
690
border-radius: 2px;
691
-gtk-outline-radius: 2px;
692
}
693
infobar.info button:disabled, infobar.question button:disabled, infobar.warning button:disabled, infobar.error button:disabled, row:selected
695
button:disabled {
696
background-color: rgba(255, 255, 255, 0.12);
697
color: rgba(255, 255, 255, 0.3);
698
}
699
row:selected button.sidebar-button, infobar.info button.flat, infobar.question button.flat, infobar.warning button.flat, infobar.error button.flat, .budgie-panel button, .budgie-panel #tasklist-button, .raven stackswitcher.linked > button, .raven-mpris button.image-button, row:selected
701
button.flat {
702
color: rgba(255, 255, 255, 0.7);
703
}
704
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, .budgie-panel button:hover, .budgie-panel #tasklist-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, .budgie-panel button:active, .budgie-panel #tasklist-button:active, .raven stackswitcher.linked > button:active, .raven-mpris button.image-button:active, row:selected
706
button.flat:hover, row:selected
707
button.flat:active {
708
color: #FFFFFF;
709
}
710
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, .budgie-panel button:disabled, .budgie-panel #tasklist-button:disabled, .raven stackswitcher.linked > button:disabled, .raven-mpris button.image-button:disabled, row:selected
712
button.flat:disabled {
713
color: rgba(255, 255, 255, 0.3);
714
}
715
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, .budgie-panel button:checked, .budgie-panel #tasklist-button:checked, .raven stackswitcher.linked > button:checked, .raven-mpris button.image-button:checked, row:selected
717
button.flat:checked {
718
background-color: rgba(255, 255, 255, 0.3);
719
color: #FFFFFF;
720
}
721
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, .budgie-panel button:checked:disabled, .budgie-panel #tasklist-button:checked:disabled, .raven stackswitcher.linked > button:checked:disabled, .raven-mpris button.image-button:checked:disabled, row:selected
723
button.flat:checked:disabled {
724
background-color: rgba(255, 255, 255, 0.12);
725
color: rgba(255, 255, 255, 0.5);
726
}
727
button.osd {
730
padding: 12px 16px;
731
}
732
button.osd.image-button {
735
padding: 12px;
736
}
737
button.osd:disabled {
740
opacity: 0;
741
}
742
button.suggested-action {
745
background-color: #FF4081;
746
color: #FFFFFF;
747
}
748
button.suggested-action:disabled {
751
box-shadow: none;
752
background-color: rgba(255, 255, 255, 0.12);
753
color: rgba(255, 255, 255, 0.5);
754
}
755
button.suggested-action:checked {
758
background-color: #ff79a7;
759
}
760
button.suggested-action.flat {
763
background-color: transparent;
764
color: #FF4081;
765
}
766
button.suggested-action.flat:disabled {
769
box-shadow: none;
770
background-color: transparent;
771
color: rgba(255, 255, 255, 0.5);
772
}
773
button.suggested-action.flat:checked {
776
background-color: rgba(255, 64, 129, 0.3);
777
}
778
button.destructive-action {
781
background-color: #FF5252;
782
color: #FFFFFF;
783
}
784
button.destructive-action:disabled {
787
box-shadow: none;
788
background-color: rgba(255, 255, 255, 0.12);
789
color: rgba(255, 255, 255, 0.5);
790
}
791
button.destructive-action:checked {
794
background-color: #ff8686;
795
}
796
button.destructive-action.flat {
799
background-color: transparent;
800
color: #FF5252;
801
}
802
button.destructive-action.flat:disabled {
805
box-shadow: none;
806
background-color: transparent;
807
color: rgba(255, 255, 255, 0.5);
808
}
809
button.destructive-action.flat:checked {
812
background-color: rgba(255, 82, 82, 0.3);
813
}
814
.stack-switcher >
816
button {
817
outline-offset: -4px;
818
}
819
.stack-switcher >
821
button > label {
822
padding-left: 6px;
823
padding-right: 6px;
824
}
825
.stack-switcher >
827
button > image {
828
padding-left: 6px;
829
padding-right: 6px;
830
padding-top: 3px;
831
padding-bottom: 3px;
832
}
833
.stack-switcher >
835
button.text-button {
836
padding-left: 10px;
837
padding-right: 10px;
838
}
839
.stack-switcher >
841
button.image-button {
842
padding-left: 4px;
843
padding-right: 4px;
844
}
845
.stack-switcher >
847
button.needs-attention:checked > label,
848
.stack-switcher >
849
button.needs-attention:checked > image {
850
animation: none;
851
background-image: none;
852
}
853
.primary-toolbar
855
button {
856
-gtk-icon-shadow: none;
857
}
858
button.image-button, toolbar .linked > button.image-button, .titlebar:not(headerbar) .linked > button.image-button:not(.suggested-action):not(.destructive-action),
861
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, toolbar
862
.linked.vertical > button.image-button,
863
headerbar
864
.linked.vertical > button.image-button:not(.suggested-action):not(.destructive-action), .app-notification
865
.linked.vertical > button.image-button, .linked > button.flat.image-button,
866
.linked.vertical > button.flat.image-button, .inline-toolbar button:not(.text-button), check,
867
radio, button.titlebutton, .nautilus-window headerbar > revealer > button, .raven .raven-header:not(.top) button.image-button, .raven .expander-button,
868
button.close,
869
button.circular {
870
border-radius: 9999px;
871
-gtk-outline-radius: 9999px;
872
}
873
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 button:dir(ltr), .gedit-search-slider button:dir(rtl), .pluma-window paned.horizontal box.vertical box.horizontal button.flat {
875
min-height: 24px;
876
min-width: 24px;
877
padding: 0;
878
border-radius: 9999px;
879
-gtk-outline-radius: 9999px;
880
}
881
.stack-switcher >
883
button.needs-attention > label,
884
.stack-switcher >
885
button.needs-attention > image, stacksidebar row.needs-attention > label {
886
animation: needs_attention 0.3s cubic-bezier(0, 0, 0.2, 1) forwards;
887
background-repeat: no-repeat;
888
background-position: right 3px;
889
background-size: 6px 6px;
890
}
891
.stack-switcher >
893
button.needs-attention > label:dir(rtl),
894
.stack-switcher >
895
button.needs-attention > image:dir(rtl), stacksidebar row.needs-attention > label:dir(rtl) {
896
background-position: left 3px;
897
}
898
.linked:not(.vertical) > spinbutton:not(.vertical), .linked:not(.vertical) > entry, .linked > button, .linked:not(.vertical) > combobox > box > button.combo {
900
border-radius: 0;
901
-gtk-outline-radius: 2px;
902
}
903
.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 {
905
border-top-left-radius: 2px;
906
border-bottom-left-radius: 2px;
907
}
908
.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 {
910
border-top-right-radius: 2px;
911
border-bottom-right-radius: 2px;
912
}
913
.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 {
915
border-radius: 2px;
916
}
917
.linked.vertical > spinbutton:not(.vertical), .linked.vertical > entry, .linked.vertical > button, .linked.vertical > combobox > box > button.combo {
919
border-radius: 0;
920
-gtk-outline-radius: 2px;
921
}
922
.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 {
924
border-top-left-radius: 2px;
925
border-top-right-radius: 2px;
926
}
927
.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 {
929
border-bottom-left-radius: 2px;
930
border-bottom-right-radius: 2px;
931
}
932
.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 {
934
border-radius: 2px;
935
}
936
/* menu buttons */
938
modelbutton.flat,
939
.menuitem.button.flat {
940
min-height: 28px;
941
padding: 0 8px;
942
border-radius: 2px;
943
color: inherit;
944
}
945
modelbutton.flat arrow {
947
background: none;
948
}
949
modelbutton.flat arrow:hover {
951
background: none;
952
}
953
modelbutton.flat arrow.left {
955
-gtk-icon-source: -gtk-icontheme("pan-start-symbolic");
956
}
957
modelbutton.flat arrow.right {
959
-gtk-icon-source: -gtk-icontheme("pan-end-symbolic");
960
}
961
button.color {
963
min-height: 24px;
964
min-width: 24px;
965
padding: 6px;
966
}
967
/*********
969
* Links *
970
*********/
971
*:link, button:link,
972
button:visited, *:link:hover, button:hover:link,
973
button:hover:visited, *:link:active, button:active:link,
974
button:active:visited {
975
color: #42A5F5;
976
}
977
*:link:visited,
979
button:visited, *:link:visited:hover,
980
button:visited:hover, *:link:visited:active,
981
button:visited:active {
982
color: #E040FB;
983
}
984
infobar.info *:link, infobar.info button:link, infobar.info
986
button:visited, infobar.question *:link, infobar.question button:link, infobar.question
987
button:visited, infobar.warning *:link, infobar.warning button:link, infobar.warning
988
button:visited, infobar.error *:link, infobar.error button:link, infobar.error
989
button:visited, *:link:selected, button:selected:link,
990
button:selected:visited, .selection-mode.titlebar:not(headerbar) .subtitle:link,
991
headerbar.selection-mode .subtitle:link,
992
*:selected *:link,
993
*:selected button:link,
994
*:selected
995
button:visited {
996
color: #FFFFFF;
997
}
998
button:link > label,
1000
button:visited > label {
1001
text-decoration-line: underline;
1002
}
1003
/*****************
1005
* GtkSpinButton *
1006
*****************/
1007
spinbutton:not(.vertical) {
1008
padding: 0;
1009
}
1010
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,
1012
spinbutton:not(.vertical) entry {
1013
min-width: 32px;
1014
margin: 0;
1015
border-image: none;
1016
border-radius: 0;
1017
box-shadow: none;
1018
background-color: transparent;
1019
}
1020
spinbutton:not(.vertical) button {
1022
border: solid 6px transparent;
1023
}
1024
spinbutton:not(.vertical) button.up:dir(ltr), spinbutton:not(.vertical) button.down:dir(rtl) {
1026
margin-left: -3px;
1027
}
1028
spinbutton:not(.vertical) button.up:dir(rtl), spinbutton:not(.vertical) button.down:dir(ltr) {
1030
margin-right: -3px;
1031
}
1032
spinbutton.vertical:disabled {
1034
color: rgba(255, 255, 255, 0.5);
1035
}
1036
spinbutton.vertical:drop(active) {
1038
box-shadow: none;
1039
}
1040
spinbutton.vertical entry {
1042
min-height: 36px;
1043
min-width: 48px;
1044
padding: 0;
1045
}
1046
spinbutton.vertical button {
1048
min-height: 36px;
1049
min-width: 48px;
1050
padding: 0;
1051
}
1052
spinbutton.vertical button.up {
1054
border-radius: 2px 2px 0 0;
1055
}
1056
spinbutton.vertical button.down {
1058
border-radius: 0 0 2px 2px;
1059
}
1060
treeview spinbutton:not(.vertical) {
1062
min-height: 0;
1063
border-style: none;
1064
border-radius: 0;
1065
}
1066
treeview spinbutton:not(.vertical) entry {
1068
min-height: 0;
1069
padding: 1px 2px;
1070
}
1071
/**************
1073
* ComboBoxes *
1074
**************/
1075
combobox arrow {
1076
-gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
1077
min-height: 16px;
1078
min-width: 16px;
1079
}
1080
combobox decoration,
1082
combobox button.combo:checked {
1083
transition: none;
1084
}
1085
combobox button.combo cellview:dir(ltr) {
1087
margin-left: -2px;
1088
}
1089
combobox button.combo cellview:dir(rtl) {
1091
margin-right: -2px;
1092
}
1093
combobox #gtk-combobox-popup-menu {
1095
padding: 2px 0;
1096
}
1097
combobox #gtk-combobox-popup-menu menuitem {
1099
min-height: 32px;
1100
padding: 0 8px;
1101
}
1102
combobox #gtk-combobox-popup-menu > arrow.top {
1104
margin-top: -2px;
1105
}
1106
combobox #gtk-combobox-popup-menu > arrow.bottom {
1108
margin-bottom: -6px;
1109
}
1110
combobox:drop(active) {
1112
box-shadow: none;
1113
}
1114
notebook > stack:not(:only-child) button.combo, .raven .raven-background button.combo, #login_window #user_combobox button {
1116
border-radius: 0;
1117
background-image: none;
1118
font-weight: inherit;
1119
transition: all 0.3s cubic-bezier(0, 0, 0.2, 1);
1120
border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #42A5F5 0%, transparent 0%) 0 0 0/0 0 0px;
1121
box-shadow: inset 0 -1px rgba(255, 255, 255, 0.3);
1122
background-color: transparent;
1123
color: #FFFFFF;
1124
}
1125
notebook > stack:not(:only-child) button.combo:hover, .raven .raven-background button.combo:hover, #login_window #user_combobox button:hover {
1127
box-shadow: inset 0 -2px rgba(255, 255, 255, 0.5);
1128
}
1129
notebook > stack:not(:only-child) button.combo:checked, .raven .raven-background button.combo:checked, #login_window #user_combobox button:checked {
1131
border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #42A5F5 100%, transparent 0%) 0 0 2/0 0 2px;
1132
}
1133
notebook > stack:not(:only-child) button.combo:disabled, .raven .raven-background button.combo:disabled, #login_window #user_combobox button:disabled {
1135
color: rgba(255, 255, 255, 0.5);
1136
}
1137
/************
1139
* Toolbars *
1140
************/
1141
toolbar {
1142
-GtkWidget-window-dragging: true;
1143
padding: 3px;
1144
background-color: #44545c;
1145
}
1146
.osd toolbar {
1148
background-color: transparent;
1149
}
1150
toolbar.osd, .app-notification, frame.documents-dropdown {
1152
transition: box-shadow 0.2s cubic-bezier(0, 0, 0.2, 1);
1153
padding: 6px;
1154
border-radius: 2px;
1155
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);
1156
background-color: #50636c;
1157
}
1158
toolbar.osd:backdrop, .app-notification:backdrop, frame.documents-dropdown:backdrop {
1160
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);
1161
}
1162
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 {
1164
border-radius: 0;
1165
}
1166
toolbar.horizontal separator {
1168
margin: 3px;
1169
}
1170
toolbar.vertical separator {
1172
margin: 3px;
1173
}
1174
toolbar:not(.inline-toolbar):not(.osd) scale,
1176
toolbar:not(.inline-toolbar):not(.osd) entry,
1177
toolbar:not(.inline-toolbar):not(.osd) spinbutton,
1178
toolbar:not(.inline-toolbar):not(.osd) button {
1179
margin: 3px;
1180
}
1181
toolbar:not(.inline-toolbar):not(.osd) .linked entry:not(:first-child),
1183
toolbar:not(.inline-toolbar):not(.osd) .linked spinbutton:not(:first-child),
1184
toolbar:not(.inline-toolbar):not(.osd) .linked button:not(:first-child) {
1185
margin-left: 0;
1186
}
1187
toolbar:not(.inline-toolbar):not(.osd) .linked entry:not(:last-child),
1189
toolbar:not(.inline-toolbar):not(.osd) .linked spinbutton:not(:last-child),
1190
toolbar:not(.inline-toolbar):not(.osd) .linked button:not(:last-child) {
1191
margin-right: 0;
1192
}
1193
toolbar:not(.inline-toolbar):not(.osd) switch {
1195
margin: 9px 3px;
1196
}
1197
.inline-toolbar {
1199
padding: 6px;
1200
border-style: solid;
1201
border-width: 0 1px 1px;
1202
border-color: rgba(0, 0, 0, 0.2);
1203
background-color: #4a5c64;
1204
}
1205
searchbar,
1207
.location-bar {
1208
padding: 6px;
1209
border-style: solid;
1210
border-width: 0 0 1px;
1211
border-color: rgba(0, 0, 0, 0.2);
1212
background-color: #44545c;
1213
background-clip: border-box;
1214
}
1215
/***************
1217
* Header bars *
1218
***************/
1219
.titlebar:not(headerbar),
1220
headerbar {
1221
transition: background-color 0.2s cubic-bezier(0, 0, 0.2, 1);
1222
min-height: 48px;
1223
padding: 0 6px;
1224
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.15);
1225
background-color: #37474F;
1226
color: #FFFFFF;
1227
}
1228
.titlebar:disabled:not(headerbar) :not(button) > label,
1230
headerbar:disabled :not(button) > label {
1231
color: rgba(255, 255, 255, 0.5);
1232
}
1233
.titlebar:backdrop:not(headerbar),
1235
headerbar:backdrop {
1236
color: rgba(255, 255, 255, 0.7);
1237
}
1238
.titlebar:backdrop:disabled:not(headerbar) :not(button) > label,
1240
headerbar:backdrop:disabled :not(button) > label {
1241
color: rgba(255, 255, 255, 0.3);
1242
}
1243
.titlebar:not(headerbar) .title,
1245
headerbar .title {
1246
transition: all 0.3s cubic-bezier(0, 0, 0.2, 1);
1247
padding: 0 12px;
1248
font-weight: bold;
1249
}
1250
.titlebar:not(headerbar) .subtitle,
1252
headerbar .subtitle {
1253
transition: all 0.3s cubic-bezier(0, 0, 0.2, 1);
1254
padding: 0 12px;
1255
font-size: smaller;
1256
}
1257
.titlebar:not(headerbar) .linked:not(.vertical) > entry:not(.flat),
1259
headerbar .linked:not(.vertical) > entry:not(.flat) {
1260
border-radius: 2px;
1261
}
1262
.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action),
1264
headerbar button:not(.suggested-action):not(.destructive-action) {
1265
border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), currentColor 0%, transparent 0%) 0 0 0/0 0 0px;
1266
color: rgba(255, 255, 255, 0.7);
1267
}
1268
.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):hover, .titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):active,
1270
headerbar button:not(.suggested-action):not(.destructive-action):hover,
1271
headerbar button:not(.suggested-action):not(.destructive-action):active {
1272
color: #FFFFFF;
1273
}
1274
.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):disabled,
1276
headerbar button:not(.suggested-action):not(.destructive-action):disabled {
1277
color: rgba(255, 255, 255, 0.3);
1278
}
1279
.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):checked,
1281
headerbar button:not(.suggested-action):not(.destructive-action):checked {
1282
border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), currentColor 100%, transparent 0%) 0 0 2/0 0 2px;
1283
color: #FFFFFF;
1284
}
1285
.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):checked:disabled,
1287
headerbar button:not(.suggested-action):not(.destructive-action):checked:disabled {
1288
color: rgba(255, 255, 255, 0.5);
1289
}
1290
.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):checked, .titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):checked:disabled,
1292
headerbar button:not(.suggested-action):not(.destructive-action):checked,
1293
headerbar button:not(.suggested-action):not(.destructive-action):checked:disabled {
1294
background-color: transparent;
1295
}
1296
.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):backdrop,
1298
headerbar button:not(.suggested-action):not(.destructive-action):backdrop {
1299
color: rgba(255, 255, 255, 0.5);
1300
}
1301
.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):backdrop:hover, .titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):backdrop:active,
1303
headerbar button:not(.suggested-action):not(.destructive-action):backdrop:hover,
1304
headerbar button:not(.suggested-action):not(.destructive-action):backdrop:active {
1305
color: rgba(255, 255, 255, 0.7);
1306
}
1307
.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):backdrop:disabled,
1309
headerbar button:not(.suggested-action):not(.destructive-action):backdrop:disabled {
1310
color: rgba(255, 255, 255, 0.3);
1311
}
1312
.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):backdrop:checked,
1314
headerbar button:not(.suggested-action):not(.destructive-action):backdrop:checked {
1315
color: rgba(255, 255, 255, 0.7);
1316
}
1317
.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):backdrop:checked:disabled,
1319
headerbar button:not(.suggested-action):not(.destructive-action):backdrop:checked:disabled {
1320
color: rgba(255, 255, 255, 0.3);
1321
}
1322
.titlebar:not(headerbar) button.suggested-action:disabled, .titlebar:not(headerbar) button.destructive-action:disabled,
1324
headerbar button.suggested-action:disabled,
1325
headerbar button.destructive-action:disabled {
1326
background-color: rgba(255, 255, 255, 0.12);
1327
color: rgba(255, 255, 255, 0.5);
1328
}
1329
.selection-mode.titlebar:not(headerbar),
1331
headerbar.selection-mode {
1332
transition: background-color 0.00001s 0.3s;
1333
animation: header_ripple_effect 0.3s cubic-bezier(0, 0, 0.2, 1);
1334
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);
1335
background-color: #42A5F5;
1336
color: #FFFFFF;
1337
}
1338
.selection-mode.titlebar:backdrop:not(headerbar),
1340
headerbar.selection-mode:backdrop {
1341
color: rgba(255, 255, 255, 0.7);
1342
}
1343
.selection-mode.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action),
1345
headerbar.selection-mode button:not(.suggested-action):not(.destructive-action) {
1346
border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), currentColor 0%, transparent 0%) 0 0 0/0 0 0px;
1347
color: #FFFFFF;
1348
}
1349
.selection-mode.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):disabled,
1351
headerbar.selection-mode button:not(.suggested-action):not(.destructive-action):disabled {
1352
color: rgba(255, 255, 255, 0.5);
1353
}
1354
.selection-mode.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):checked,
1356
headerbar.selection-mode button:not(.suggested-action):not(.destructive-action):checked {
1357
border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), currentColor 100%, transparent 0%) 0 0 2/0 0 2px;
1358
color: #FFFFFF;
1359
}
1360
.selection-mode.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):checked:disabled,
1362
headerbar.selection-mode button:not(.suggested-action):not(.destructive-action):checked:disabled {
1363
color: rgba(255, 255, 255, 0.5);
1364
}
1365
.selection-mode.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):backdrop,
1367
headerbar.selection-mode button:not(.suggested-action):not(.destructive-action):backdrop {
1368
color: rgba(255, 255, 255, 0.7);
1369
}
1370
.selection-mode.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):backdrop:disabled,
1372
headerbar.selection-mode button:not(.suggested-action):not(.destructive-action):backdrop:disabled {
1373
color: rgba(255, 255, 255, 0.3);
1374
}
1375
.selection-mode.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):backdrop:checked,
1377
headerbar.selection-mode button:not(.suggested-action):not(.destructive-action):backdrop:checked {
1378
color: rgba(255, 255, 255, 0.7);
1379
}
1380
.selection-mode.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):backdrop:checked:disabled,
1382
headerbar.selection-mode button:not(.suggested-action):not(.destructive-action):backdrop:checked:disabled {
1383
color: rgba(255, 255, 255, 0.3);
1384
}
1385
.selection-mode.titlebar:not(headerbar) .selection-menu,
1387
headerbar.selection-mode .selection-menu {
1388
padding-left: 16px;
1389
padding-right: 16px;
1390
}
1391
.selection-mode.titlebar:not(headerbar) .selection-menu GtkArrow,
1393
headerbar.selection-mode .selection-menu GtkArrow {
1394
-GtkArrow-arrow-scaling: 1;
1395
}
1396
.selection-mode.titlebar:not(headerbar) .selection-menu .arrow,
1398
headerbar.selection-mode .selection-menu .arrow {
1399
-gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
1400
}
1401
.fullscreen .titlebar:not(headerbar),
1403
.tiled .titlebar:not(headerbar),
1404
.maximized .titlebar:not(headerbar), .fullscreen
1405
headerbar,
1406
.tiled
1407
headerbar,
1408
.maximized
1409
headerbar {
1410
border-radius: 0;
1411
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
1412
}
1413
.default-decoration.titlebar:not(headerbar),
1415
headerbar.default-decoration {
1416
min-height: 24px;
1417
padding: 6px;
1418
box-shadow: inset 0 1px rgba(255, 255, 255, 0.15);
1419
}
1420
.fullscreen .default-decoration.titlebar:not(headerbar),
1422
.tiled .default-decoration.titlebar:not(headerbar),
1423
.maximized .default-decoration.titlebar:not(headerbar), .fullscreen
1424
headerbar.default-decoration,
1425
.tiled
1426
headerbar.default-decoration,
1427
.maximized
1428
headerbar.default-decoration {
1429
box-shadow: none;
1430
}
1431
.default-decoration.titlebar:not(headerbar) button.titlebutton,
1433
headerbar.default-decoration button.titlebutton {
1434
min-height: 24px;
1435
min-width: 24px;
1436
margin: 0;
1437
padding: 0;
1438
}
1439
.background:not(.csd) .default-decoration.titlebar:not(headerbar) button.titlebutton:active, .background:not(.csd)
1441
headerbar.default-decoration button.titlebutton:active {
1442
background-size: 1000% 1000%;
1443
}
1444
headerbar entry,
1446
headerbar spinbutton,
1447
headerbar button {
1448
margin-top: 6px;
1449
margin-bottom: 6px;
1450
}
1451
headerbar switch {
1453
margin-top: 12px;
1454
margin-bottom: 12px;
1455
}
1456
headerbar spinbutton button {
1458
margin-top: 0;
1459
margin-bottom: 0;
1460
}
1461
.background:not(.tiled):not(.maximized):not(.fullscreen):not(.solid-csd) .titlebar {
1463
border-top-left-radius: 2px;
1464
border-top-right-radius: 2px;
1465
}
1466
window:not(.tiled):not(.maximized):not(.fullscreen):not(.solid-csd) separator:first-child + headerbar,
1468
window:not(.tiled):not(.maximized):not(.fullscreen):not(.solid-csd) headerbar:first-child {
1469
border-top-left-radius: 2px;
1470
}
1471
window:not(.tiled):not(.maximized):not(.fullscreen):not(.solid-csd) headerbar:last-child {
1473
border-top-right-radius: 2px;
1474
}
1475
window:not(.tiled):not(.maximized):not(.fullscreen):not(.solid-csd) stack headerbar:first-child, window:not(.tiled):not(.maximized):not(.fullscreen):not(.solid-csd) stack headerbar:last-child {
1477
border-top-left-radius: 2px;
1478
border-top-right-radius: 2px;
1479
}
1480
window.csd > .titlebar:not(headerbar) {
1482
padding: 0;
1483
background-color: transparent;
1484
background-image: none;
1485
border-style: none;
1486
box-shadow: none;
1487
}
1488
.titlebar:not(headerbar) > separator {
1490
background-color: #37474F;
1491
background-image: image(rgba(0, 0, 0, 0.2));
1492
}
1493
/************
1495
* Pathbars *
1496
************/
1497
.caja-pathbar button,
1498
.path-bar button {
1499
padding-left: 6px;
1500
padding-right: 6px;
1501
}
1502
.caja-pathbar button label:not(:only-child):first-child,
1504
.path-bar button label:not(:only-child):first-child {
1505
margin-left: 4px;
1506
}
1507
.caja-pathbar button label:not(:only-child):last-child,
1509
.path-bar button label:not(:only-child):last-child {
1510
margin-right: 4px;
1511
}
1512
.caja-pathbar button.slider-button,
1514
.path-bar button.slider-button {
1515
padding-left: 4px;
1516
padding-right: 4px;
1517
}
1518
:not(headerbar) .caja-pathbar button, .caja-pathbar :not(headerbar) button, :not(headerbar)
1520
.path-bar button {
1521
border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #42A5F5 0%, transparent 0%) 0 0 0/0 0 0px;
1522
border-radius: 2px;
1523
}
1524
:not(headerbar) .caja-pathbar button:checked, .caja-pathbar :not(headerbar) button:checked, :not(headerbar)
1526
.path-bar button:checked {
1527
border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #42A5F5 100%, transparent 0%) 0 0 2/0 0 2px;
1528
}
1529
: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)
1531
.path-bar button:checked, :not(headerbar)
1532
.path-bar button:checked:disabled {
1533
background-color: transparent;
1534
}
1535
/**************
1537
* Tree Views *
1538
**************/
1539
treeview.view {
1540
border-left-color: alpha(currentColor, 0.3);
1541
border-top-color: rgba(0, 0, 0, 0.2);
1542
}
1543
* {
1545
-GtkTreeView-horizontal-separator: 4;
1546
-GtkTreeView-grid-line-width: 1;
1547
-GtkTreeView-grid-line-pattern: '';
1548
-GtkTreeView-tree-line-width: 1;
1549
-GtkTreeView-tree-line-pattern: '';
1550
-GtkTreeView-expander-size: 16;
1551
}
1552
treeview.view:hover, treeview.view:active, treeview.view:selected {
1554
border-radius: 0;
1555
}
1556
treeview.view.separator {
1558
min-height: 5px;
1559
color: rgba(0, 0, 0, 0.2);
1560
}
1561
treeview.view:drop(active) {
1563
border-style: solid none;
1564
border-width: 1px;
1565
border-color: #FF4081;
1566
}
1567
treeview.view:drop(active).after {
1569
border-top-style: none;
1570
}
1571
treeview.view:drop(active).before {
1573
border-bottom-style: none;
1574
}
1575
treeview.view.expander {
1577
-gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
1578
-gtk-icon-transform: rotate(-90deg);
1579
color: rgba(255, 255, 255, 0.7);
1580
}
1581
treeview.view.expander:dir(rtl) {
1583
-gtk-icon-transform: rotate(90deg);
1584
}
1585
treeview.view.expander:checked {
1587
-gtk-icon-transform: unset;
1588
}
1589
treeview.view.expander:hover, treeview.view.expander:active {
1591
color: #FFFFFF;
1592
}
1593
treeview.view.expander:disabled {
1595
color: rgba(255, 255, 255, 0.3);
1596
}
1597
treeview.view.expander:selected {
1599
color: rgba(255, 255, 255, 0.7);
1600
}
1601
treeview.view.expander:selected:hover, treeview.view.expander:selected:active {
1603
color: #FFFFFF;
1604
}
1605
treeview.view.expander:selected:disabled {
1607
color: rgba(255, 255, 255, 0.3);
1608
}
1609
treeview.view.progressbar {
1611
border-bottom: 4px solid #42A5F5;
1612
box-shadow: none;
1613
background-color: transparent;
1614
}
1615
treeview.view.progressbar:selected {
1617
border-bottom-color: #FFFFFF;
1618
}
1619
treeview.view.trough {
1621
border-bottom: 4px solid rgba(66, 165, 245, 0.3);
1622
box-shadow: none;
1623
background-color: transparent;
1624
}
1625
treeview.view.trough:selected {
1627
border-bottom-color: rgba(255, 255, 255, 0.3);
1628
}
1629
treeview.view header button {
1631
padding: 2px 6px;
1632
border-style: none solid solid none;
1633
border-width: 1px;
1634
border-color: rgba(0, 0, 0, 0.2);
1635
border-radius: 0;
1636
background-clip: border-box;
1637
}
1638
treeview.view header button, treeview.view header button:hover, treeview.view header button:active {
1640
box-shadow: none;
1641
}
1642
treeview.view header button, treeview.view header button:disabled {
1644
background-color: #50636c;
1645
}
1646
treeview.view header button:last-child {
1648
border-right-style: none;
1649
}
1650
treeview.view button.dnd,
1652
treeview.view header.button.dnd {
1653
padding: 2px 6px;
1654
border-style: none solid solid;
1655
border-width: 1px;
1656
border-color: rgba(0, 0, 0, 0.2);
1657
border-radius: 0;
1658
box-shadow: none;
1659
background-color: #50636c;
1660
background-clip: border-box;
1661
color: #42A5F5;
1662
}
1663
treeview.view acceleditor > label {
1665
background-color: #42A5F5;
1666
}
1667
/*********
1669
* Menus *
1670
*********/
1671
menubar,
1672
.menubar {
1673
-GtkWidget-window-dragging: true;
1674
padding: 0;
1675
background-color: #37474F;
1676
}
1677
menubar > menuitem,
1679
.menubar > menuitem {
1680
transition: all 0.2s cubic-bezier(0, 0, 0.2, 1);
1681
min-height: 20px;
1682
padding: 4px 8px;
1683
color: rgba(255, 255, 255, 0.7);
1684
}
1685
menubar > menuitem:hover,
1687
.menubar > menuitem:hover {
1688
transition: none;
1689
background-color: rgba(255, 255, 255, 0.12);
1690
color: #FFFFFF;
1691
}
1692
menubar > menuitem:disabled,
1694
.menubar > menuitem:disabled {
1695
color: rgba(255, 255, 255, 0.3);
1696
}
1697
.csd.popup {
1699
background-color: transparent;
1700
}
1701
menu,
1703
.menu,
1704
.context-menu {
1705
margin: 4px 0;
1706
padding: 4px 0;
1707
box-shadow: inset 0 1px rgba(255, 255, 255, 0.1);
1708
background-color: #50636c;
1709
border: 1px solid rgba(0, 0, 0, 0.2);
1710
}
1711
.csd menu, .csd
1713
.menu, .csd
1714
.context-menu {
1715
border: none;
1716
border-radius: 2px;
1717
}
1718
menu menuitem,
1720
.menu menuitem,
1721
.context-menu menuitem {
1722
transition: all 0.2s cubic-bezier(0, 0, 0.2, 1);
1723
min-height: 20px;
1724
min-width: 40px;
1725
padding: 4px 8px;
1726
font: initial;
1727
text-shadow: none;
1728
}
1729
menu menuitem:hover,
1731
.menu menuitem:hover,
1732
.context-menu menuitem:hover {
1733
transition: none;
1734
background-color: rgba(255, 255, 255, 0.12);
1735
}
1736
menu menuitem:disabled,
1738
.menu menuitem:disabled,
1739
.context-menu menuitem:disabled {
1740
color: rgba(255, 255, 255, 0.5);
1741
}
1742
menu menuitem arrow,
1744
.menu menuitem arrow,
1745
.context-menu menuitem arrow {
1746
min-height: 16px;
1747
min-width: 16px;
1748
}
1749
menu menuitem arrow:dir(ltr),
1751
.menu menuitem arrow:dir(ltr),
1752
.context-menu menuitem arrow:dir(ltr) {
1753
-gtk-icon-source: -gtk-icontheme("pan-end-symbolic");
1754
margin-left: 8px;
1755
}
1756
menu menuitem arrow:dir(rtl),
1758
.menu menuitem arrow:dir(rtl),
1759
.context-menu menuitem arrow:dir(rtl) {
1760
-gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl");
1761
margin-right: 8px;
1762
}
1763
menu menuitem label:dir(rtl), menu menuitem label:dir(ltr),
1765
.menu menuitem label:dir(rtl),
1766
.menu menuitem label:dir(ltr),
1767
.context-menu menuitem label:dir(rtl),
1768
.context-menu menuitem label:dir(ltr) {
1769
color: inherit;
1770
}
1771
menu > arrow,
1773
.menu > arrow,
1774
.context-menu > arrow {
1775
min-height: 16px;
1776
min-width: 16px;
1777
padding: 4px;
1778
background-color: #50636c;
1779
color: rgba(255, 255, 255, 0.7);
1780
}
1781
menu > arrow.top,
1783
.menu > arrow.top,
1784
.context-menu > arrow.top {
1785
margin-top: -4px;
1786
border-bottom: 1px solid rgba(0, 0, 0, 0.2);
1787
border-radius: 2px 2px 0 0;
1788
-gtk-icon-source: -gtk-icontheme("pan-up-symbolic");
1789
}
1790
menu > arrow.bottom,
1792
.menu > arrow.bottom,
1793
.context-menu > arrow.bottom {
1794
margin-bottom: -12px;
1795
border-top: 1px solid rgba(0, 0, 0, 0.2);
1796
border-radius: 0 0 2px 2px;
1797
-gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
1798
}
1799
menu > arrow:hover,
1801
.menu > arrow:hover,
1802
.context-menu > arrow:hover {
1803
background-image: image(rgba(255, 255, 255, 0.12));
1804
color: #FFFFFF;
1805
}
1806
menu > arrow:disabled,
1808
.menu > arrow:disabled,
1809
.context-menu > arrow:disabled {
1810
border-color: transparent;
1811
background-color: transparent;
1812
color: transparent;
1813
}
1814
menu separator,
1816
.menu separator,
1817
.context-menu separator {
1818
margin: 4px 0;
1819
}
1820
menuitem accelerator {
1822
color: rgba(255, 255, 255, 0.7);
1823
}
1824
.popup:not(.csd) menu menuitem {
1826
color: #FFFFFF;
1827
}
1828
.popup:not(.csd) menu menuitem:hover {
1830
background-color: #65767e;
1831
}
1832
.popup:not(.csd) menu menuitem:disabled {
1834
color: #a8b1b6;
1835
}
1836
.popup:not(.csd) menu accelerator {
1838
color: #cbd0d3;
1839
}
1840
/************
1842
* Popovers *
1843
************/
1844
popover.background {
1845
transition: box-shadow 0.2s cubic-bezier(0, 0, 0.2, 1);
1846
padding: 2px;
1847
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23);
1848
background-color: #596e79;
1849
}
1850
popover.background:backdrop {
1852
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
1853
}
1854
popover.background, .csd popover.background {
1856
border-style: solid;
1857
border-width: 1px;
1858
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.2) rgba(0, 0, 0, 0.3);
1859
border-radius: 3px;
1860
}
1861
popover.background > stack {
1863
margin: -4px;
1864
}
1865
popover.background > toolbar {
1867
margin: -2px;
1868
}
1869
popover.background > list,
1871
popover.background > .view,
1872
popover.background > toolbar {
1873
border-style: none;
1874
box-shadow: none;
1875
background-color: transparent;
1876
}
1877
popover.background.menu button,
1879
popover.background button.model {
1880
min-height: 32px;
1881
padding: 0 8px;
1882
border-radius: 2px;
1883
}
1884
popover.background separator {
1886
margin: 4px 0;
1887
}
1888
popover.background list separator {
1890
margin: 0;
1891
}
1892
/*************
1894
* Notebooks *
1895
*************/
1896
notebook > header {
1897
border-width: 1px;
1898
border-color: rgba(0, 0, 0, 0.2);
1899
background-color: #44545c;
1900
background-clip: border-box;
1901
}
1902
notebook > header.top {
1904
border-bottom-style: solid;
1905
}
1906
notebook > header.top > tabs {
1908
margin-bottom: -1px;
1909
}
1910
notebook > header.top > tabs > tab:hover {
1912
box-shadow: inset 0 -2px rgba(255, 255, 255, 0.3);
1913
}
1914
notebook > header.top > tabs > tab:checked {
1916
box-shadow: inset 0 -2px #42A5F5;
1917
}
1918
notebook > header.bottom {
1920
border-top-style: solid;
1921
}
1922
notebook > header.bottom > tabs {
1924
margin-top: -1px;
1925
}
1926
notebook > header.bottom > tabs > tab:hover {
1928
box-shadow: inset 0 2px rgba(255, 255, 255, 0.3);
1929
}
1930
notebook > header.bottom > tabs > tab:checked {
1932
box-shadow: inset 0 2px #42A5F5;
1933
}
1934
notebook > header.left {
1936
border-right-style: solid;
1937
}
1938
notebook > header.left > tabs {
1940
margin-right: -1px;
1941
}
1942
notebook > header.left > tabs > tab:hover {
1944
box-shadow: inset -2px 0 rgba(255, 255, 255, 0.3);
1945
}
1946
notebook > header.left > tabs > tab:checked {
1948
box-shadow: inset -2px 0 #42A5F5;
1949
}
1950
notebook > header.right {
1952
border-left-style: solid;
1953
}
1954
notebook > header.right > tabs {
1956
margin-left: -1px;
1957
}
1958
notebook > header.right > tabs > tab:hover {
1960
box-shadow: inset 2px 0 rgba(255, 255, 255, 0.3);
1961
}
1962
notebook > header.right > tabs > tab:checked {
1964
box-shadow: inset 2px 0 #42A5F5;
1965
}
1966
notebook > header.top > tabs > arrow {
1968
border-top-style: none;
1969
}
1970
notebook > header.bottom > tabs > arrow {
1972
border-bottom-style: none;
1973
}
1974
notebook > header.top > tabs > arrow, notebook > header.bottom > tabs > arrow {
1976
padding-left: 4px;
1977
padding-right: 4px;
1978
}
1979
notebook > header.top > tabs > arrow.down, notebook > header.bottom > tabs > arrow.down {
1981
margin-left: -8px;
1982
-gtk-icon-source: -gtk-icontheme("pan-start-symbolic");
1983
}
1984
notebook > header.top > tabs > arrow.up, notebook > header.bottom > tabs > arrow.up {
1986
margin-right: -8px;
1987
-gtk-icon-source: -gtk-icontheme("pan-end-symbolic");
1988
}
1989
notebook > header.left > tabs > arrow {
1991
border-left-style: none;
1992
}
1993
notebook > header.right > tabs > arrow {
1995
border-right-style: none;
1996
}
1997
notebook > header.left > tabs > arrow, notebook > header.right > tabs > arrow {
1999
padding-top: 4px;
2000
padding-bottom: 4px;
2001
}
2002
notebook > header.left > tabs > arrow.down, notebook > header.right > tabs > arrow.down {
2004
margin-top: -8px;
2005
-gtk-icon-source: -gtk-icontheme("pan-up-symbolic");
2006
}
2007
notebook > header.left > tabs > arrow.up, notebook > header.right > tabs > arrow.up {
2009
margin-bottom: -8px;
2010
-gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
2011
}
2012
notebook > header > tabs > arrow {
2014
min-height: 16px;
2015
min-width: 16px;
2016
border-radius: 0;
2017
}
2018
notebook > header tab {
2020
transition: all 0.3s cubic-bezier(0, 0, 0.2, 1), background-size 0, background-image 0;
2021
min-height: 24px;
2022
min-width: 24px;
2023
padding: 6px 12px;
2024
outline-offset: -6px;
2025
border-width: 1px;
2026
border-color: transparent;
2027
background-image: radial-gradient(circle farthest-corner at center, #42A5F5 10%, transparent 0%);
2028
background-repeat: no-repeat;
2029
background-position: center;
2030
background-size: 0% 0%;
2031
color: rgba(255, 255, 255, 0.7);
2032
font-weight: 500;
2033
}
2034
notebook > header tab:hover {
2036
color: #FFFFFF;
2037
}
2038
notebook > header tab:hover.reorderable-page {
2040
border-color: rgba(0, 0, 0, 0.2);
2041
background-color: #4a5c64;
2042
}
2043
notebook > header tab:disabled {
2045
color: rgba(255, 255, 255, 0.3);
2046
}
2047
notebook > header tab:checked {
2049
transition: all 0.3s cubic-bezier(0, 0, 0.2, 1), background-size 0.3s cubic-bezier(0, 0, 0.2, 1), background-image 0.8s cubic-bezier(0, 0, 0.2, 1);
2050
background-image: radial-gradient(circle farthest-corner at center, transparent 10%, transparent 0%);
2051
background-size: 1000% 1000%;
2052
color: #FFFFFF;
2053
}
2054
notebook > header tab:checked:disabled {
2056
color: rgba(255, 255, 255, 0.5);
2057
}
2058
notebook > header tab:checked.reorderable-page {
2060
border-color: rgba(0, 0, 0, 0.2);
2061
background-color: #50636c;
2062
}
2063
notebook > header tab button.flat:last-child {
2065
margin-left: 6px;
2066
margin-right: -6px;
2067
}
2068
notebook > header tab button.flat:first-child {
2070
margin-left: -6px;
2071
margin-right: 6px;
2072
}
2073
notebook > header.top tabs, notebook > header.bottom tabs {
2075
padding-left: 8px;
2076
padding-right: 8px;
2077
}
2078
notebook > header.top tabs:not(:only-child):first-child, notebook > header.bottom tabs:not(:only-child):first-child {
2080
margin-left: 0;
2081
}
2082
notebook > header.top tabs:not(:only-child):last-child, notebook > header.bottom tabs:not(:only-child):last-child {
2084
margin-right: 0;
2085
}
2086
notebook > header.top tabs tab.reorderable-page, notebook > header.bottom tabs tab.reorderable-page {
2088
margin: 0 -1px;
2089
border-style: none solid;
2090
}
2091
notebook > header.left tabs, notebook > header.right tabs {
2093
padding-top: 8px;
2094
padding-bottom: 8px;
2095
}
2096
notebook > header.left tabs:not(:only-child):first-child, notebook > header.right tabs:not(:only-child):first-child {
2098
margin-top: 0;
2099
}
2100
notebook > header.left tabs:not(:only-child):last-child, notebook > header.right tabs:not(:only-child):last-child {
2102
margin-bottom: 0;
2103
}
2104
notebook > header.left tabs tab.reorderable-page, notebook > header.right tabs tab.reorderable-page {
2106
margin: -1px 0;
2107
border-style: solid none;
2108
}
2109
notebook > stack:not(:only-child) {
2111
background-color: #50636c;
2112
}
2113
/**************
2115
* Scrollbars *
2116
**************/
2117
scrollbar {
2118
transition: all 0.3s cubic-bezier(0, 0, 0.2, 1);
2119
background-color: #50636c;
2120
background-clip: border-box;
2121
}
2122
* {
2124
-GtkScrollbar-has-backward-stepper: false;
2125
-GtkScrollbar-has-forward-stepper: false;
2126
}
2127
scrollbar.top {
2129
border-bottom: 1px solid rgba(0, 0, 0, 0.2);
2130
}
2131
scrollbar.bottom {
2133
border-top: 1px solid rgba(0, 0, 0, 0.2);
2134
}
2135
scrollbar.left {
2137
border-right: 1px solid rgba(0, 0, 0, 0.2);
2138
}
2139
scrollbar.right {
2141
border-left: 1px solid rgba(0, 0, 0, 0.2);
2142
}
2143
scrollbar slider {
2145
transition: all 0.2s cubic-bezier(0, 0, 0.2, 1), margin 0, border-width 0;
2146
min-width: 8px;
2147
min-height: 8px;
2148
border: 4px solid transparent;
2149
border-radius: 9999px;
2150
background-clip: padding-box;
2151
background-color: rgba(255, 255, 255, 0.5);
2152
}
2153
scrollbar slider:hover {
2155
background-color: rgba(255, 255, 255, 0.7);
2156
}
2157
scrollbar slider:active {
2159
background-color: #FFFFFF;
2160
}
2161
scrollbar slider:disabled {
2163
background-color: rgba(255, 255, 255, 0.3);
2164
}
2165
scrollbar.fine-tune slider {
2167
transition: all 0.2s cubic-bezier(0, 0, 0.2, 1), margin 0, border-width 0, min-width 0, min-height 0;
2168
min-width: 4px;
2169
min-height: 4px;
2170
}
2171
scrollbar.fine-tune.horizontal slider {
2173
margin: 2px 0;
2174
}
2175
scrollbar.fine-tune.vertical slider {
2177
margin: 0 2px;
2178
}
2179
scrollbar.overlay-indicator:not(.dragging):not(.hovering) {
2181
border-color: transparent;
2182
background-color: transparent;
2183
}
2184
scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider {
2186
min-width: 4px;
2187
min-height: 4px;
2188
margin: 3px;
2189
border: 1px solid rgba(80, 99, 108, 0.3);
2190
}
2191
scrollbar.overlay-indicator:not(.dragging):not(.hovering) button {
2193
min-width: 4px;
2194
min-height: 4px;
2195
margin: 3px;
2196
border: 1px solid rgba(80, 99, 108, 0.3);
2197
border-radius: 9999px;
2198
background-color: rgba(255, 255, 255, 0.5);
2199
background-clip: padding-box;
2200
-gtk-icon-source: none;
2201
}
2202
scrollbar.overlay-indicator:not(.dragging):not(.hovering) button:disabled {
2204
background-color: rgba(255, 255, 255, 0.3);
2205
}
2206
scrollbar.overlay-indicator:not(.dragging):not(.hovering).horizontal slider {
2208
min-width: 24px;
2209
}
2210
scrollbar.overlay-indicator:not(.dragging):not(.hovering).horizontal button {
2212
min-width: 8px;
2213
}
2214
scrollbar.overlay-indicator:not(.dragging):not(.hovering).vertical slider {
2216
min-height: 24px;
2217
}
2218
scrollbar.overlay-indicator:not(.dragging):not(.hovering).vertical button {
2220
min-height: 8px;
2221
}
2222
scrollbar.overlay-indicator.dragging, scrollbar.overlay-indicator.hovering {
2224
background-color: rgba(80, 99, 108, 0.9);
2225
}
2226
scrollbar.horizontal slider {
2228
min-width: 24px;
2229
}
2230
scrollbar.vertical slider {
2232
min-height: 24px;
2233
}
2234
scrollbar button {
2236
min-width: 16px;
2237
min-height: 16px;
2238
padding: 0;
2239
border-radius: 0;
2240
}
2241
scrollbar.vertical button.down {
2243
-gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
2244
}
2245
scrollbar.vertical button.up {
2247
-gtk-icon-source: -gtk-icontheme("pan-up-symbolic");
2248
}
2249
scrollbar.horizontal button.down {
2251
-gtk-icon-source: -gtk-icontheme("pan-end-symbolic");
2252
}
2253
scrollbar.horizontal button.up {
2255
-gtk-icon-source: -gtk-icontheme("pan-start-symbolic");
2256
}
2257
/**********
2259
* Switch *
2260
**********/
2261
switch {
2262
transition: all 0.3s cubic-bezier(0, 0, 0.2, 1);
2263
margin: 6px 0;
2264
padding: 0 2px;
2265
border: 4px solid transparent;
2266
border-radius: 9999px;
2267
background-color: rgba(255, 255, 255, 0.3);
2268
background-clip: padding-box;
2269
font-size: 0;
2270
}
2271
switch:disabled {
2273
background-color: rgba(255, 255, 255, 0.12);
2274
}
2275
switch:checked {
2277
background-color: rgba(255, 64, 129, 0.5);
2278
}
2279
switch:checked:disabled {
2281
background-color: rgba(255, 64, 129, 0.3);
2282
}
2283
switch slider {
2285
transition: all 0.3s cubic-bezier(0, 0, 0.2, 1), box-shadow 0.2s cubic-bezier(0, 0, 0.2, 1);
2286
min-width: 20px;
2287
min-height: 20px;
2288
margin: -3px -2px;
2289
border-radius: 9999px;
2290
-gtk-outline-radius: 9999px;
2291
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
2292
background-color: #50636c;
2293
}
2294
switch:hover slider {
2296
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23);
2297
}
2298
switch:checked slider {
2300
transition: all 0.3s cubic-bezier(0, 0, 0.2, 1), box-shadow 0.2s cubic-bezier(0, 0, 0.2, 1), background-image 0, background-color 0.00001s 0.3s;
2301
animation: needs_attention 0.3s cubic-bezier(0, 0, 0.2, 1);
2302
background-color: #FF4081;
2303
color: #FFFFFF;
2304
}
2305
switch:disabled slider {
2307
background-color: #4a5c64;
2308
}
2309
switch:checked:disabled slider {
2311
animation: none;
2312
}
2313
/*************************
2315
* Check and Radio items *
2316
*************************/
2317
.view.content-view.check:not(list),
2318
.content-view .tile check:not(list) {
2319
min-height: 40px;
2320
min-width: 40px;
2321
margin: 0;
2322
padding: 0;
2323
box-shadow: none;
2324
background-color: transparent;
2325
background-image: none;
2326
-gtk-icon-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
2327
}
2328
.view.content-view.check:not(list):hover, .view.content-view.check:not(list):active,
2330
.content-view .tile check:not(list):hover,
2331
.content-view .tile check:not(list):active {
2332
-gtk-icon-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23);
2333
}
2334
.view.content-view.check:not(list),
2336
.content-view .tile check:not(list) {
2337
-gtk-icon-source: -gtk-scaled(url("assets/selectionmode-checkbox-unchecked-dark.png"), url("assets/selectionmode-checkbox-unchecked-dark@2.png"));
2338
}
2339
.view.content-view.check:not(list):checked,
2341
.content-view .tile check:not(list):checked {
2342
-gtk-icon-source: -gtk-scaled(url("assets/selectionmode-checkbox-checked-dark.png"), url("assets/selectionmode-checkbox-checked-dark@2.png"));
2343
}
2344
checkbutton.text-button,
2346
radiobutton.text-button {
2347
padding: 2px;
2348
outline-offset: 0;
2349
}
2350
checkbutton.text-button label:not(:only-child),
2352
radiobutton.text-button label:not(:only-child) {
2353
margin: 0 4px;
2354
}
2355
check,
2357
radio {
2358
min-height: 24px;
2359
min-width: 24px;
2360
margin: -12px;
2361
padding: 12px;
2362
}
2363
check:checked, check:indeterminate,
2365
radio:checked,
2366
radio:indeterminate {
2367
color: #FF4081;
2368
}
2369
check:checked:disabled, check:indeterminate:disabled,
2371
radio:checked:disabled,
2372
radio:indeterminate:disabled {
2373
color: rgba(255, 64, 129, 0.5);
2374
}
2375
row:selected check:not(:checked):not(:indeterminate), row:selected
2377
radio:not(:checked):not(:indeterminate) {
2378
color: rgba(255, 255, 255, 0.7);
2379
}
2380
row:selected check:not(:checked):not(:indeterminate):hover, row:selected check:not(:checked):not(:indeterminate):active, row:selected
2382
radio:not(:checked):not(:indeterminate):hover, row:selected
2383
radio:not(:checked):not(:indeterminate):active {
2384
color: #FFFFFF;
2385
}
2386
row:selected check:not(:checked):not(:indeterminate):disabled, row:selected
2388
radio:not(:checked):not(:indeterminate):disabled {
2389
color: rgba(255, 255, 255, 0.3);
2390
}
2391
popover check, popover check:hover, popover check:disabled, popover
2393
radio, popover
2394
radio:hover, popover
2395
radio:disabled {
2396
box-shadow: none;
2397
background-image: none;
2398
}
2399
popover check:not(:checked):not(:indeterminate):not(:disabled), popover
2401
radio:not(:checked):not(:indeterminate):not(:disabled) {
2402
color: rgba(255, 255, 255, 0.7);
2403
}
2404
popover check.left:dir(rtl), popover
2406
radio.left:dir(rtl) {
2407
margin-left: -16px;
2408
margin-right: -8px;
2409
}
2410
popover check.right:dir(ltr), popover
2412
radio.right:dir(ltr) {
2413
margin-left: -8px;
2414
margin-right: -16px;
2415
}
2416
menu menuitem check, menu menuitem
2418
radio {
2419
transition: none;
2420
min-height: 16px;
2421
min-width: 16px;
2422
margin: 0;
2423
padding: 0;
2424
}
2425
menu menuitem check:dir(ltr), menu menuitem
2427
radio:dir(ltr) {
2428
margin-right: 8px;
2429
}
2430
menu menuitem check:dir(rtl), menu menuitem
2432
radio:dir(rtl) {
2433
margin-left: 8px;
2434
}
2435
menu menuitem check:not(:checked):not(:indeterminate):not(:disabled), menu menuitem
2437
radio:not(:checked):not(:indeterminate):not(:disabled) {
2438
color: rgba(255, 255, 255, 0.7);
2439
}
2440
menu menuitem check, menu menuitem check:hover, menu menuitem check:disabled, menu menuitem
2442
radio, menu menuitem
2443
radio:hover, menu menuitem
2444
radio:disabled {
2445
box-shadow: none;
2446
}
2447
check {
2450
-gtk-icon-source: image(-gtk-recolor(url("assets/scalable/checkbox-unchecked-symbolic.svg")), -gtk-recolor(url("assets/scalable/checkbox-unchecked-symbolic.symbolic.png")));
2451
}
2452
check:checked {
2455
-gtk-icon-source: image(-gtk-recolor(url("assets/scalable/checkbox-checked-symbolic.svg")), -gtk-recolor(url("assets/scalable/checkbox-checked-symbolic.symbolic.png")));
2456
}
2457
check:indeterminate {
2460
-gtk-icon-source: image(-gtk-recolor(url("assets/scalable/checkbox-mixed-symbolic.svg")), -gtk-recolor(url("assets/scalable/checkbox-mixed-symbolic.symbolic.png")));
2461
}
2462
radio {
2465
border-image-slice: 24;
2466
border-image-width: 24px;
2467
}
2468
radio {
2471
-gtk-icon-source: image(-gtk-recolor(url("assets/scalable/radio-unchecked-symbolic.svg")), -gtk-recolor(url("assets/scalable/radio-unchecked-symbolic.symbolic.png")));
2472
}
2473
radio:indeterminate {
2476
-gtk-icon-source: image(-gtk-recolor(url("assets/scalable/radio-mixed-symbolic.svg")), -gtk-recolor(url("assets/scalable/radio-mixed-symbolic.symbolic.png")));
2477
}
2478
radio {
2481
border-image-source: -gtk-gradient(radial, center center, 0, center center, 0.001, to(#FF4081), to(transparent));
2482
}
2483
radio:checked:not(:indeterminate) {
2486
border-image-source: -gtk-gradient(radial, center center, 0, center center, 0.10417, to(#FF4081), to(transparent));
2487
}
2488
radio:checked:not(:indeterminate):disabled {
2491
border-image-source: -gtk-gradient(radial, center center, 0, center center, 0.10417, to(rgba(255, 64, 129, 0.5)), to(transparent));
2492
}
2493
window.background:not(.csd) > widget > checkbutton > check,
2495
menu menuitem check {
2496
border-radius: 2px;
2497
-gtk-outline-radius: 2px;
2498
-gtk-icon-source: image(-gtk-recolor(url("assets/scalable/small-checkbox-unchecked-symbolic.svg")), -gtk-recolor(url("assets/scalable/small-checkbox-unchecked-symbolic.symbolic.png")));
2499
}
2500
window.background:not(.csd) > widget > checkbutton > check:checked,
2502
menu menuitem check:checked {
2503
-gtk-icon-source: image(-gtk-recolor(url("assets/scalable/small-checkbox-checked-symbolic.svg")), -gtk-recolor(url("assets/scalable/small-checkbox-checked-symbolic.symbolic.png")));
2504
}
2505
window.background:not(.csd) > widget > checkbutton > check:indeterminate,
2507
menu menuitem check:indeterminate {
2508
-gtk-icon-source: image(-gtk-recolor(url("assets/scalable/small-checkbox-mixed-symbolic.svg")), -gtk-recolor(url("assets/scalable/small-checkbox-mixed-symbolic.symbolic.png")));
2509
}
2510
window.background:not(.csd) > widget > radiobutton > radio,
2512
menu menuitem radio {
2513
border-image: none;
2514
-gtk-icon-source: image(-gtk-recolor(url("assets/scalable/small-radio-unchecked-symbolic.svg")), -gtk-recolor(url("assets/scalable/small-radio-unchecked-symbolic.symbolic.png")));
2515
}
2516
window.background:not(.csd) > widget > radiobutton > radio:checked,
2518
menu menuitem radio:checked {
2519
-gtk-icon-source: image(-gtk-recolor(url("assets/scalable/small-radio-checked-symbolic.svg")), -gtk-recolor(url("assets/scalable/small-radio-checked-symbolic.symbolic.png")));
2520
}
2521
window.background:not(.csd) > widget > radiobutton > radio:indeterminate,
2523
menu menuitem radio:indeterminate {
2524
-gtk-icon-source: image(-gtk-recolor(url("assets/scalable/small-radio-mixed-symbolic.svg")), -gtk-recolor(url("assets/scalable/small-radio-mixed-symbolic.symbolic.png")));
2525
}
2526
check:not(:checked):active {
2528
-gtk-icon-transform: rotate(90deg);
2529
}
2530
check:not(:checked):indeterminate:active,
2532
radio:not(:checked):indeterminate:active {
2533
-gtk-icon-transform: scaleX(-1);
2534
}
2535
check:not(:checked),
2537
radio:not(:checked) {
2538
transition: all 0.3s cubic-bezier(0, 0, 0.2, 1), background-size 0.5s cubic-bezier(0, 0, 0.2, 1), background-image 1s cubic-bezier(0, 0, 0.2, 1), -gtk-icon-transform 0;
2539
}
2540
check:not(:checked):active,
2542
radio:not(:checked):active {
2543
transition: all 0.3s cubic-bezier(0, 0, 0.2, 1), background-size 0, background-image 0, -gtk-icon-transform 0;
2544
}
2545
menu menuitem check:not(:checked), menu menuitem
2547
radio:not(:checked) {
2548
transition: none;
2549
}
2550
treeview.view check,
2552
treeview.view radio {
2553
padding: 0;
2554
}
2555
treeview.view check:hover,
2557
treeview.view radio:hover {
2558
box-shadow: inset 0 0 0 9999px alpha(#FFFFFF, 0.05);
2559
}
2560
treeview.view check:hover:disabled,
2562
treeview.view radio:hover:disabled {
2563
box-shadow: none;
2564
}
2565
treeview.view check:hover:selected,
2567
treeview.view radio:hover:selected {
2568
box-shadow: inset 0 0 0 9999px alpha(#FFFFFF, 0.05);
2569
}
2570
treeview.view check,
2572
treeview.view radio {
2573
color: rgba(255, 255, 255, 0.7);
2574
}
2575
treeview.view check:hover, treeview.view check:active,
2577
treeview.view radio:hover,
2578
treeview.view radio:active {
2579
color: #FFFFFF;
2580
}
2581
treeview.view check:disabled,
2583
treeview.view radio:disabled {
2584
color: rgba(255, 255, 255, 0.3);
2585
}
2586
treeview.view check:checked, treeview.view check:indeterminate,
2588
treeview.view radio:checked,
2589
treeview.view radio:indeterminate {
2590
color: #FF4081;
2591
}
2592
treeview.view check:checked:disabled, treeview.view check:indeterminate:disabled,
2594
treeview.view radio:checked:disabled,
2595
treeview.view radio:indeterminate:disabled {
2596
color: rgba(255, 64, 129, 0.5);
2597
}
2598
treeview.view check:selected,
2600
treeview.view radio:selected {
2601
color: rgba(255, 255, 255, 0.7);
2602
}
2603
treeview.view check:selected:hover, treeview.view check:selected:active,
2605
treeview.view radio:selected:hover,
2606
treeview.view radio:selected:active {
2607
color: #FFFFFF;
2608
}
2609
treeview.view check:selected:disabled,
2611
treeview.view radio:selected:disabled {
2612
color: rgba(255, 255, 255, 0.3);
2613
}
2614
treeview.view check:selected:checked, treeview.view check:selected:indeterminate,
2616
treeview.view radio:selected:checked,
2617
treeview.view radio:selected:indeterminate {
2618
color: #FF4081;
2619
}
2620
treeview.view check:selected:checked:disabled, treeview.view check:selected:indeterminate:disabled,
2622
treeview.view radio:selected:checked:disabled,
2623
treeview.view radio:selected:indeterminate:disabled {
2624
color: rgba(255, 64, 129, 0.5);
2625
}
2626
treeview.view radio:checked {
2628
-gtk-icon-source: image(-gtk-recolor(url("assets/scalable/radio-checked-symbolic.svg")), -gtk-recolor(url("assets/scalable/radio-checked-symbolic.symbolic.png")));
2629
border-image: none;
2630
}
2631
/************
2633
* GtkScale *
2634
************/
2635
scale {
2636
min-height: 12px;
2637
min-width: 12px;
2638
padding: 12px;
2639
}
2640
scale * {
2642
transition: all 0.3s cubic-bezier(0, 0, 0.2, 1);
2643
}
2644
scale slider {
2646
min-height: 24px;
2647
min-width: 24px;
2648
margin: -11px;
2649
}
2650
scale trough {
2652
outline-offset: 2px;
2653
background-color: rgba(255, 255, 255, 0.3);
2654
}
2655
scale trough:disabled {
2657
background-color: rgba(255, 255, 255, 0.12);
2658
}
2659
scale highlight {
2661
background-color: #FF4081;
2662
}
2663
scale highlight:disabled {
2665
background-color: transparent;
2666
}
2667
scale fill {
2669
background-color: rgba(255, 255, 255, 0.3);
2670
}
2671
scale fill:disabled {
2673
background-color: transparent;
2674
}
2675
scale slider {
2677
transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
2678
background-repeat: no-repeat;
2679
background-position: center;
2680
background-size: calc(100% - 10px);
2681
}
2682
scale slider {
2684
background-image: -gtk-scaled(url("assets/scale-slider-dark.png"), url("assets/scale-slider-dark@2.png"));
2685
}
2686
scale slider:disabled {
2688
background-image: -gtk-scaled(url("assets/scale-slider-disabled-dark.png"), url("assets/scale-slider-disabled-dark@2.png"));
2689
}
2690
scale slider:hover {
2692
background-size: calc(100% - 8px);
2693
}
2694
scale slider:active {
2696
background-size: calc(100% - 6px);
2697
}
2698
scale.fine-tune slider {
2700
background-size: calc(100% - 12px);
2701
}
2702
scale value {
2704
color: rgba(255, 255, 255, 0.5);
2705
}
2706
scale marks {
2708
color: rgba(255, 255, 255, 0.3);
2709
}
2710
scale marks.top {
2712
margin-bottom: 8px;
2713
margin-top: -16px;
2714
}
2715
scale marks.bottom {
2717
margin-top: 8px;
2718
margin-bottom: -16px;
2719
}
2720
scale marks.top {
2722
margin-right: 8px;
2723
margin-left: -16px;
2724
}
2725
scale marks.bottom {
2727
margin-left: 8px;
2728
margin-right: -16px;
2729
}
2730
scale.horizontal indicator {
2732
min-height: 8px;
2733
min-width: 1px;
2734
}
2735
scale.vertical indicator {
2737
min-height: 1px;
2738
min-width: 8px;
2739
}
2740
scale.horizontal.marks-before:not(.marks-after) slider {
2742
min-height: 30px;
2743
min-width: 24px;
2744
margin-top: -17px;
2745
background-position: center calc(100% - 5px);
2746
}
2747
scale.horizontal.marks-before:not(.marks-after) slider {
2749
background-image: -gtk-scaled(url("assets/scale-horz-marks-before-slider-dark.png"), url("assets/scale-horz-marks-before-slider-dark@2.png"));
2750
}
2751
scale.horizontal.marks-before:not(.marks-after) slider:disabled {
2753
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"));
2754
}
2755
scale.horizontal.marks-before:not(.marks-after) slider:hover {
2757
background-position: center calc(100% - 4px);
2758
}
2759
scale.horizontal.marks-before:not(.marks-after) slider:active {
2761
background-position: center calc(100% - 3px);
2762
}
2763
scale.horizontal.marks-before:not(.marks-after).fine-tune slider {
2765
background-position: center calc(100% - 6px);
2766
}
2767
scale.horizontal.marks-after:not(.marks-before) slider {
2769
min-height: 30px;
2770
min-width: 24px;
2771
margin-bottom: -17px;
2772
background-position: center calc(5px);
2773
}
2774
scale.horizontal.marks-after:not(.marks-before) slider {
2776
background-image: -gtk-scaled(url("assets/scale-horz-marks-after-slider-dark.png"), url("assets/scale-horz-marks-after-slider-dark@2.png"));
2777
}
2778
scale.horizontal.marks-after:not(.marks-before) slider:disabled {
2780
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"));
2781
}
2782
scale.horizontal.marks-after:not(.marks-before) slider:hover {
2784
background-position: center calc(4px);
2785
}
2786
scale.horizontal.marks-after:not(.marks-before) slider:active {
2788
background-position: center calc(3px);
2789
}
2790
scale.horizontal.marks-after:not(.marks-before).fine-tune slider {
2792
background-position: center calc(6px);
2793
}
2794
scale.vertical.marks-before:not(.marks-after) slider {
2796
min-height: 24px;
2797
min-width: 30px;
2798
margin-left: -17px;
2799
background-position: calc(5px) center;
2800
}
2801
scale.vertical.marks-before:not(.marks-after) slider {
2803
background-image: -gtk-scaled(url("assets/scale-vert-marks-before-slider-dark.png"), url("assets/scale-vert-marks-before-slider-dark@2.png"));
2804
}
2805
scale.vertical.marks-before:not(.marks-after) slider:disabled {
2807
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"));
2808
}
2809
scale.vertical.marks-before:not(.marks-after) slider:hover {
2811
background-position: calc(4px) center;
2812
}
2813
scale.vertical.marks-before:not(.marks-after) slider:active {
2815
background-position: calc(3px) center;
2816
}
2817
scale.vertical.marks-before:not(.marks-after).fine-tune slider {
2819
background-position: calc(6px) center;
2820
}
2821
scale.vertical.marks-after:not(.marks-before) slider {
2823
min-height: 24px;
2824
min-width: 30px;
2825
margin-right: -17px;
2826
background-position: calc(100% - 5px) center;
2827
}
2828
scale.vertical.marks-after:not(.marks-before) slider {
2830
background-image: -gtk-scaled(url("assets/scale-vert-marks-after-slider-dark.png"), url("assets/scale-vert-marks-after-slider-dark@2.png"));
2831
}
2832
scale.vertical.marks-after:not(.marks-before) slider:disabled {
2834
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"));
2835
}
2836
scale.vertical.marks-after:not(.marks-before) slider:hover {
2838
background-position: calc(100% - 4px) center;
2839
}
2840
scale.vertical.marks-after:not(.marks-before) slider:active {
2842
background-position: calc(100% - 3px) center;
2843
}
2844
scale.vertical.marks-after:not(.marks-before).fine-tune slider {
2846
background-position: calc(100% - 6px) center;
2847
}
2848
scale.color {
2850
min-height: 0;
2851
min-width: 0;
2852
}
2853
scale.color.horizontal {
2855
padding: 0 0 12px 0;
2856
}
2857
scale.color.horizontal slider:dir(ltr), scale.color.horizontal slider:dir(rtl) {
2859
margin-bottom: -12px;
2860
margin-top: -2px;
2861
}
2862
scale.color.vertical:dir(ltr) {
2864
padding: 0 0 0 12px;
2865
}
2866
scale.color.vertical:dir(ltr) slider {
2868
margin-left: -12px;
2869
margin-right: -2px;
2870
}
2871
scale.color.vertical:dir(rtl) {
2873
padding: 0 12px 0 0;
2874
}
2875
scale.color.vertical:dir(rtl) slider {
2877
margin-right: -12px;
2878
margin-left: -2px;
2879
}
2880
/*****************
2882
* Progress bars *
2883
*****************/
2884
progressbar {
2885
color: rgba(255, 255, 255, 0.5);
2886
font-size: smaller;
2887
}
2888
progressbar.horizontal trough,
2890
progressbar.horizontal progress {
2891
min-height: 4px;
2892
}
2893
progressbar.vertical trough,
2895
progressbar.vertical progress {
2896
min-width: 4px;
2897
}
2898
progressbar trough {
2900
background-color: rgba(66, 165, 245, 0.3);
2901
}
2902
progressbar progress {
2904
background-color: #42A5F5;
2905
}
2906
progressbar trough.empty progress {
2908
all: unset;
2909
}
2910
/*************
2912
* Level Bar *
2913
*************/
2914
levelbar block {
2915
min-width: 36px;
2916
min-height: 4px;
2917
}
2918
levelbar.vertical block {
2920
min-width: 4px;
2921
min-height: 36px;
2922
}
2923
levelbar trough {
2925
padding: 2px;
2926
border-radius: 2px;
2927
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
2928
background-color: #50636c;
2929
}
2930
levelbar trough:disabled {
2932
background-color: #4a5c64;
2933
}
2934
levelbar.horizontal.discrete block {
2936
margin: 0 1px;
2937
}
2938
levelbar.horizontal.discrete trough {
2940
padding: 2px 1px;
2941
}
2942
levelbar.vertical.discrete block {
2944
margin: 1px 0;
2945
}
2946
levelbar.vertical.discrete trough {
2948
padding: 1px 2px;
2949
}
2950
levelbar block.low {
2952
background-color: #FF6D00;
2953
}
2954
levelbar block.high, levelbar block:not(.empty) {
2956
background-color: #42A5F5;
2957
}
2958
levelbar block.full {
2960
background-color: #00C853;
2961
}
2962
levelbar block.empty {
2964
background-color: rgba(255, 255, 255, 0.12);
2965
}
2966
/****************
2968
* Print dialog *
2969
*****************/
2970
printdialog paper {
2971
padding: 0;
2972
border: 1px solid rgba(0, 0, 0, 0.2);
2973
background-color: #50636c;
2974
color: #FFFFFF;
2975
}
2976
printdialog .dialog-action-box {
2978
margin: 12px;
2979
}
2980
/**********
2982
* Frames *
2983
**********/
2984
frame > border,
2985
.frame {
2986
margin: 0;
2987
padding: 0;
2988
border: 1px solid rgba(0, 0, 0, 0.2);
2989
border-radius: 0;
2990
box-shadow: none;
2991
}
2992
frame > border.flat,
2994
.frame.flat,
2995
frame.flat > border {
2996
border-style: none;
2997
}
2998
actionbar > revealer > box {
3000
padding: 6px;
3001
border-top: 1px solid rgba(0, 0, 0, 0.2);
3002
}
3003
scrolledwindow viewport.frame {
3005
border-style: none;
3006
}
3007
overshoot.top {
3009
background-image: -gtk-gradient(radial, center top, 0, center top, 0.75, to(rgba(64, 196, 255, 0.3)), to(transparent));
3010
background-repeat: no-repeat;
3011
background-position: center top;
3012
background-color: transparent;
3013
border: none;
3014
box-shadow: none;
3015
}
3016
overshoot.bottom {
3018
background-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.75, to(rgba(64, 196, 255, 0.3)), to(transparent));
3019
background-repeat: no-repeat;
3020
background-position: center bottom;
3021
background-color: transparent;
3022
border: none;
3023
box-shadow: none;
3024
}
3025
overshoot.left {
3027
background-image: -gtk-gradient(radial, left center, 0, left center, 0.75, to(rgba(64, 196, 255, 0.3)), to(transparent));
3028
background-repeat: no-repeat;
3029
background-position: left center;
3030
background-color: transparent;
3031
border: none;
3032
box-shadow: none;
3033
}
3034
overshoot.right {
3036
background-image: -gtk-gradient(radial, right center, 0, right center, 0.75, to(rgba(64, 196, 255, 0.3)), to(transparent));
3037
background-repeat: no-repeat;
3038
background-position: right center;
3039
background-color: transparent;
3040
border: none;
3041
box-shadow: none;
3042
}
3043
undershoot.top {
3045
background-color: transparent;
3046
background-image: linear-gradient(to left, rgba(80, 99, 108, 0.3) 50%, rgba(255, 255, 255, 0.3) 50%);
3047
padding-top: 1px;
3048
background-size: 12px 1px;
3049
background-repeat: repeat-x;
3050
background-origin: content-box;
3051
background-position: left top;
3052
}
3053
undershoot.bottom {
3055
background-color: transparent;
3056
background-image: linear-gradient(to left, rgba(80, 99, 108, 0.3) 50%, rgba(255, 255, 255, 0.3) 50%);
3057
padding-bottom: 1px;
3058
background-size: 12px 1px;
3059
background-repeat: repeat-x;
3060
background-origin: content-box;
3061
background-position: left bottom;
3062
}
3063
undershoot.left {
3065
background-color: transparent;
3066
background-image: linear-gradient(to top, rgba(80, 99, 108, 0.3) 50%, rgba(255, 255, 255, 0.3) 50%);
3067
padding-left: 1px;
3068
background-size: 1px 12px;
3069
background-repeat: repeat-y;
3070
background-origin: content-box;
3071
background-position: left top;
3072
}
3073
undershoot.right {
3075
background-color: transparent;
3076
background-image: linear-gradient(to top, rgba(80, 99, 108, 0.3) 50%, rgba(255, 255, 255, 0.3) 50%);
3077
padding-right: 1px;
3078
background-size: 1px 12px;
3079
background-repeat: repeat-y;
3080
background-origin: content-box;
3081
background-position: right top;
3082
}
3083
junction {
3085
border-style: solid none none solid;
3086
border-width: 1px;
3087
border-color: rgba(0, 0, 0, 0.2);
3088
background-color: #50636c;
3089
}
3090
junction:dir(rtl) {
3092
border-style: solid solid none none;
3093
}
3094
separator {
3096
min-width: 1px;
3097
min-height: 1px;
3098
background-color: rgba(0, 0, 0, 0.2);
3099
}
3100
button.font separator,
3103
button.file separator, .tweak-categories separator {
3104
min-width: 0;
3105
min-height: 0;
3106
background-color: transparent;
3107
}
3108
/*********
3110
* Lists *
3111
*********/
3112
list {
3113
border-color: rgba(0, 0, 0, 0.2);
3114
background-color: #50636c;
3115
}
3116
list row {
3118
padding: 2px;
3119
}
3120
row.activatable, .view, treeview.view header button, .budgie-menu button {
3122
transition: all 0.3s cubic-bezier(0, 0, 0.2, 1), background-color 0, color 0, background-size 0.5s cubic-bezier(0, 0, 0.2, 1), background-image 1s cubic-bezier(0, 0, 0.2, 1);
3123
box-shadow: inset 0 0 0 9999px transparent;
3124
background-image: radial-gradient(circle farthest-corner at center, transparent 10%, transparent 0%);
3125
background-repeat: no-repeat;
3126
background-position: center;
3127
background-size: 1000% 1000%;
3128
}
3129
row.activatable:hover, .view:hover, treeview.view header button:hover, .budgie-menu button:hover {
3131
transition: all 0.3s cubic-bezier(0, 0, 0.2, 1), background-color 0, color 0, box-shadow 0, background-size 0.5s cubic-bezier(0, 0, 0.2, 1), background-image 1s cubic-bezier(0, 0, 0.2, 1);
3132
box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.05);
3133
}
3134
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 {
3136
transition: all 0.3s cubic-bezier(0, 0, 0.2, 1), background-color 0, color 0, background-size 0, background-image 0;
3137
animation: ripple_effect 0.3s cubic-bezier(0, 0, 0.2, 1) forwards;
3138
box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.15);
3139
background-image: radial-gradient(circle farthest-corner at center, alpha(currentColor, 0.15) 10%, transparent 0%);
3140
background-size: 0% 0%;
3141
}
3142
/*********************
3144
* App Notifications *
3145
*********************/
3146
.app-notification {
3147
margin: 8px;
3148
}
3149
.app-notification.frame,
3151
.app-notification border {
3152
border-style: none;
3153
}
3154
/*************
3156
* Expanders *
3157
*************/
3158
expander arrow {
3159
transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
3160
min-width: 16px;
3161
min-height: 16px;
3162
-gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
3163
-gtk-icon-transform: rotate(-90deg);
3164
color: rgba(255, 255, 255, 0.7);
3165
}
3166
expander arrow:dir(rtl) {
3168
-gtk-icon-transform: rotate(90deg);
3169
}
3170
expander arrow:checked {
3172
-gtk-icon-transform: unset;
3173
}
3174
expander arrow:hover, expander arrow:active {
3176
color: #FFFFFF;
3177
}
3178
expander arrow:disabled {
3180
color: rgba(255, 255, 255, 0.3);
3181
}
3182
expander arrow:selected {
3184
color: rgba(255, 255, 255, 0.7);
3185
}
3186
expander arrow:selected:hover, expander arrow:selected:active {
3188
color: #FFFFFF;
3189
}
3190
expander arrow:selected:disabled {
3192
color: rgba(255, 255, 255, 0.3);
3193
}
3194
/************
3196
* Calendar *
3197
************/
3198
calendar {
3199
padding: 1px;
3200
border: 1px solid rgba(0, 0, 0, 0.2);
3201
color: #FFFFFF;
3202
}
3203
calendar:disabled {
3205
color: rgba(255, 255, 255, 0.5);
3206
}
3207
calendar:selected {
3209
border-radius: 3px;
3210
}
3211
calendar.header {
3213
border-style: none none solid;
3214
border-radius: 0;
3215
}
3216
calendar.highlight {
3218
color: rgba(255, 255, 255, 0.7);
3219
font-weight: 500;
3220
}
3221
calendar:indeterminate {
3223
color: rgba(255, 255, 255, 0.3);
3224
}
3225
/***********
3227
* Dialogs *
3228
***********/
3229
messagedialog.background {
3230
background-color: #596e79;
3231
}
3232
messagedialog .titlebar {
3234
min-height: 24px;
3235
border-style: none;
3236
box-shadow: inset 0 1px rgba(255, 255, 255, 0.1);
3237
background-color: #596e79;
3238
color: #FFFFFF;
3239
}
3240
messagedialog .titlebar:backdrop {
3242
color: rgba(255, 255, 255, 0.7);
3243
}
3244
messagedialog.csd.background {
3246
border-bottom-left-radius: 2px;
3247
border-bottom-right-radius: 2px;
3248
}
3249
messagedialog.csd .dialog-action-area button {
3251
padding: 8px 16px;
3252
border-top: 1px solid rgba(0, 0, 0, 0.2);
3253
border-radius: 0;
3254
}
3255
messagedialog.csd .dialog-action-area button:first-child {
3257
border-bottom-left-radius: 2px;
3258
}
3259
messagedialog.csd .dialog-action-area button:last-child {
3261
border-bottom-right-radius: 2px;
3262
}
3263
filechooser .dialog-action-box {
3265
border-top: 1px solid rgba(0, 0, 0, 0.2);
3266
}
3267
filechooser #pathbarbox {
3269
border-bottom: 1px solid rgba(0, 0, 0, 0.2);
3270
background-color: #44545c;
3271
}
3272
filechooserbutton:drop(active) {
3274
box-shadow: none;
3275
}
3276
/***********
3278
* Sidebar *
3279
***********/
3280
.sidebar {
3281
border-style: none;
3282
background-color: #596e79;
3283
}
3284
stacksidebar.sidebar:dir(ltr) list, stacksidebar.sidebar.left list, stacksidebar.sidebar.left:dir(rtl) list, .sidebar:dir(ltr), .sidebar.left, .sidebar.left:dir(rtl) {
3286
border-right: 1px solid rgba(0, 0, 0, 0.2);
3287
border-left-style: none;
3288
}
3289
stacksidebar.sidebar:dir(rtl) list, stacksidebar.sidebar.right list, .sidebar:dir(rtl), .sidebar.right {
3291
border-left: 1px solid rgba(0, 0, 0, 0.2);
3292
border-right-style: none;
3293
}
3294
.sidebar list {
3296
background-color: transparent;
3297
}
3298
paned .sidebar.left, paned .sidebar.right, paned .sidebar.left:dir(rtl), paned .sidebar:dir(rtl), paned .sidebar:dir(ltr), paned .sidebar {
3300
border-style: none;
3301
}
3302
stacksidebar row {
3304
padding: 10px 4px;
3305
}
3306
stacksidebar row > label {
3308
padding-left: 6px;
3309
padding-right: 6px;
3310
}
3311
/****************
3313
* File chooser *
3314
****************/
3315
placessidebar > viewport.frame {
3316
border-style: none;
3317
}
3318
placessidebar list {
3320
padding: 1px 0 4px;
3321
}
3322
placessidebar row {
3324
min-height: 32px;
3325
margin: -1px 0;
3326
padding: 0;
3327
}
3328
placessidebar row > revealer {
3330
padding: 0 12px;
3331
}
3332
placessidebar row:selected {
3334
color: #FFFFFF;
3335
}
3336
placessidebar row:disabled {
3338
color: rgba(255, 255, 255, 0.5);
3339
}
3340
placessidebar row image.sidebar-icon {
3342
color: rgba(255, 255, 255, 0.7);
3343
}
3344
placessidebar row image.sidebar-icon:dir(ltr) {
3346
padding-right: 8px;
3347
}
3348
placessidebar row image.sidebar-icon:dir(rtl) {
3350
padding-left: 8px;
3351
}
3352
placessidebar row:selected image.sidebar-icon {
3354
color: rgba(255, 255, 255, 0.7);
3355
}
3356
placessidebar row label.sidebar-label:dir(ltr) {
3358
padding-right: 2px;
3359
}
3360
placessidebar row label.sidebar-label:dir(rtl) {
3362
padding-left: 2px;
3363
}
3364
placessidebar row.sidebar-placeholder-row {
3366
min-height: 2px;
3367
padding: 0 8px;
3368
background-image: image(#FF4081);
3369
background-clip: content-box;
3370
}
3371
placessidebar row.sidebar-new-bookmark-row {
3373
color: #FF4081;
3374
}
3375
placessidebar row:drop(active):not(:disabled) {
3377
box-shadow: inset 0 0 0 2px #FF4081;
3378
}
3379
placesview .server-list-button > image {
3381
-gtk-icon-transform: rotate(0turn);
3382
}
3383
placesview .server-list-button:checked > image {
3385
-gtk-icon-transform: rotate(-0.5turn);
3386
}
3387
placesview > actionbar > revealer > box > label {
3389
padding-left: 8px;
3390
padding-right: 8px;
3391
}
3392
/*********
3394
* Paned *
3395
*********/
3396
paned > separator {
3397
min-width: 1px;
3398
min-height: 1px;
3399
-gtk-icon-source: none;
3400
border-style: none;
3401
background-color: transparent;
3402
background-image: image(rgba(0, 0, 0, 0.2));
3403
background-size: 1px 1px;
3404
background-clip: content-box;
3405
}
3406
paned > separator.wide {
3408
min-width: 6px;
3409
min-height: 6px;
3410
background-color: #44545c;
3411
background-image: image(rgba(0, 0, 0, 0.2)), image(rgba(0, 0, 0, 0.2));
3412
background-size: 1px 1px, 1px 1px;
3413
}
3414
paned.horizontal > separator {
3416
background-repeat: repeat-y;
3417
}
3418
paned.horizontal > separator:dir(ltr) {
3420
margin: 0 -8px 0 0;
3421
padding: 0 8px 0 0;
3422
background-position: left;
3423
}
3424
paned.horizontal > separator:dir(rtl) {
3426
margin: 0 0 0 -8px;
3427
padding: 0 0 0 8px;
3428
background-position: right;
3429
}
3430
paned.horizontal > separator.wide {
3432
margin: 0;
3433
padding: 0;
3434
background-repeat: repeat-y, repeat-y;
3435
background-position: left, right;
3436
}
3437
paned.vertical > separator {
3439
margin: 0 0 -8px 0;
3440
padding: 0 0 8px 0;
3441
background-repeat: repeat-x;
3442
background-position: top;
3443
}
3444
paned.vertical > separator.wide {
3446
margin: 0;
3447
padding: 0;
3448
background-repeat: repeat-x, repeat-x;
3449
background-position: bottom, top;
3450
}
3451
/**************
3453
* GtkInfoBar *
3454
**************/
3455
infobar {
3456
border-style: none;
3457
}
3458
infobar.info {
3460
background-color: #66BB6A;
3461
}
3462
infobar.question {
3464
background-color: #42A5F5;
3465
}
3466
infobar.warning {
3468
background-color: #FFA726;
3469
}
3470
infobar.error {
3472
background-color: #EF5350;
3473
}
3474
infobar.info > label, infobar.info, infobar.question > label, infobar.question, infobar.warning > label, infobar.warning, infobar.error > label, infobar.error {
3476
color: #FFFFFF;
3477
}
3478
/************
3480
* Tooltips *
3481
************/
3482
tooltip {
3483
border-radius: 2px;
3484
box-shadow: none;
3485
}
3486
tooltip.background {
3488
box-shadow: inset 0 1px rgba(255, 255, 255, 0.1);
3489
background-color: rgba(80, 99, 108, 0.9);
3490
}
3491
tooltip:not(.csd):not(.unity-csd) {
3493
border: 1px solid rgba(0, 0, 0, 0.2);
3494
border-radius: 3px;
3495
background-clip: border-box;
3496
}
3497
tooltip decoration {
3499
background-color: transparent;
3500
}
3501
tooltip label {
3503
min-height: 20px;
3504
padding: 0 2px;
3505
}
3506
/*****************
3508
* Color Chooser *
3509
*****************/
3510
colorswatch.top {
3511
border-top-left-radius: 2.5px;
3512
border-top-right-radius: 2.5px;
3513
}
3514
colorswatch.top overlay {
3516
border-top-left-radius: 2px;
3517
border-top-right-radius: 2px;
3518
}
3519
colorswatch.bottom {
3521
border-bottom-left-radius: 2.5px;
3522
border-bottom-right-radius: 2.5px;
3523
}
3524
colorswatch.bottom overlay {
3526
border-bottom-left-radius: 2px;
3527
border-bottom-right-radius: 2px;
3528
}
3529
colorswatch.left, colorswatch:first-child:not(.top) {
3531
border-top-left-radius: 2.5px;
3532
border-bottom-left-radius: 2.5px;
3533
}
3534
colorswatch.left overlay, colorswatch:first-child:not(.top) overlay {
3536
border-top-left-radius: 2px;
3537
border-bottom-left-radius: 2px;
3538
}
3539
colorswatch.right, colorswatch:last-child:not(.bottom) {
3541
border-top-right-radius: 2.5px;
3542
border-bottom-right-radius: 2.5px;
3543
}
3544
colorswatch.right overlay, colorswatch:last-child:not(.bottom) overlay {
3546
border-top-right-radius: 2px;
3547
border-bottom-right-radius: 2px;
3548
}
3549
colorswatch.dark overlay {
3551
color: #FFFFFF;
3552
}
3553
colorswatch.light overlay {
3555
color: rgba(0, 0, 0, 0.87);
3556
}
3557
colorswatch.dark {
3559
color: #FFFFFF;
3560
}
3561
colorswatch.light {
3563
color: rgba(0, 0, 0, 0.87);
3564
}
3565
colorswatch:drop(active) {
3567
box-shadow: none;
3568
}
3569
colorswatch:drop(active).light overlay {
3571
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24), 0 0 0 2px #FF4081;
3572
}
3573
colorswatch:drop(active).dark overlay {
3575
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24), 0 0 0 2px #FF4081;
3576
}
3577
colorswatch overlay {
3579
transition: box-shadow 0.2s cubic-bezier(0, 0, 0.2, 1);
3580
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
3581
}
3582
colorswatch overlay:hover {
3584
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23);
3585
}
3586
colorswatch#add-color-button {
3588
border-radius: 2px 2px 0 0;
3589
color: #FFFFFF;
3590
}
3591
colorswatch#add-color-button:only-child {
3593
border-radius: 2px;
3594
}
3595
colorswatch#add-color-button overlay {
3597
background-image: linear-gradient(to right, #EF5350 25%, #FFA726 25%, #FFA726 50%, #66BB6A 50%, #66BB6A 75%, #42A5F5 75%);
3598
color: #FFFFFF;
3599
}
3600
colorswatch:disabled {
3602
opacity: 0.5;
3603
}
3604
colorswatch:disabled overlay {
3606
box-shadow: none;
3607
}
3608
colorswatch#editor-color-sample {
3610
border-radius: 2.5px;
3611
}
3612
colorswatch#editor-color-sample overlay {
3614
border-radius: 2px;
3615
}
3616
colorchooser .popover.osd {
3618
transition: box-shadow 0.2s cubic-bezier(0, 0, 0.2, 1);
3619
border-radius: 2px;
3620
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);
3621
background-color: #50636c;
3622
}
3623
colorchooser .popover.osd:backdrop {
3625
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);
3626
}
3627
/********
3629
* Misc *
3630
********/
3631
.content-view {
3632
background-color: #44545c;
3633
}
3634
/**********************
3636
* Window Decorations *
3637
**********************/
3638
decoration {
3639
transition: box-shadow 0.2s cubic-bezier(0, 0, 0.2, 1);
3640
border-radius: 2px 2px 0 0;
3641
box-shadow: 0 14px 14px rgba(0, 0, 0, 0.25), 0 10px 5px rgba(0, 0, 0, 0.22), 0 16px 16px transparent;
3642
margin: 8px;
3643
}
3644
decoration:backdrop {
3646
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23), 0 16px 16px transparent;
3647
}
3648
.maximized decoration,
3650
.fullscreen decoration,
3651
.tiled decoration {
3652
border-radius: 0;
3653
}
3654
.popup decoration {
3656
box-shadow: none;
3657
}
3658
.ssd decoration {
3660
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16);
3661
}
3662
.csd.popup decoration {
3664
border-radius: 2px;
3665
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23);
3666
}
3667
tooltip.csd decoration {
3669
border-radius: 2px;
3670
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23);
3671
}
3672
messagedialog.csd decoration {
3674
border-radius: 2px;
3675
}
3676
.solid-csd decoration {
3678
margin: 0;
3679
border-radius: 0;
3680
box-shadow: none;
3681
background-color: #37474F;
3682
}
3683
.view selection, .view:selected, flowbox flowboxchild:selected, spinbutton:not(.vertical) selection,
3685
entry selection, modelbutton.flat:selected,
3686
.menuitem.button.flat:selected, popover.background.menu button:checked,
3687
popover.background button.model:checked, row:selected, calendar:selected, text:selected, .budgie-menu button:checked {
3688
background-color: #42A5F5;
3689
}
3690
row:selected label, label:selected, .view selection, .view:selected, flowbox flowboxchild:selected, spinbutton:not(.vertical) selection,
3692
entry selection, modelbutton.flat:selected,
3693
.menuitem.button.flat:selected, popover.background.menu button:checked,
3694
popover.background button.model:checked, row:selected, calendar:selected, text:selected, .budgie-menu button:checked {
3695
color: #FFFFFF;
3696
}
3697
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,
3699
entry selection:disabled, modelbutton.flat:disabled:selected,
3700
.menuitem.button.flat:disabled:selected, popover.background.menu button:disabled:checked,
3701
popover.background button.model:disabled:checked, row:disabled:selected, calendar:disabled:selected, text:disabled:selected, .budgie-menu button:disabled:checked {
3702
color: rgba(255, 255, 255, 0.5);
3703
}
3704
.monospace {
3706
font-family: monospace;
3707
}
3708
/**********************
3710
* Touch Copy & Paste *
3711
**********************/
3712
cursor-handle {
3713
border-radius: 9999px;
3714
background-color: #FF4081;
3715
background-image: none;
3716
}
3717
cursor-handle.top:dir(ltr), cursor-handle.bottom:dir(rtl) {
3719
padding-left: 6px;
3720
border-top-right-radius: 0;
3721
}
3722
cursor-handle.bottom:dir(ltr), cursor-handle.top:dir(rtl) {
3724
padding-right: 6px;
3725
border-top-left-radius: 0;
3726
}
3727
cursor-handle.insertion-cursor:dir(ltr), cursor-handle.insertion-cursor:dir(rtl) {
3729
-GtkWidget-text-handle-width: 24;
3730
-GtkWidget-text-handle-height: 30;
3731
-gtk-icon-source: -gtk-scaled(url("assets/scale-horz-marks-before-slider-dark.png"), url("assets/scale-horz-marks-before-slider-dark@2.png"));
3732
}
3733
.context-menu {
3735
font: initial;
3736
}
3737
.keycap {
3739
min-width: 12px;
3740
min-height: 26px;
3741
margin-top: 2px;
3742
padding-bottom: 2px;
3743
padding-left: 8px;
3744
padding-right: 8px;
3745
border: solid 1px rgba(0, 0, 0, 0.2);
3746
border-radius: 3px;
3747
box-shadow: inset 0 -2px rgba(0, 0, 0, 0.2);
3748
background-color: #50636c;
3749
color: #FFFFFF;
3750
font-size: smaller;
3751
}
3752
:not(decoration):not(window):drop(active) {
3754
transition: all 0.3s cubic-bezier(0, 0, 0.2, 1);
3755
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 #FF4081;
3756
caret-color: #FF4081;
3757
}
3758
stackswitcher button.text-button {
3760
min-width: 100px;
3761
}
3762
stackswitcher button.circular,
3764
stackswitcher button.text-button.circular {
3765
min-width: 36px;
3766
min-height: 36px;
3767
padding: 0;
3768
}
3769
/************
3771
* Nautilus *
3772
************/
3773
.nautilus-window,
3774
.nautilus-window notebook,
3775
.nautilus-window notebook > stack {
3776
background-color: #50636c;
3777
}
3778
.nautilus-desktop.nautilus-canvas-item:not(:selected), .caja-desktop.caja-canvas-item:not(:selected) {
3780
color: #FFFFFF;
3781
text-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
3782
}
3783
@keyframes needs_attention_keyframes {
3785
to {
3786
background-color: alpha(currentColor, 0.3);
3787
}
3788
}
3789
.nautilus-operations-button-needs-attention {
3791
animation: needs_attention_keyframes 0.3s cubic-bezier(0.4, 0, 0.2, 1) 2 alternate;
3792
}
3793
.nautilus-operations-button-needs-attention-multiple {
3795
animation: needs_attention_keyframes 0.3s cubic-bezier(0.4, 0, 0.2, 1) 4 alternate;
3796
}
3797
.nautilus-window .floating-bar {
3799
min-height: 32px;
3800
padding: 0;
3801
border-style: solid solid none;
3802
border-width: 1px;
3803
border-color: rgba(0, 0, 0, 0.2);
3804
border-radius: 3px 3px 0 0;
3805
background-color: #50636c;
3806
background-clip: border-box;
3807
transition: all 0.3s cubic-bezier(0, 0, 0.2, 1), border-width 0;
3808
}
3809
.nautilus-window .floating-bar.bottom.left {
3811
margin-right: 7px;
3812
border-left-style: none;
3813
border-top-left-radius: 0;
3814
}
3815
.nautilus-window .floating-bar.bottom.right {
3817
margin-left: 7px;
3818
border-right-style: none;
3819
border-top-right-radius: 0;
3820
}
3821
.nautilus-window .floating-bar button {
3823
margin: 4px;
3824
}
3825
.disk-space-display.unknown {
3827
background-color: #FF6D00;
3828
}
3829
.disk-space-display.used {
3831
background-color: #42A5F5;
3832
}
3833
.disk-space-display.free {
3835
background-color: rgba(255, 255, 255, 0.12);
3836
}
3837
.nautilus-window searchbar {
3839
border-top: 1px solid rgba(0, 0, 0, 0.2);
3840
}
3841
.nautilus-window .searchbar-container {
3843
margin-top: -1px;
3844
}
3845
.nautilus-window paned > separator {
3847
background-color: #44545c;
3848
}
3849
/*********
3851
* gedit *
3852
*********/
3853
.open-document-selector-name-label {
3854
font-weight: bold;
3855
}
3856
.open-document-selector-path-label {
3858
color: rgba(255, 255, 255, 0.7);
3859
font-size: smaller;
3860
}
3861
.open-document-selector-path-label:selected {
3863
color: rgba(255, 255, 255, 0.7);
3864
}
3865
.gedit-document-panel {
3867
background-color: #596e79;
3868
}
3869
.gedit-document-panel row button.flat {
3871
margin-top: 8px;
3872
margin-bottom: 8px;
3873
}
3874
.gedit-document-panel-group-row:not(:first-child) {
3876
border-top: 1px solid rgba(0, 0, 0, 0.2);
3877
}
3878
.gedit-side-panel-paned statusbar {
3880
border-top: 1px solid rgba(0, 0, 0, 0.2);
3881
}
3882
.gedit-search-slider {
3884
margin: 4px 4px 8px;
3885
}
3886
.gedit-search-slider entry:dir(ltr), .gedit-search-slider entry:dir(rtl) {
3888
border-radius: 2px;
3889
}
3890
.gedit-search-slider entry:dir(ltr) .gedit-search-entry-occurrences-tag, .gedit-search-slider entry:dir(rtl) .gedit-search-entry-occurrences-tag {
3892
all: unset;
3893
color: rgba(255, 255, 255, 0.5);
3894
}
3895
.gedit-search-slider entry:dir(ltr) {
3897
margin-right: -66px;
3898
padding-right: 66px;
3899
}
3900
.gedit-search-slider entry:dir(ltr) .gedit-search-entry-occurrences-tag {
3902
margin-left: 6px;
3903
}
3904
.gedit-search-slider entry:dir(ltr) image.right {
3906
margin-right: 0;
3907
}
3908
.gedit-search-slider entry:dir(rtl) {
3910
margin-left: -66px;
3911
padding-left: 66px;
3912
}
3913
.gedit-search-slider entry:dir(rtl) .gedit-search-entry-occurrences-tag {
3915
margin-right: 6px;
3916
}
3917
.gedit-search-slider entry:dir(rtl) image.left {
3919
margin-left: 0;
3920
}
3921
.gedit-search-slider entry.error ~ button {
3923
color: rgba(255, 255, 255, 0.7);
3924
}
3925
.gedit-search-slider entry.error ~ button:hover, .gedit-search-slider entry.error ~ button:active {
3927
color: #FFFFFF;
3928
}
3929
.gedit-search-slider entry.error ~ button:disabled {
3931
color: rgba(255, 255, 255, 0.3);
3932
}
3933
.gedit-search-slider button {
3935
border: solid 6px transparent;
3936
}
3937
.gedit-search-slider button:last-child:dir(ltr), .gedit-search-slider button:not(:first-child):dir(rtl) {
3939
margin-left: -3px;
3940
}
3941
.gedit-search-slider button:first-child:dir(rtl), .gedit-search-slider button:not(:last-child):dir(ltr) {
3943
margin-right: -3px;
3944
}
3945
frame.gedit-map-frame > border:dir(ltr) {
3947
border-style: none none none solid;
3948
}
3949
frame.gedit-map-frame > border:dir(rtl) {
3951
border-style: none solid none none;
3952
}
3953
/**************
3955
* Tweak Tool *
3956
**************/
3957
.tweak-categories {
3958
background-image: image(#596e79);
3959
}
3960
.tweak {
3962
padding: 3px;
3963
}
3964
.tweak.title:hover {
3966
box-shadow: none;
3967
}
3968
.tweak-group-white,
3970
.tweak-white,
3971
.tweak-white:hover {
3972
background-image: image(#50636c);
3973
}
3974
.tweak-startup,
3976
.tweak-startup:hover {
3977
background-image: image(#50636c);
3978
}
3979
.tweak-group-startup {
3981
background-image: image(#50636c);
3982
border: 1px solid rgba(0, 0, 0, 0.2);
3983
}
3984
/***********
3986
* Builder *
3987
***********/
3988
workbench stack.titlebar {
3989
padding: 0;
3990
}
3991
workbench:not(.tiled):not(.maximized):not(.fullscreen) stack.titlebar headerbar {
3993
border-radius: 2px 2px 0 0;
3994
}
3995
perspectiveswitcher {
3997
background-color: #44545c;
3998
}
3999
perspectiveswitcher button:checked {
4001
color: #42A5F5;
4002
}
4003
layouttabbar {
4005
border-bottom: 1px solid rgba(0, 0, 0, 0.2);
4006
background-color: #44545c;
4007
}
4008
layouttabbar > box > button {
4010
margin: 2px 0;
4011
}
4012
layouttab {
4014
margin: 0 8px;
4015
border-style: none solid;
4016
border-width: 1px;
4017
border-color: rgba(0, 0, 0, 0.2);
4018
box-shadow: inset 0 -2px #42A5F5;
4019
background-color: #50636c;
4020
}
4021
layouttab separator.vertical {
4023
margin: 8px 4px;
4024
}
4025
layouttab button.text-button, layouttab button.image-button, layouttab button {
4027
margin-top: 8px;
4028
margin-bottom: 8px;
4029
padding: 0 4px;
4030
}
4031
layout {
4033
border: 1px solid rgba(0, 0, 0, 0.2);
4034
-PnlDockBin-handle-size: 1;
4035
}
4036
entry.search-missing {
4038
background-color: #DD2C00;
4039
color: #FFFFFF;
4040
}
4041
workbench treeview.image {
4043
color: rgba(255, 255, 255, 0.7);
4044
}
4045
workbench treeview.image:selected {
4047
color: rgba(255, 255, 255, 0.7);
4048
}
4049
dockbin {
4051
border: 1px solid rgba(0, 0, 0, 0.2);
4052
-PnlDockBin-handle-size: 1;
4053
}
4054
dockpaned {
4056
border: 1px solid rgba(0, 0, 0, 0.2);
4057
}
4058
eggsearchbar box.search-bar {
4060
padding: 0 8px;
4061
border-bottom: 1px solid rgba(0, 0, 0, 0.2);
4062
background-color: #44545c;
4063
}
4064
docktabstrip {
4066
padding: 0 8px;
4067
border-bottom: 1px solid rgba(0, 0, 0, 0.2);
4068
background-color: #44545c;
4069
}
4070
docktab {
4072
transition: all 0.3s cubic-bezier(0, 0, 0.2, 1), background-size 0, background-image 0;
4073
min-height: 24px;
4074
min-width: 24px;
4075
margin-bottom: -1px;
4076
padding: 6px 6px;
4077
outline-offset: -6px;
4078
border-width: 1px;
4079
border-color: transparent;
4080
background-image: radial-gradient(circle farthest-corner at center, #42A5F5 10%, transparent 0%);
4081
background-repeat: no-repeat;
4082
background-position: center;
4083
background-size: 0% 0%;
4084
color: rgba(255, 255, 255, 0.7);
4085
font-weight: 500;
4086
}
4087
docktab:hover {
4089
box-shadow: inset 0 -2px rgba(255, 255, 255, 0.3);
4090
color: #FFFFFF;
4091
}
4092
docktab:checked {
4094
transition: all 0.3s cubic-bezier(0, 0, 0.2, 1), background-size 0.3s cubic-bezier(0, 0, 0.2, 1), background-image 0.8s cubic-bezier(0, 0, 0.2, 1);
4095
box-shadow: inset 0 -2px #42A5F5;
4096
background-image: radial-gradient(circle farthest-corner at center, transparent 10%, transparent 0%);
4097
background-size: 1000% 1000%;
4098
color: #FFFFFF;
4099
}
4100
dockoverlayedge {
4102
background-color: #44545c;
4103
}
4104
dockoverlayedge docktabstrip {
4106
padding: 0;
4107
border: none;
4108
}
4109
dockoverlayedge.left-edge docktab:hover {
4111
box-shadow: inset -2px 0 rgba(255, 255, 255, 0.3);
4112
}
4113
dockoverlayedge.left-edge docktab:checked {
4115
box-shadow: inset -2px 0 #42A5F5;
4116
}
4117
dockoverlayedge.right-edge docktab:hover {
4119
box-shadow: inset 2px 0 rgba(255, 255, 255, 0.3);
4120
}
4121
dockoverlayedge.right-edge docktab:checked {
4123
box-shadow: inset 2px 0 #42A5F5;
4124
}
4125
pillbox {
4127
background-color: #44545c;
4128
border-radius: 2px;
4129
}
4130
buildperspective row {
4132
padding: 10px;
4133
}
4134
layoutpane entry.search {
4136
box-shadow: inset 0 -1px rgba(0, 0, 0, 0.2);
4137
background-color: #50636c;
4138
}
4139
editortweak entry.search {
4141
margin-bottom: -1px;
4142
box-shadow: none;
4143
}
4144
frame.gb-search-frame {
4146
border-bottom-right-radius: 5px;
4147
}
4148
.gb-search-entry-occurrences-tag {
4150
box-shadow: none;
4151
background-color: transparent;
4152
}
4153
docktabstrip {
4155
min-height: 39px;
4156
}
4157
workbench preferences preferencesgroup list entry {
4159
padding-top: 8px;
4160
padding-bottom: 8px;
4161
}
4162
/**********
4164
* Photos *
4165
**********/
4166
GdMainIconView.content-view {
4167
-GdMainIconView-icon-size: 48;
4168
}
4169
.documents-counter {
4171
margin: 8px;
4172
border-radius: 9999px;
4173
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23);
4174
background-color: #FF4081;
4175
color: #FFFFFF;
4176
font-weight: bold;
4177
}
4178
.documents-scrolledwin.frame {
4180
border-style: none;
4181
}
4182
.photos-fade-in {
4184
opacity: 1;
4185
transition: opacity 0.2s cubic-bezier(0, 0, 0.2, 1);
4186
}
4187
.photos-fade-out {
4189
opacity: 0;
4190
transition: opacity 0.2s cubic-bezier(0, 0, 0.2, 1);
4191
}
4192
overlay grid.horizontal > revealer > scrolledwindow.frame:dir(ltr) {
4194
border-style: none none none solid;
4195
}
4196
overlay grid.horizontal > revealer > scrolledwindow.frame:dir(rtl) {
4198
border-style: none solid none none;
4199
}
4200
/*********
4202
* Music *
4203
*********/
4204
.side-panel:dir(ltr) {
4205
border-style: solid;
4206
border-color: rgba(0, 0, 0, 0.2);
4207
}
4208
.side-panel:dir(rtl) {
4210
border-style: solid;
4211
border-color: rgba(0, 0, 0, 0.2);
4212
}
4213
.side-panel .view {
4215
background-image: image(#596e79);
4216
}
4217
.side-panel .view:hover {
4219
background-image: image(#617580);
4220
}
4221
.side-panel .view:selected {
4223
background-image: image(#42A5F5);
4224
}
4225
.side-panel .view:selected:hover {
4227
background-image: image(#4baaf6);
4228
}
4229
.songs-list:hover {
4231
background-image: image(alpha(currentColor, 0.05));
4232
}
4233
frame.documents-dropdown {
4235
margin: 8px;
4236
}
4237
frame.documents-dropdown > border {
4239
border: none;
4240
}
4241
box.vertical:not(.titlebar) > revealer > toolbar.search-bar {
4243
border-bottom: 1px solid rgba(0, 0, 0, 0.2);
4244
}
4245
box.vertical:not(.titlebar) > revealer > toolbar.search-bar button > widget {
4247
-gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
4248
}
4249
/*********
4251
* To Do *
4252
*********/
4253
task-row {
4254
transition: all 0.2s cubic-bezier(0, 0, 0.2, 1);
4255
margin: 0 -4px;
4256
}
4257
task-row:hover {
4259
transition: none;
4260
}
4261
task-row label {
4263
margin: 0 8px;
4264
}
4265
task-row image {
4267
margin: 0 4px;
4268
}
4269
task-list-view > box > revealer > box > button {
4271
min-height: 36px;
4272
margin: -4px;
4273
padding: 0 12px;
4274
}
4275
task-list-view > box > revealer > box > button label {
4277
margin: 0 8px;
4278
}
4279
task-list-view > box > revealer > box > button image {
4281
margin: 0 4px;
4282
}
4283
/*******
4285
* eog *
4286
*******/
4287
#eog-thumb-nav scrolledwindow {
4288
border-top: none;
4289
}
4290
#eog-thumb-nav button {
4292
-gtk-outline-radius: 2px;
4293
}
4294
/*************
4296
* Evolution *
4297
*************/
4298
frame.taskbar > border {
4299
border-style: solid none none;
4300
}
4301
box.vertical > paned.horizontal notebook widget .frame {
4303
border-style: none;
4304
}
4305
/********
4307
* gitg *
4308
********/
4309
frame.commit-frame > border {
4310
border-style: solid none none;
4311
}
4312
/**************
4314
* Characters *
4315
**************/
4316
box.dialog-vbox scrolledwindow.related {
4317
border: 1px solid rgba(0, 0, 0, 0.2);
4318
}
4319
list.categories {
4321
background-image: image(#596e79);
4322
}
4323
/*********
4325
* Boxes *
4326
*********/
4327
.transparent-bg + stack overlay > label {
4328
min-height: 24px;
4329
padding: 0 4px;
4330
border-radius: 2px;
4331
background-color: rgba(0, 0, 0, 0.3);
4332
color: #FFFFFF;
4333
}
4334
/**************
4336
* Calculator *
4337
**************/
4338
button.title label {
4339
min-height: 36px;
4340
}
4341
/*********
4343
* Tilix *
4344
*********/
4345
overlay > revealer.left > scrolledwindow.frame,
4346
overlay > revealer.right > scrolledwindow.frame {
4347
border-style: none;
4348
box-shadow: 0 14px 14px rgba(0, 0, 0, 0.25), 0 10px 5px rgba(0, 0, 0, 0.22);
4349
}
4350
overlay > revealer.left > scrolledwindow.frame {
4352
margin-right: 32px;
4353
}
4354
overlay > revealer.right > scrolledwindow.frame {
4356
margin-left: 32px;
4357
}
4358
.terminix-session-sidebar,
4360
.tilix-session-sidebar {
4361
background-image: image(#596e79);
4362
}
4363
button.image-button.session-new-button {
4365
min-width: 32px;
4366
}
4367
/***********
4369
* Eclipse *
4370
***********/
4371
window.background > box.vertical > scrolledwindow > widget toolbar {
4372
padding: 2px;
4373
}
4374
window.background > box.vertical > scrolledwindow > widget toolbar separator,
4376
window.background > box.vertical > scrolledwindow > widget toolbar button {
4377
margin: 2px;
4378
}
4379
window.background > box.vertical > scrolledwindow > widget toolbar button {
4381
border-radius: 2px;
4382
}
4383
/***********
4385
* Firefox *
4386
***********/
4387
window.background:not(.csd) > widget > separator {
4388
color: rgba(0, 0, 0, 0.2);
4389
}
4390
window.background:not(.csd) > widget > scrollbar {
4392
background-clip: border-box;
4393
}
4394
window.background:not(.csd) > widget > scrollbar,
4396
window.background:not(.csd) > widget > frame > border {
4397
border-color: rgba(0, 0, 0, 0.2);
4398
}
4399
window.background:not(.csd) > widget > entry,
4401
window.background:not(.csd) > widget > button > button {
4402
border: 1px solid rgba(0, 0, 0, 0.2);
4403
border-radius: 3px;
4404
box-shadow: none;
4405
}
4406
window.background:not(.csd) > widget > entry {
4408
min-height: 30px;
4409
}
4410
window.background:not(.csd) > widget > entry:focus {
4412
border-color: #42A5F5;
4413
}
4414
window.background:not(.csd) > widget > button > button {
4416
padding: 4px 8px;
4417
background-size: auto;
4418
}
4419
window.background:not(.csd) > widget > button > button:hover {
4421
background-image: image(alpha(currentColor, 0.05));
4422
}
4423
window.background:not(.csd) > widget > button > button:active {
4425
background-image: image(alpha(currentColor, 0.1));
4426
}
4427
window.background:not(.csd) > window > menu,
4429
window.background:not(.csd) > menu > menu {
4430
border: none;
4431
}
4432
window.background:not(.csd) > widget > menubar {
4434
color: rgba(255, 255, 255, 0.7);
4435
}
4436
window.background:not(.csd) > widget > menubar:hover {
4438
color: #FFFFFF;
4439
}
4440
window.background:not(.csd) > widget > menubar:disabled {
4442
color: rgba(255, 255, 255, 0.3);
4443
}
4444
window.background:not(.csd) > widget > frame {
4446
color: rgba(0, 0, 0, 0.2);
4447
}
4448
window.background:not(.csd) > widget > checkbutton > check,
4450
window.background:not(.csd) > widget > radiobutton > radio {
4451
margin: 0;
4452
padding: 0;
4453
}
4454
window.background:not(.csd) > window.background > menu > separator {
4456
color: rgba(0, 0, 0, 0.2);
4457
}
4458
/***********
4460
* Synapse *
4461
***********/
4462
box.vertical > widget > widget:selected {
4463
background-color: #42A5F5;
4464
}
4465
/*********
4467
* Unity *
4468
*********/
4469
UnityDecoration {
4470
-UnityDecoration-extents: 28px 0 0 0;
4471
-UnityDecoration-input-extents: 8px;
4472
-UnityDecoration-shadow-offset-x: 0;
4473
-UnityDecoration-shadow-offset-y: 3px;
4474
-UnityDecoration-active-shadow-color: rgba(0, 0, 0, 0.48);
4475
-UnityDecoration-active-shadow-radius: 18px;
4476
-UnityDecoration-inactive-shadow-color: rgba(0, 0, 0, 0.32);
4477
-UnityDecoration-inactive-shadow-radius: 6px;
4478
-UnityDecoration-glow-size: 8px;
4479
-UnityDecoration-glow-color: #42A5F5;
4480
-UnityDecoration-title-indent: 4px;
4481
-UnityDecoration-title-fade: 32px;
4482
-UnityDecoration-title-alignment: 0.0;
4483
}
4484
UnityDecoration .top {
4486
padding: 0 2px;
4487
border-style: none;
4488
border-radius: 2px 2px 0 0;
4489
box-shadow: inset 0 1px rgba(255, 255, 255, 0.1);
4490
background-color: #37474F;
4491
color: #FFFFFF;
4492
}
4493
UnityDecoration .top:backdrop {
4495
color: rgba(255, 255, 255, 0.7);
4496
}
4497
UnityDecoration .menuitem {
4499
color: rgba(255, 255, 255, 0.7);
4500
}
4501
UnityDecoration .menuitem:hover {
4503
box-shadow: inset 0 -2px currentColor;
4504
background-color: transparent;
4505
color: #FFFFFF;
4506
}
4507
.background:not(.csd) headerbar:not(.titlebar) {
4509
border-radius: 0;
4510
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
4511
}
4512
.background:not(.csd) headerbar:not(.titlebar).inline-toolbar {
4514
border-style: none;
4515
}
4516
UnityPanelWidget,
4518
.unity-panel {
4519
background-color: #263238;
4520
color: #FFFFFF;
4521
}
4522
UnityPanelWidget:backdrop,
4524
.unity-panel:backdrop {
4525
color: rgba(255, 255, 255, 0.7);
4526
}
4527
.unity-panel.menuitem,
4529
.unity-panel .menuitem {
4530
color: rgba(255, 255, 255, 0.7);
4531
}
4532
.unity-panel.menubar.menuitem:hover,
4534
.unity-panel.menubar .menuitem *:hover {
4535
box-shadow: inset 0 -2px currentColor;
4536
background-color: transparent;
4537
color: #FFFFFF;
4538
}
4539
.menu IdoPlaybackMenuItem.menuitem:active {
4541
-gtk-icon-source: -gtk-icontheme("process-working-symbolic");
4542
animation: spin 1s linear infinite;
4543
color: #42A5F5;
4544
}
4545
/**************
4547
* Mate-Panel *
4548
**************/
4549
.mate-panel-menu-bar menubar,
4550
#PanelApplet-window-menu-applet-button {
4551
background-color: transparent;
4552
}
4553
#PanelPlug,
4555
PanelToplevel.background {
4556
background-color: #263238;
4557
color: #FFFFFF;
4558
font-weight: 500;
4559
}
4560
PanelToplevel > widget > button {
4562
padding: 0 4px;
4563
border-radius: 0;
4564
}
4565
PanelSeparator {
4567
color: rgba(0, 0, 0, 0.2);
4568
}
4569
MatePanelAppletFrameDBus {
4571
border-style: solid;
4572
border-width: 0 1px;
4573
border-color: rgba(0, 0, 0, 0.2);
4574
}
4575
.mate-panel-menu-bar menubar menuitem {
4577
padding: 4px;
4578
}
4579
.mate-panel-menu-bar menubar menu menuitem {
4581
padding: 6px;
4582
}
4583
.mate-panel-menu-bar #PanelApplet button {
4585
-GtkWidget-window-dragging: true;
4586
padding: 4px;
4587
border-radius: 0;
4588
}
4589
PanelApplet.wnck-applet .wnck-pager {
4591
background-color: transparent;
4592
color: #40C4FF;
4593
}
4594
PanelApplet.wnck-applet .wnck-pager:hover {
4596
background-color: alpha(currentColor, 0.15);
4597
}
4598
PanelApplet.wnck-applet .wnck-pager:active {
4600
background-color: alpha(currentColor, 0.3);
4601
}
4602
PanelApplet.wnck-applet .wnck-pager:selected {
4604
background-color: #42A5F5;
4605
}
4606
#MatePanelPopupWindow {
4608
border: 1px solid rgba(0, 0, 0, 0.2);
4609
border-radius: 3px;
4610
box-shadow: inset 0 1px rgba(255, 255, 255, 0.1);
4611
}
4612
#MatePanelPopupWindow frame > border {
4614
border-style: none;
4615
}
4616
#MatePanelPopupWindow ClockMap {
4618
border: 1px solid rgba(0, 0, 0, 0.2);
4619
}
4620
na-tray-applet {
4622
-NaTrayApplet-icon-padding: 3px;
4623
-NaTrayApplet-icon-size: 16;
4624
}
4625
.mate-panel-menu-bar {
4627
-PanelMenuBar-icon-visible: true;
4628
}
4629
.mate-panel-applet-slider {
4631
background-color: transparent;
4632
}
4633
.mate-panel-applet-slider frame {
4635
border: 1px solid rgba(0, 0, 0, 0.2);
4636
border-radius: 3px;
4637
box-shadow: inset 0 1px rgba(255, 255, 255, 0.1);
4638
background-color: #44545c;
4639
}
4640
.mate-panel-applet-slider frame frame {
4642
all: unset;
4643
}
4644
.mate-panel-applet-slider frame > border {
4646
border-style: none;
4647
}
4648
/*********************
4650
* CAJA File manager *
4651
*********************/
4652
.caja-navigation-window button.toggle.image-button {
4653
border-radius: 2px;
4654
}
4655
.caja-pathbar button {
4657
margin: 0 -1px 0 -2px;
4658
}
4659
.caja-pathbar button > widget {
4661
-gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
4662
-GtkArrow-arrow-scaling: 1;
4663
}
4664
.caja-side-pane notebook viewport.frame,
4666
.caja-side-pane notebook widget .vertical {
4667
background-color: #50636c;
4668
}
4669
.caja-side-pane notebook,
4671
.caja-notebook {
4672
border-top: 1px solid rgba(0, 0, 0, 0.2);
4673
}
4674
.caja-side-pane notebook .frame,
4676
.caja-notebook .frame {
4677
border-style: none;
4678
}
4679
.caja-navigation-window statusbar {
4681
margin: 0 -10px;
4682
padding: 0 4px;
4683
border-top: 1px solid rgba(0, 0, 0, 0.2);
4684
}
4685
.caja-notebook frame > border {
4687
border-style: none;
4688
}
4689
#caja-extra-view-widget {
4691
border-bottom: 1px solid rgba(0, 0, 0, 0.2);
4692
background-color: #44545c;
4693
}
4694
#caja-extra-view-widget > box > box > label {
4696
font-weight: bold;
4697
}
4698
/*********
4700
* Pluma *
4701
*********/
4702
.pluma-window statusbar {
4703
margin: 0 -10px;
4704
padding: 0 4px;
4705
border-top: 1px solid rgba(0, 0, 0, 0.2);
4706
}
4707
.pluma-window statusbar frame > border {
4709
border-style: none;
4710
}
4711
.pluma-window statusbar frame button.flat {
4713
padding: 0 4px;
4714
border-radius: 0;
4715
}
4716
.pluma-window statusbar frame button.flat widget {
4718
-gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
4719
-GtkArrow-arrow-scaling: 1;
4720
}
4721
.pluma-print-preview toolbar {
4723
border-bottom: 1px solid rgba(0, 0, 0, 0.2);
4724
}
4725
.pluma-window paned.horizontal box.vertical box.horizontal button.flat {
4727
margin: 1px;
4728
}
4729
.pluma-window paned.horizontal box.vertical .frame {
4731
border-style: none;
4732
}
4733
.pluma-window paned.horizontal box.vertical notebook.frame {
4735
margin-top: -1px;
4736
border-top: 1px solid rgba(0, 0, 0, 0.2);
4737
}
4738
.pluma-window paned.horizontal box.vertical notebook.frame box.vertical toolbar.horizontal {
4740
border-bottom: 1px solid rgba(0, 0, 0, 0.2);
4741
}
4742
/*********
4744
* Atril *
4745
*********/
4746
.atril-window paned.horizontal box.vertical .frame {
4747
border-style: none;
4748
}
4749
.atril-window paned.horizontal box.vertical notebook .frame {
4751
border-top: 1px solid rgba(0, 0, 0, 0.2);
4752
}
4753
/* mate-screensaver lock dialog */
4755
.lock-dialog {
4756
border-radius: 2px;
4757
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);
4758
}
4759
.lock-dialog frame > border {
4761
border-style: none;
4762
}
4763
/******************
4765
* Budgie Desktop *
4766
******************/
4767
.budgie-container {
4768
background-color: transparent;
4769
}
4770
.budgie-menu.background {
4772
padding: 0;
4773
background-color: #50636c;
4774
}
4775
.budgie-menu scrollbar,
4777
.budgie-menu entry.search {
4778
background-color: transparent;
4779
}
4780
.budgie-menu entry.search {
4782
border-bottom: 1px solid rgba(0, 0, 0, 0.2);
4783
border-radius: 0;
4784
box-shadow: none;
4785
font-size: 120%;
4786
}
4787
.budgie-menu .categories:dir(ltr) {
4789
border-bottom-left-radius: 2px;
4790
}
4791
.budgie-menu .categories:dir(rtl) {
4793
border-bottom-right-radius: 2px;
4794
}
4795
.budgie-menu button {
4797
min-height: 32px;
4798
padding: 0 8px;
4799
border-radius: 0;
4800
color: #FFFFFF;
4801
font-weight: normal;
4802
}
4803
.budgie-menu button:disabled {
4805
color: rgba(255, 255, 255, 0.5);
4806
}
4807
.budgie-menu row {
4809
all: unset;
4810
}
4811
button.budgie-menu-launcher {
4813
padding: 0 2px;
4814
}
4815
popover.background.user-menu {
4817
padding: 8px;
4818
}
4819
popover.background.user-menu .content-box {
4821
background-color: transparent;
4822
}
4823
popover.background.user-menu separator {
4825
margin: 4px 0;
4826
}
4827
popover.background.user-menu row {
4829
padding: 0;
4830
box-shadow: none;
4831
background-image: none;
4832
}
4833
button.raven-trigger {
4835
padding: 0 4px;
4836
}
4837
popover.background.places-menu {
4839
padding: 8px;
4840
}
4841
popover.background.places-menu .name-button.text-button {
4843
padding-left: 8px;
4844
padding-right: 8px;
4845
}
4846
popover.background.places-menu .name-button.text-button image:dir(ltr) {
4848
margin-right: 3px;
4849
}
4850
popover.background.places-menu .name-button.text-button image:dir(rtl) {
4852
margin-left: 3px;
4853
}
4854
popover.background.places-menu .places-section-header > image:dir(ltr) {
4856
margin: 0 -2px 0 5px;
4857
}
4858
popover.background.places-menu .places-section-header > image:dir(rtl) {
4860
margin: 0 5px 0 -2px;
4861
}
4862
popover.background.places-menu .places-list {
4864
margin-top: 4px;
4865
padding-top: 4px;
4866
border-top: 1px solid rgba(0, 0, 0, 0.2);
4867
background-color: transparent;
4868
}
4869
popover.background.places-menu row {
4871
padding: 0;
4872
box-shadow: none;
4873
background-image: none;
4874
}
4875
.budgie-panel {
4877
background-color: #263238;
4878
color: rgba(255, 255, 255, 0.7);
4879
font-weight: 500;
4880
}
4881
.budgie-panel button {
4883
border-radius: 0;
4884
}
4885
.budgie-panel separator {
4887
background-color: rgba(255, 255, 255, 0.3);
4888
}
4889
.budgie-panel .alert {
4891
color: #FF5252;
4892
}
4893
.budgie-panel #tasklist-button {
4895
padding: 0 4px;
4896
}
4897
.budgie-panel #tasklist-button:checked {
4899
background-color: rgba(255, 255, 255, 0.12);
4900
}
4901
.budgie-panel button.flat.launcher {
4903
padding: 0;
4904
}
4905
.budgie-panel button.flat.launcher:checked {
4907
background-color: rgba(255, 255, 255, 0.12);
4908
}
4909
.budgie-panel button.flat.launcher:not(:checked) {
4911
color: rgba(255, 255, 255, 0.5);
4912
}
4913
.budgie-panel button.flat.launcher:not(:checked):hover, .budgie-panel button.flat.launcher:not(:checked):active {
4915
color: rgba(255, 255, 255, 0.7);
4916
}
4917
.budgie-panel button.flat.launcher:not(:checked):disabled {
4919
color: rgba(255, 255, 255, 0.3);
4920
}
4921
.top .budgie-panel #tasklist-button, .budgie-panel .top #tasklist-button, .top .budgie-panel button.flat.launcher, .budgie-panel .top button.flat.launcher {
4923
border-image: radial-gradient(circle closest-corner at center calc(1px), currentColor 0%, transparent 0%) 0 0 0 0/0 0 0 0;
4924
}
4925
.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
4927
.budgie-panel .pinned button.flat.launcher.running,
4928
.budgie-panel .pinned .top button.flat.launcher.running {
4929
border-image: radial-gradient(circle closest-corner at center calc(1px), currentColor 100%, transparent 0%) 2 0 0 0/2px 0 0 0;
4930
}
4931
.bottom .budgie-panel #tasklist-button, .budgie-panel .bottom #tasklist-button, .bottom .budgie-panel button.flat.launcher, .budgie-panel .bottom button.flat.launcher {
4933
border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), currentColor 0%, transparent 0%) 0 0 0 0/0 0 0 0;
4934
}
4935
.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
4937
.budgie-panel .pinned button.flat.launcher.running,
4938
.budgie-panel .pinned .bottom button.flat.launcher.running {
4939
border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), currentColor 100%, transparent 0%) 0 0 2 0/0 0 2px 0;
4940
}
4941
.left .budgie-panel #tasklist-button, .budgie-panel .left #tasklist-button, .left .budgie-panel button.flat.launcher, .budgie-panel .left button.flat.launcher {
4943
border-image: radial-gradient(circle closest-corner at calc(1px) center, currentColor 0%, transparent 0%) 0 0 0 0/0 0 0 0;
4944
}
4945
.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
4947
.budgie-panel .pinned button.flat.launcher.running,
4948
.budgie-panel .pinned .left button.flat.launcher.running {
4949
border-image: radial-gradient(circle closest-corner at calc(1px) center, currentColor 100%, transparent 0%) 0 2 0 0/0 2px 0 0;
4950
}
4951
.right .budgie-panel #tasklist-button, .budgie-panel .right #tasklist-button, .right .budgie-panel button.flat.launcher, .budgie-panel .right button.flat.launcher {
4953
border-image: radial-gradient(circle closest-corner at calc(100% - 1px) center, currentColor 0%, transparent 0%) 0 0 0 0/0 0 0 0;
4954
}
4955
.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
4957
.budgie-panel .pinned button.flat.launcher.running,
4958
.budgie-panel .pinned .right button.flat.launcher.running {
4959
border-image: radial-gradient(circle closest-corner at calc(100% - 1px) center, currentColor 100%, transparent 0%) 0 0 0 2/0 0 0 2px;
4960
}
4961
frame.raven-frame > border {
4963
border-style: none;
4964
box-shadow: 0 14px 14px rgba(0, 0, 0, 0.25), 0 10px 5px rgba(0, 0, 0, 0.22);
4965
}
4966
.top frame.raven-frame > border {
4968
margin-bottom: 32px;
4969
}
4970
.bottom frame.raven-frame > border {
4972
margin-top: 32px;
4973
}
4974
.left frame.raven-frame > border {
4976
margin-right: 32px;
4977
}
4978
.right frame.raven-frame > border {
4980
margin-left: 32px;
4981
}
4982
.raven {
4984
background-color: #596e79;
4985
}
4986
.raven > stack {
4988
margin-bottom: -10px;
4989
}
4990
.raven stackswitcher.linked > button {
4992
border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #FFA726 0%, transparent 0%) 0 0 0/0 0 0px;
4993
border-radius: 0;
4994
}
4995
.raven stackswitcher.linked > button:checked {
4997
border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #FFA726 100%, transparent 0%) 0 0 2/0 0 2px;
4998
background-color: transparent;
4999
}
5000
.raven .raven-header {
5002
min-height: 36px;
5003
padding: 3px;
5004
}
5005
.raven .raven-header:not(.top) {
5007
margin-top: -6px;
5008
}
5009
.raven .raven-header.top {
5011
padding: 2px 0;
5012
background-color: #42A5F5;
5013
color: #FFFFFF;
5014
}
5015
.raven .raven-header.top stackswitcher button {
5017
margin: -6px 0;
5018
min-height: 36px;
5019
}
5020
.raven .raven-header.top button.image-button:dir(ltr) {
5022
margin-right: 2px;
5023
}
5024
.raven .raven-header.top button.image-button:dir(rtl) {
5026
margin-left: 2px;
5027
}
5028
.raven .raven-header.top > image {
5030
margin: 0 8px;
5031
}
5032
.raven .raven-header.top > label {
5034
margin: 0 -8px;
5035
font-weight: bold;
5036
}
5037
.raven .raven-header.bottom {
5039
border-top: 1px solid rgba(0, 0, 0, 0.2);
5040
}
5041
.raven viewport.frame .raven-header {
5043
margin-top: -8px;
5044
}
5045
.raven .raven-background {
5047
border-style: solid none;
5048
border-width: 1px;
5049
border-color: rgba(0, 0, 0, 0.2);
5050
background-color: #50636c;
5051
}
5052
.raven .raven-background.frame {
5054
border-style: solid none;
5055
}
5056
.raven .raven-background > overlay > widget > image {
5058
color: rgba(255, 255, 255, 0.12);
5059
}
5060
.raven .raven-background grid > label:first-child {
5062
min-height: 36px;
5063
}
5064
.raven scrolledwindow.raven-background {
5066
border-bottom-style: none;
5067
}
5068
.raven .raven-header.top + .raven-background {
5070
border-style: none;
5071
background-color: #42A5F5;
5072
color: #FFFFFF;
5073
}
5074
.raven .raven-header.top + .raven-background stackswitcher button {
5076
margin: -4px 0;
5077
}
5078
.raven .powerstrip button {
5080
margin: 2px 0 1px;
5081
padding: 12px;
5082
}
5083
.raven .option-subtitle {
5085
font-size: smaller;
5086
}
5087
calendar.raven-calendar {
5089
border-style: none;
5090
background-color: transparent;
5091
}
5092
calendar.raven-calendar:selected {
5094
border-radius: 2px;
5095
background-color: #42A5F5;
5096
}
5097
.raven-mpris {
5099
background-color: rgba(0, 0, 0, 0.6);
5100
color: #FFFFFF;
5101
}
5102
.raven-mpris label {
5104
min-height: 24px;
5105
}
5106
.raven-mpris button.image-button {
5108
padding: 12px;
5109
}
5110
.budgie-notification-window, .budgie-osd-window, .budgie-switcher-window {
5112
background-color: transparent;
5113
}
5114
.budgie-notification .notification-title, .budgie-switcher .notification-title {
5116
font-size: 120%;
5117
}
5118
.budgie-osd .budgie-osd-text {
5120
font-size: 120%;
5121
}
5122
.drop-shadow {
5124
margin: 5px 9px;
5125
padding: 3px;
5126
border-radius: 2px;
5127
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);
5128
background-color: #596e79;
5129
}
5130
.drop-shadow .linked > button {
5132
border-radius: 2px;
5133
}
5134
.budgie-session-dialog, .budgie-polkit-dialog, .budgie-run-dialog {
5136
border-radius: 2px;
5137
background-color: #596e79;
5138
}
5139
.budgie-session-dialog decoration, .budgie-polkit-dialog decoration, .budgie-run-dialog decoration {
5141
border-radius: 2px;
5142
}
5143
.budgie-session-dialog label:not(:last-child),
5145
.budgie-session-dialog .dialog-title {
5146
font-size: 120%;
5147
}
5148
.budgie-session-dialog .linked.horizontal > button {
5150
padding: 8px 16px;
5151
border-top: 1px solid rgba(0, 0, 0, 0.2);
5152
border-radius: 0;
5153
}
5154
.budgie-session-dialog .linked.horizontal > button:first-child {
5156
border-bottom-left-radius: 2px;
5157
}
5158
.budgie-session-dialog .linked.horizontal > button:last-child {
5160
border-bottom-right-radius: 2px;
5161
}
5162
.budgie-polkit-dialog .message {
5164
color: rgba(255, 255, 255, 0.5);
5165
}
5166
.budgie-polkit-dialog .failure {
5168
color: #FF5252;
5169
}
5170
.budgie-run-dialog {
5172
background-color: #50636c;
5173
}
5174
.budgie-run-dialog entry.search {
5176
font-size: 120%;
5177
padding: 6px 14px;
5178
box-shadow: inset 0 1px rgba(255, 255, 255, 0.1);
5179
background-color: transparent;
5180
}
5181
.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
5183
headerbar .subtitle,
5184
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 {
5185
opacity: 1;
5186
}
5187
.budgie-run-dialog scrolledwindow {
5189
border-top: 1px solid rgba(0, 0, 0, 0.2);
5190
}
5191
/************************
5193
* LightDM GTK+ Greeter *
5194
************************/
5195
#panel_window {
5196
background-color: rgba(0, 0, 0, 0.3);
5197
color: #FFFFFF;
5198
}
5199
#panel_window menubar,
5201
#panel_window separator {
5202
background-color: transparent;
5203
}
5204
#panel_window separator {
5206
padding: 0 4px;
5207
}
5208
#panel_window separator:first-child {
5210
padding: 0 8px;
5211
}
5212
#panel_window menubar > menuitem {
5214
color: rgba(255, 255, 255, 0.7);
5215
}
5216
#panel_window menubar > menuitem:hover {
5218
color: #FFFFFF;
5219
}
5220
#panel_window menubar > menuitem:disabled label {
5222
color: rgba(255, 255, 255, 0.3);
5223
}
5224
#login_window,
5226
#shutdown_dialog,
5227
#restart_dialog {
5228
margin: 8px;
5229
border-radius: 2px;
5230
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);
5231
background-color: #596e79;
5232
}
5233
#content_frame {
5235
padding-bottom: 20px;
5236
border-bottom: 1px solid rgba(0, 0, 0, 0.2);
5237
}
5238
#buttonbox_frame {
5240
padding-top: 24px;
5241
}
5242
#buttonbox_frame button {
5244
margin: -16px;
5245
}
5246
#greeter_infobar {
5248
margin-top: -1px;
5249
}
5250
/* GTK NAMED COLORS
5252
----------------
5253
use responsibly! */
5254
/*
5255
widget text/foreground color */
5256
@define-color theme_fg_color #FFFFFF;
5257
/*
5258
text color for entries, views and content in general */
5259
@define-color theme_text_color #FFFFFF;
5260
/*
5261
widget base background color */
5262
@define-color theme_bg_color #44545c;
5263
/*
5264
text widgets and the like base background color */
5265
@define-color theme_base_color #50636c;
5266
/*
5267
base background color of selections */
5268
@define-color theme_selected_bg_color #42A5F5;
5269
/*
5270
text/foreground color of selections */
5271
@define-color theme_selected_fg_color #FFFFFF;
5272
/*
5273
base background color of insensitive widgets */
5274
@define-color insensitive_bg_color #44545c;
5275
/*
5276
text foreground color of insensitive widgets */
5277
@define-color insensitive_fg_color rgba(255, 255, 255, 0.5);
5278
/*
5279
insensitive text widgets and the like base background color */
5280
@define-color insensitive_base_color #4a5c64;
5281
/*
5282
widget text/foreground color on backdrop windows */
5283
@define-color theme_unfocused_fg_color #FFFFFF;
5284
/*
5285
text color for entries, views and content in general on backdrop windows */
5286
@define-color theme_unfocused_text_color #FFFFFF;
5287
/*
5288
widget base background color on backdrop windows */
5289
@define-color theme_unfocused_bg_color #44545c;
5290
/*
5291
text widgets and the like base background color on backdrop windows */
5292
@define-color theme_unfocused_base_color #50636c;
5293
/*
5294
base background color of selections on backdrop windows */
5295
@define-color theme_unfocused_selected_bg_color #42A5F5;
5296
/*
5297
text/foreground color of selections on backdrop windows */
5298
@define-color theme_unfocused_selected_fg_color #FFFFFF;
5299
/*
5300
insensitive color on backdrop windows */
5301
@define-color unfocused_insensitive_color rgba(255, 255, 255, 0.5);
5302
/*
5303
widgets main borders color */
5304
@define-color borders rgba(0, 0, 0, 0.2);
5305
/*
5306
widgets main borders color on backdrop windows */
5307
@define-color unfocused_borders rgba(0, 0, 0, 0.2);
5308
/*
5309
these are pretty self explicative */
5310
@define-color warning_color #FF6D00;
5311
@define-color error_color #DD2C00;
5312
@define-color success_color #00C853;
5313
/*
5314
FIXME this is really an API */
5315
@define-color content_view_bg #50636c;
5316
@define-color placeholder_text_color #cbd0d3;
5317