ASCII text, with very long lines (835)
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, #338DD6 0%, transparent 0%);
10
}
11
to {
12
background-image: radial-gradient(circle farthest-corner at center, #338DD6 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: #338DD6;
32
}
33
notebook:focus tab,
35
*:focus {
36
outline-color: alpha(currentColor, 0.3);
37
}
38
/***************
40
* Base States *
41
***************/
42
.background {
43
background-color: #212121;
44
color: #FFFFFF;
45
}
46
/*
48
These wildcard seems unavoidable, need to investigate.
49
Wildcards are bad and troublesome, use them with care,
50
or better, just don't.
51
Everytime a wildcard is used a kitten dies, painfully.
52
*/
53
*:disabled {
54
-gtk-icon-effect: dim;
55
}
56
.gtkstyle-fallback {
58
background-color: #212121;
59
color: #FFFFFF;
60
}
61
.gtkstyle-fallback:hover {
63
background-color: #141414;
64
color: #FFFFFF;
65
}
66
.gtkstyle-fallback:active {
68
background-color: #080808;
69
color: #FFFFFF;
70
}
71
.gtkstyle-fallback:disabled {
73
background-color: #212121;
74
color: rgba(255, 255, 255, 0.5);
75
}
76
.gtkstyle-fallback:selected {
78
background-color: #338DD6;
79
color: #FFFFFF;
80
}
81
.view {
83
background-color: #303030;
84
color: #FFFFFF;
85
}
86
.view:disabled {
88
color: rgba(255, 255, 255, 0.5);
89
}
90
.view:hover, .view:active, .view:selected {
92
border-radius: 2px;
93
}
94
textview text {
96
background-color: #303030;
97
}
98
textview border {
100
background-color: #292929;
101
color: rgba(255, 255, 255, 0.5);
102
}
103
.rubberband,
105
rubberband,
106
flowbox rubberband,
107
treeview.view rubberband,
108
.content-view rubberband,
109
.content-view .rubberband {
110
border: 1px solid #40C4FF;
111
background-color: rgba(64, 196, 255, 0.3);
112
}
113
flowbox flowboxchild {
115
padding: 4px;
116
border-radius: 2px;
117
}
118
.content-view .tile:selected {
120
background-color: transparent;
121
color: inherit;
122
}
123
label {
125
caret-color: currentColor;
126
}
127
label.separator {
129
color: #FFFFFF;
130
}
131
label selection {
133
background-color: #338DD6;
134
color: #FFFFFF;
135
}
136
label:disabled {
138
color: rgba(255, 255, 255, 0.5);
139
}
140
tab label:disabled,
142
button label:disabled {
143
color: inherit;
144
}
145
.dim-label, label.separator, .titlebar:not(headerbar) .subtitle,
147
headerbar .subtitle, .budgie-notification .notification-body, .budgie-switcher .notification-body {
148
opacity: 0.6;
149
}
150
assistant .sidebar {
152
padding: 4px 0;
153
}
154
assistant .sidebar label {
156
min-height: 32px;
157
padding: 0 12px;
158
color: rgba(255, 255, 255, 0.5);
159
font-weight: 500;
160
}
161
assistant .sidebar label.highlight {
163
color: #FFFFFF;
164
}
165
popover.background.touch-selection, popover.background.magnifier, popover.background.osd, .app-notification, .osd .scale-popup, .nautilus-window .floating-bar, .osd {
167
opacity: 0.9;
168
}
169
/*********************
171
* Spinner Animation *
172
*********************/
173
@keyframes spin {
174
to {
175
-gtk-icon-transform: rotate(1turn);
176
}
177
}
178
spinner {
180
background: none;
181
opacity: 0;
182
-gtk-icon-source: -gtk-icontheme("process-working-symbolic");
183
}
184
spinner:checked {
186
opacity: 1;
187
animation: spin 1s linear infinite;
188
}
189
spinner:checked:disabled {
191
opacity: 0.5;
192
}
193
/****************
195
* Text Entries *
196
****************/
197
spinbutton:not(.vertical),
198
entry {
199
min-height: 32px;
200
padding: 0 8px;
201
border-radius: 2px;
202
transition: all 270ms cubic-bezier(0, 0, 0.2, 1), box-shadow 180ms cubic-bezier(0, 0, 0.2, 1);
203
border-image: none;
204
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
205
background-color: #303030;
206
color: #FFFFFF;
207
}
208
spinbutton:focus:not(.vertical),
210
entry:focus {
211
border-image: none;
212
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23);
213
}
214
spinbutton:disabled:not(.vertical),
216
entry:disabled {
217
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
218
background-color: #292929;
219
color: rgba(255, 255, 255, 0.5);
220
}
221
spinbutton.flat:not(.vertical), notebook > stack:not(:only-child) entry:not(.search),
223
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,
224
entry.flat {
225
border-radius: 0;
226
transition: all 270ms cubic-bezier(0, 0, 0.2, 1);
227
border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #338DD6 0%, transparent 0%) 0 0 0/0 0 0px;
228
box-shadow: inset 0 -1px rgba(255, 255, 255, 0.3);
229
background-color: transparent;
230
color: #FFFFFF;
231
}
232
spinbutton.flat:focus:not(.vertical), notebook > stack:not(:only-child) entry:focus:not(.search),
234
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,
235
entry.flat:focus {
236
border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #338DD6 100%, transparent 0%) 0 0 2/0 0 2px;
237
box-shadow: inset 0 -1px rgba(255, 255, 255, 0.3);
238
}
239
spinbutton.flat:disabled:not(.vertical), notebook > stack:not(:only-child) entry:disabled:not(.search),
241
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,
242
entry.flat:disabled {
243
box-shadow: inset 0 -1px rgba(255, 255, 255, 0.12);
244
background-color: transparent;
245
color: rgba(255, 255, 255, 0.5);
246
}
247
spinbutton:not(.vertical) image,
249
entry image {
250
color: rgba(255, 255, 255, 0.7);
251
}
252
spinbutton:not(.vertical) image:hover, spinbutton:not(.vertical) image:active,
254
entry image:hover,
255
entry image:active {
256
color: #FFFFFF;
257
}
258
spinbutton:not(.vertical) image:disabled,
260
entry image:disabled {
261
color: rgba(255, 255, 255, 0.5);
262
}
263
spinbutton:not(.vertical) image.left,
265
entry image.left {
266
margin-left: 0px;
267
margin-right: 6px;
268
}
269
spinbutton:not(.vertical) image.right,
271
entry image.right {
272
margin-left: 6px;
273
margin-right: 0px;
274
}
275
spinbutton:not(.vertical) undershoot.left,
277
entry undershoot.left {
278
background-color: transparent;
279
background-image: linear-gradient(to top, rgba(48, 48, 48, 0.3) 50%, rgba(255, 255, 255, 0.3) 50%);
280
padding-left: 1px;
281
background-size: 1px 12px;
282
background-repeat: repeat-y;
283
background-origin: content-box;
284
background-position: left top;
285
}
286
spinbutton:not(.vertical) undershoot.right,
288
entry undershoot.right {
289
background-color: transparent;
290
background-image: linear-gradient(to top, rgba(48, 48, 48, 0.3) 50%, rgba(255, 255, 255, 0.3) 50%);
291
padding-right: 1px;
292
background-size: 1px 12px;
293
background-repeat: repeat-y;
294
background-origin: content-box;
295
background-position: right top;
296
}
297
spinbutton.error:not(.vertical),
299
entry.error {
300
transition: all 270ms cubic-bezier(0, 0, 0.2, 1), box-shadow 180ms cubic-bezier(0, 0, 0.2, 1);
301
border-image: none;
302
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
303
background-color: #DD2C00;
304
color: #FFFFFF;
305
}
306
spinbutton.error:focus:not(.vertical),
308
entry.error:focus {
309
border-image: none;
310
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23);
311
}
312
spinbutton.error:disabled:not(.vertical),
314
entry.error:disabled {
315
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
316
background-color: #292929;
317
color: rgba(255, 255, 255, 0.5);
318
}
319
spinbutton.error.flat:not(.vertical), notebook > stack:not(:only-child) entry.error:not(.search),
321
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,
322
entry.error.flat {
323
transition: all 270ms cubic-bezier(0, 0, 0.2, 1);
324
border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #DD2C00 0%, transparent 0%) 0 0 0/0 0 0px;
325
box-shadow: inset 0 -1px #DD2C00;
326
background-color: transparent;
327
color: #FFFFFF;
328
}
329
spinbutton.error.flat:focus:not(.vertical), notebook > stack:not(:only-child) entry.error:focus:not(.search),
331
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,
332
entry.error.flat:focus {
333
border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #DD2C00 100%, transparent 0%) 0 0 2/0 0 2px;
334
box-shadow: inset 0 -1px #DD2C00;
335
}
336
spinbutton.error.flat:disabled:not(.vertical), notebook > stack:not(:only-child) entry.error:disabled:not(.search),
338
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,
339
entry.error.flat:disabled {
340
box-shadow: inset 0 -1px rgba(255, 255, 255, 0.12);
341
background-color: transparent;
342
color: rgba(255, 255, 255, 0.5);
343
}
344
spinbutton.error:not(.vertical) image,
346
entry.error image {
347
color: rgba(255, 255, 255, 0.7);
348
}
349
spinbutton.error:not(.vertical) image:hover, spinbutton.error:not(.vertical) image:active,
351
entry.error image:hover,
352
entry.error image:active {
353
color: #FFFFFF;
354
}
355
spinbutton.error:not(.vertical) image:disabled,
357
entry.error image:disabled {
358
color: rgba(255, 255, 255, 0.5);
359
}
360
spinbutton.warning:not(.vertical),
362
entry.warning {
363
transition: all 270ms cubic-bezier(0, 0, 0.2, 1), box-shadow 180ms cubic-bezier(0, 0, 0.2, 1);
364
border-image: none;
365
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
366
background-color: #FF6D00;
367
color: #FFFFFF;
368
}
369
spinbutton.warning:focus:not(.vertical),
371
entry.warning:focus {
372
border-image: none;
373
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23);
374
}
375
spinbutton.warning:disabled:not(.vertical),
377
entry.warning:disabled {
378
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
379
background-color: #292929;
380
color: rgba(255, 255, 255, 0.5);
381
}
382
spinbutton.warning.flat:not(.vertical), notebook > stack:not(:only-child) entry.warning:not(.search),
384
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,
385
entry.warning.flat {
386
transition: all 270ms cubic-bezier(0, 0, 0.2, 1);
387
border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #FF6D00 0%, transparent 0%) 0 0 0/0 0 0px;
388
box-shadow: inset 0 -1px #FF6D00;
389
background-color: transparent;
390
color: #FFFFFF;
391
}
392
spinbutton.warning.flat:focus:not(.vertical), notebook > stack:not(:only-child) entry.warning:focus:not(.search),
394
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,
395
entry.warning.flat:focus {
396
border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #FF6D00 100%, transparent 0%) 0 0 2/0 0 2px;
397
box-shadow: inset 0 -1px #FF6D00;
398
}
399
spinbutton.warning.flat:disabled:not(.vertical), notebook > stack:not(:only-child) entry.warning:disabled:not(.search),
401
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,
402
entry.warning.flat:disabled {
403
box-shadow: inset 0 -1px rgba(255, 255, 255, 0.12);
404
background-color: transparent;
405
color: rgba(255, 255, 255, 0.5);
406
}
407
spinbutton.warning:not(.vertical) image,
409
entry.warning image {
410
color: rgba(255, 255, 255, 0.7);
411
}
412
spinbutton.warning:not(.vertical) image:hover, spinbutton.warning:not(.vertical) image:active,
414
entry.warning image:hover,
415
entry.warning image:active {
416
color: #FFFFFF;
417
}
418
spinbutton.warning:not(.vertical) image:disabled,
420
entry.warning image:disabled {
421
color: rgba(255, 255, 255, 0.5);
422
}
423
spinbutton:not(.vertical) progress,
425
entry progress {
426
margin: 2px -6px;
427
border-bottom: 2px solid #338DD6;
428
background-color: transparent;
429
}
430
.linked:not(.vertical) > spinbutton.flat:not(.vertical), notebook > stack:not(:only-child) .linked:not(.vertical) > entry:not(.search),
432
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,
433
.linked.vertical > spinbutton.flat:not(.vertical),
434
notebook > stack:not(:only-child) .linked.vertical > entry:not(.search),
435
notebook > stack:not(:only-child) .linked.vertical > spinbutton:not(.vertical),
436
messagedialog .linked.vertical > entry,
437
colorchooser .popover.osd .linked.vertical > spinbutton:not(.vertical),
438
layoutpane .linked.vertical > entry.search,
439
editortweak .linked.vertical > entry.search,
440
.raven .raven-background .linked.vertical > spinbutton:not(.vertical),
441
#login_window .linked.vertical > entry, .linked:not(.vertical) >
442
entry.flat,
443
.linked.vertical >
444
entry.flat {
445
border-radius: 0;
446
}
447
treeview entry.flat, treeview entry {
449
min-height: 0;
450
padding: 2px;
451
border-radius: 0;
452
background-color: #303030;
453
}
454
treeview entry.flat, treeview entry.flat:focus, treeview entry, treeview entry:focus {
456
border-image: none;
457
box-shadow: none;
458
}
459
.entry-tag, .documents-entry-tag, .photos-entry-tag {
461
margin: 4px;
462
border-radius: 9999px;
463
box-shadow: none;
464
background-color: #338DD6;
465
color: #FFFFFF;
466
}
467
.entry-tag:hover, .documents-entry-tag:hover, .photos-entry-tag:hover {
469
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
470
}
471
:dir(ltr) .entry-tag, :dir(ltr) .documents-entry-tag, :dir(ltr) .photos-entry-tag {
473
margin-left: 8px;
474
margin-right: -4px;
475
padding-left: 8px;
476
padding-right: 4px;
477
}
478
:dir(rtl) .entry-tag, :dir(rtl) .documents-entry-tag, :dir(rtl) .photos-entry-tag {
480
margin-left: -4px;
481
margin-right: 8px;
482
padding-left: 4px;
483
padding-right: 8px;
484
}
485
.entry-tag.button, .button.documents-entry-tag, .button.photos-entry-tag {
487
box-shadow: none;
488
background-color: transparent;
489
}
490
.entry-tag.button:not(:hover):not(:active), .button.documents-entry-tag:not(:hover):not(:active), .button.photos-entry-tag:not(:hover):not(:active) {
492
color: rgba(255, 255, 255, 0.7);
493
}
494
/***********
496
* Buttons *
497
***********/
498
@keyframes needs_attention {
499
from {
500
background-image: -gtk-gradient(radial, center center, 0, center center, 0.001, to(#009688), to(transparent));
501
}
502
to {
503
background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#009688), to(transparent));
504
}
505
}
506
button {
509
min-height: 24px;
510
min-width: 16px;
511
padding: 4px 8px;
512
border-radius: 2px;
513
font-weight: 500;
514
transition: all 270ms cubic-bezier(0, 0, 0.2, 1), box-shadow 180ms cubic-bezier(0, 0, 0.2, 1), background-size 450ms cubic-bezier(0, 0, 0.2, 1), background-image 900ms cubic-bezier(0, 0, 0.2, 1);
515
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;
516
background-color: #424242;
517
background-image: radial-gradient(circle farthest-corner at center, transparent 10%, transparent 0%);
518
background-repeat: no-repeat;
519
background-position: center;
520
background-size: 1000% 1000%;
521
color: rgba(255, 255, 255, 0.8);
522
}
523
button:hover {
526
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;
527
color: #FFFFFF;
528
}
529
button:active {
532
transition: all 270ms cubic-bezier(0, 0, 0.2, 1), background-size 0, background-image 0;
533
animation: ripple_effect 270ms cubic-bezier(0, 0, 0.2, 1) forwards;
534
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);
535
background-image: radial-gradient(circle farthest-corner at center, alpha(currentColor, 0.15) 10%, transparent 0%);
536
background-size: 0% 0%;
537
color: #FFFFFF;
538
}
539
button:disabled {
542
box-shadow: none;
543
background-color: rgba(255, 255, 255, 0.12);
544
color: rgba(255, 255, 255, 0.3);
545
}
546
button:checked {
549
background-color: #338DD6;
550
color: #FFFFFF;
551
}
552
button:checked:disabled {
555
background-color: rgba(51, 141, 214, 0.3);
556
color: rgba(51, 141, 214, 0.5);
557
}
558
modelbutton.flat,
560
.menuitem.button.flat, spinbutton:not(.vertical) button, spinbutton.vertical button, popover.background.menu button,
561
popover.background button.model, notebook > header > tabs > arrow, scrollbar button, check,
562
radio, calendar.button, messagedialog.csd .dialog-action-area button, button.sidebar-button, .gedit-search-slider button, #mate-menu button, .budgie-settings-window buttonbox.inline-toolbar button, .raven .raven-header:not(.top) button, .drop-shadow button, .budgie-session-dialog .linked.horizontal > button, .lightdm-gtk-greeter button, :not(headerbar) .caja-pathbar button, .caja-pathbar :not(headerbar) button, :not(headerbar) .path-bar button, layouttabbar button, .mate-panel-menu-bar button, .budgie-panel button, .raven stackswitcher.linked > button, toolbar button, .titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action),
563
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,
564
button.flat {
565
transition: all 270ms cubic-bezier(0, 0, 0.2, 1), background-size 450ms cubic-bezier(0, 0, 0.2, 1), background-image 900ms cubic-bezier(0, 0, 0.2, 1);
566
box-shadow: inset 0 0 0 9999px transparent;
567
background-color: transparent;
568
background-image: radial-gradient(circle farthest-corner at center, transparent 10%, transparent 0%);
569
background-repeat: no-repeat;
570
background-position: center;
571
background-size: 1000% 1000%;
572
color: rgba(255, 255, 255, 0.7);
573
}
574
modelbutton.flat:hover,
576
.menuitem.button.flat:hover, spinbutton:not(.vertical) button:hover, spinbutton.vertical button:hover, popover.background.menu button:hover,
577
popover.background button.model:hover, notebook > header > tabs > arrow:hover, scrollbar button:hover, check:hover,
578
radio:hover, calendar.button:hover, messagedialog.csd .dialog-action-area button:hover, button.sidebar-button:hover, .gedit-search-slider button:hover, #mate-menu button:hover, .budgie-settings-window buttonbox.inline-toolbar button:hover, .raven .raven-header:not(.top) button:hover, .drop-shadow button:hover, .budgie-session-dialog .linked.horizontal > button:hover, .lightdm-gtk-greeter button:hover, :not(headerbar) .caja-pathbar button:hover, .caja-pathbar :not(headerbar) button:hover, :not(headerbar) .path-bar button:hover, layouttabbar button:hover, .mate-panel-menu-bar button:hover, .budgie-panel button:hover, .raven stackswitcher.linked > button:hover, toolbar button:hover, .titlebar:not(headerbar) button:hover:not(.suggested-action):not(.destructive-action),
579
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,
580
button.flat:hover {
581
box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.15);
582
color: #FFFFFF;
583
}
584
modelbutton.flat:active,
586
.menuitem.button.flat:active, spinbutton:not(.vertical) button:active, spinbutton.vertical button:active, popover.background.menu button:active,
587
popover.background button.model:active, notebook > header > tabs > arrow:active, scrollbar button:active, check:active,
588
radio:active, calendar.button:active, messagedialog.csd .dialog-action-area button:active, button.sidebar-button:active, .gedit-search-slider button:active, #mate-menu button:active, .budgie-settings-window buttonbox.inline-toolbar button:active, .raven .raven-header:not(.top) button:active, .drop-shadow button:active, .budgie-session-dialog .linked.horizontal > button:active, .lightdm-gtk-greeter button:active, :not(headerbar) .caja-pathbar button:active, .caja-pathbar :not(headerbar) button:active, :not(headerbar) .path-bar button:active, layouttabbar button:active, .mate-panel-menu-bar button:active, .budgie-panel button:active, .raven stackswitcher.linked > button:active, toolbar button:active, .titlebar:not(headerbar) button:active:not(.suggested-action):not(.destructive-action),
589
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,
590
button.flat:active {
591
transition: all 270ms cubic-bezier(0, 0, 0.2, 1), background-size 0, background-image 0;
592
animation: ripple_effect 270ms cubic-bezier(0, 0, 0.2, 1) forwards;
593
box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.15);
594
background-image: radial-gradient(circle farthest-corner at center, alpha(currentColor, 0.15) 10%, transparent 0%);
595
background-size: 0% 0%;
596
color: #FFFFFF;
597
}
598
modelbutton.flat:disabled,
600
.menuitem.button.flat:disabled, spinbutton:not(.vertical) button:disabled, spinbutton.vertical button:disabled, popover.background.menu button:disabled,
601
popover.background button.model:disabled, notebook > header > tabs > arrow:disabled, scrollbar button:disabled, check:disabled,
602
radio:disabled, calendar.button:disabled, messagedialog.csd .dialog-action-area button:disabled, button.sidebar-button:disabled, .gedit-search-slider button:disabled, #mate-menu button:disabled, .budgie-settings-window buttonbox.inline-toolbar button:disabled, .raven .raven-header:not(.top) button:disabled, .drop-shadow button:disabled, .budgie-session-dialog .linked.horizontal > button:disabled, .lightdm-gtk-greeter button:disabled, :not(headerbar) .caja-pathbar button:disabled, .caja-pathbar :not(headerbar) button:disabled, :not(headerbar) .path-bar button:disabled, layouttabbar button:disabled, .mate-panel-menu-bar button:disabled, .budgie-panel button:disabled, .raven stackswitcher.linked > button:disabled, toolbar button:disabled, .titlebar:not(headerbar) button:disabled:not(.suggested-action):not(.destructive-action),
603
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,
604
button.flat:disabled {
605
box-shadow: none;
606
background-color: transparent;
607
color: rgba(255, 255, 255, 0.3);
608
}
609
:not(headerbar) .caja-pathbar button:checked, .caja-pathbar :not(headerbar) button:checked, :not(headerbar) .path-bar button:checked, layouttabbar button:checked, .mate-panel-menu-bar button:checked, .budgie-panel button:checked, .raven stackswitcher.linked > button:checked, toolbar button:checked, .titlebar:not(headerbar) button:checked:not(.suggested-action):not(.destructive-action),
611
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,
612
button.flat:checked {
613
background-color: rgba(255, 255, 255, 0.3);
614
color: #FFFFFF;
615
}
616
:not(headerbar) .caja-pathbar button:checked:disabled, .caja-pathbar :not(headerbar) button:checked:disabled, :not(headerbar) .path-bar button:checked:disabled, layouttabbar button:checked:disabled, .mate-panel-menu-bar button:checked:disabled, .budgie-panel button:checked:disabled, .raven stackswitcher.linked > button:checked:disabled, toolbar button:checked:disabled, .titlebar:not(headerbar) button:checked:disabled:not(.suggested-action):not(.destructive-action),
618
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,
619
button.flat:checked:disabled {
620
background-color: rgba(255, 255, 255, 0.12);
621
color: rgba(255, 255, 255, 0.5);
622
}
623
button.text-button {
626
padding-left: 16px;
627
padding-right: 16px;
628
}
629
button.image-button {
632
min-width: 24px;
633
padding: 4px;
634
}
635
button.text-button.image-button {
638
border-radius: 2px;
639
-gtk-outline-radius: 2px;
640
}
641
button.text-button.image-button label:first-child {
644
margin-left: 12px;
645
}
646
button.text-button.image-button label:last-child {
649
margin-right: 12px;
650
}
651
button.text-button.image-button image:not(:only-child) {
654
margin: 0 4px;
655
}
656
toolbar .linked > button, .titlebar:not(headerbar) .linked > button:not(.suggested-action):not(.destructive-action),
658
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,
659
toolbar .linked.vertical > button,
660
.titlebar:not(headerbar) .linked.vertical > button:not(.suggested-action):not(.destructive-action),
661
headerbar .linked.vertical > button:not(.suggested-action):not(.destructive-action),
662
actionbar > revealer > box .linked.vertical > button:not(.suggested-action):not(.destructive-action):not(.server-list-button),
663
.app-notification .linked.vertical > button, .linked >
664
button.flat,
665
.linked.vertical >
666
button.flat {
667
border-radius: 2px;
668
}
669
toolbar .linked > button.text-button.image-button, .titlebar:not(headerbar) .linked > button.text-button.image-button:not(.suggested-action):not(.destructive-action),
671
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,
672
toolbar .linked.vertical > button.text-button.image-button,
673
.titlebar:not(headerbar) .linked.vertical > button.text-button.image-button:not(.suggested-action):not(.destructive-action),
674
headerbar .linked.vertical > button.text-button.image-button:not(.suggested-action):not(.destructive-action),
675
actionbar > revealer > box .linked.vertical > button.text-button.image-button:not(.suggested-action):not(.destructive-action):not(.server-list-button),
676
.app-notification .linked.vertical > button.text-button.image-button, .linked >
677
button.flat.text-button.image-button,
678
.linked.vertical >
679
button.flat.text-button.image-button {
680
border-radius: 2px;
681
-gtk-outline-radius: 2px;
682
}
683
infobar.info button:disabled, infobar.question button:disabled, infobar.warning button:disabled, infobar.error button:disabled, row:selected
685
button:disabled {
686
background-color: rgba(255, 255, 255, 0.12);
687
color: rgba(255, 255, 255, 0.3);
688
}
689
row:selected button.sidebar-button, infobar.info button.flat, infobar.question button.flat, infobar.warning button.flat, infobar.error button.flat, .mate-panel-menu-bar button, .budgie-panel button, .raven stackswitcher.linked > button, .raven-mpris button.image-button, row:selected
691
button.flat {
692
color: rgba(255, 255, 255, 0.7);
693
}
694
row:selected button.sidebar-button:hover, infobar.info button.flat:hover, infobar.question button.flat:hover, infobar.warning button.flat:hover, infobar.error button.flat:hover, .mate-panel-menu-bar button:hover, .budgie-panel button:hover, .raven stackswitcher.linked > button:hover, .raven-mpris button.image-button:hover, row:selected button.sidebar-button:active, infobar.info button.flat:active, infobar.question button.flat:active, infobar.warning button.flat:active, infobar.error button.flat:active, .mate-panel-menu-bar button:active, .budgie-panel button:active, .raven stackswitcher.linked > button:active, .raven-mpris button.image-button:active, row:selected
696
button.flat:hover, row:selected
697
button.flat:active {
698
color: #FFFFFF;
699
}
700
row:selected button.sidebar-button:disabled, infobar.info button.flat:disabled, infobar.question button.flat:disabled, infobar.warning button.flat:disabled, infobar.error button.flat:disabled, .mate-panel-menu-bar button:disabled, .budgie-panel button:disabled, .raven stackswitcher.linked > button:disabled, .raven-mpris button.image-button:disabled, row:selected
702
button.flat:disabled {
703
color: rgba(255, 255, 255, 0.3);
704
}
705
row:selected button.sidebar-button:checked, infobar.info button.flat:checked, infobar.question button.flat:checked, infobar.warning button.flat:checked, infobar.error button.flat:checked, .mate-panel-menu-bar button:checked, .budgie-panel button:checked, .raven stackswitcher.linked > button:checked, .raven-mpris button.image-button:checked, row:selected
707
button.flat:checked {
708
background-color: rgba(255, 255, 255, 0.3);
709
color: #FFFFFF;
710
}
711
row:selected button.sidebar-button:checked:disabled, infobar.info button.flat:checked:disabled, infobar.question button.flat:checked:disabled, infobar.warning button.flat:checked:disabled, infobar.error button.flat:checked:disabled, .mate-panel-menu-bar button:checked:disabled, .budgie-panel button:checked:disabled, .raven stackswitcher.linked > button:checked:disabled, .raven-mpris button.image-button:checked:disabled, row:selected
713
button.flat:checked:disabled {
714
background-color: rgba(255, 255, 255, 0.12);
715
color: rgba(255, 255, 255, 0.5);
716
}
717
button.osd {
720
padding: 10px 14px;
721
}
722
button.osd.image-button {
725
padding: 10px;
726
}
727
button.osd:disabled {
730
opacity: 0;
731
}
732
button.suggested-action {
735
background-color: #009688;
736
color: #FFFFFF;
737
}
738
button.suggested-action:disabled {
741
box-shadow: none;
742
background-color: rgba(255, 255, 255, 0.12);
743
color: rgba(255, 255, 255, 0.5);
744
}
745
button.suggested-action:checked {
748
background-color: #4db6ac;
749
}
750
button.suggested-action.flat {
753
background-color: transparent;
754
color: #009688;
755
}
756
button.suggested-action.flat:disabled {
759
box-shadow: none;
760
background-color: transparent;
761
color: rgba(255, 255, 255, 0.5);
762
}
763
button.suggested-action.flat:checked {
766
background-color: rgba(0, 150, 136, 0.3);
767
}
768
button.destructive-action {
771
background-color: #FF5252;
772
color: #FFFFFF;
773
}
774
button.destructive-action:disabled {
777
box-shadow: none;
778
background-color: rgba(255, 255, 255, 0.12);
779
color: rgba(255, 255, 255, 0.5);
780
}
781
button.destructive-action:checked {
784
background-color: #ff8686;
785
}
786
button.destructive-action.flat {
789
background-color: transparent;
790
color: #FF5252;
791
}
792
button.destructive-action.flat:disabled {
795
box-shadow: none;
796
background-color: transparent;
797
color: rgba(255, 255, 255, 0.5);
798
}
799
button.destructive-action.flat:checked {
802
background-color: rgba(255, 82, 82, 0.3);
803
}
804
.stack-switcher >
806
button {
807
outline-offset: -4px;
808
}
809
.stack-switcher >
811
button > label {
812
padding-left: 6px;
813
padding-right: 6px;
814
}
815
.stack-switcher >
817
button > image {
818
padding-left: 6px;
819
padding-right: 6px;
820
padding-top: 3px;
821
padding-bottom: 3px;
822
}
823
.stack-switcher >
825
button.text-button {
826
padding-left: 10px;
827
padding-right: 10px;
828
}
829
.stack-switcher >
831
button.image-button {
832
padding-left: 2px;
833
padding-right: 2px;
834
}
835
.stack-switcher >
837
button.needs-attention:checked > label,
838
.stack-switcher >
839
button.needs-attention:checked > image {
840
animation: none;
841
background-image: none;
842
}
843
.primary-toolbar
845
button {
846
-gtk-icon-shadow: none;
847
}
848
button.image-button, toolbar .linked > button.image-button, .titlebar:not(headerbar) .linked > button.image-button:not(.suggested-action):not(.destructive-action),
851
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 .linked.vertical > button.image-button,
852
headerbar .linked.vertical > button.image-button:not(.suggested-action):not(.destructive-action), .app-notification .linked.vertical > button.image-button, .linked > button.flat.image-button,
853
.linked.vertical > button.flat.image-button, .inline-toolbar button:not(.text-button), check,
854
radio, button.titlebutton, .nautilus-window headerbar > revealer > button, .raven .raven-header:not(.top) button.image-button, .raven .expander-button,
855
button.close,
856
button.circular {
857
border-radius: 9999px;
858
-gtk-outline-radius: 9999px;
859
}
860
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 {
862
min-height: 20px;
863
min-width: 20px;
864
padding: 0;
865
border-radius: 9999px;
866
-gtk-outline-radius: 9999px;
867
}
868
.stack-switcher > button.needs-attention > label,
870
.stack-switcher > button.needs-attention > image, stacksidebar row.needs-attention > label {
871
animation: needs_attention 270ms cubic-bezier(0, 0, 0.2, 1) forwards;
872
background-repeat: no-repeat;
873
background-position: right 3px;
874
background-size: 6px 6px;
875
}
876
.stack-switcher > button.needs-attention > label:dir(rtl),
878
.stack-switcher > button.needs-attention > image:dir(rtl), stacksidebar row.needs-attention > label:dir(rtl) {
879
background-position: left 3px;
880
}
881
.linked:not(.vertical) > spinbutton:not(.vertical), .linked:not(.vertical) > entry, .linked > button, .linked:not(.vertical) > combobox > box > button.combo {
883
border-radius: 0;
884
-gtk-outline-radius: 2px;
885
}
886
.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 {
888
border-top-left-radius: 2px;
889
border-bottom-left-radius: 2px;
890
}
891
.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 {
893
border-top-right-radius: 2px;
894
border-bottom-right-radius: 2px;
895
}
896
.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 {
898
border-radius: 2px;
899
}
900
.linked.vertical > spinbutton:not(.vertical), .linked.vertical > entry, .linked.vertical > button, .linked.vertical > combobox > box > button.combo {
902
border-radius: 0;
903
-gtk-outline-radius: 2px;
904
}
905
.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 {
907
border-top-left-radius: 2px;
908
border-top-right-radius: 2px;
909
}
910
.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 {
912
border-bottom-left-radius: 2px;
913
border-bottom-right-radius: 2px;
914
}
915
.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 {
917
border-radius: 2px;
918
}
919
/* menu buttons */
921
modelbutton.flat,
922
.menuitem.button.flat {
923
min-height: 28px;
924
padding: 0 8px;
925
border-radius: 2px;
926
color: inherit;
927
}
928
modelbutton.flat arrow {
930
background: none;
931
}
932
modelbutton.flat arrow:hover {
934
background: none;
935
}
936
modelbutton.flat arrow.left {
938
-gtk-icon-source: -gtk-icontheme("pan-start-symbolic");
939
}
940
modelbutton.flat arrow.right {
942
-gtk-icon-source: -gtk-icontheme("pan-end-symbolic");
943
}
944
button.color {
946
min-height: 20px;
947
min-width: 20px;
948
padding: 6px;
949
}
950
/*********
952
* Links *
953
*********/
954
*:link, button:link,
955
button:visited, *:link:hover, button:hover:link,
956
button:hover:visited, *:link:active, button:active:link,
957
button:active:visited {
958
color: #338DD6;
959
}
960
*:link:visited,
962
button:visited, *:link:visited:hover,
963
button:visited:hover, *:link:visited:active,
964
button:visited:active {
965
color: #E040FB;
966
}
967
infobar.info *:link, infobar.info button:link,
969
infobar.info button:visited, infobar.question *:link, infobar.question button:link,
970
infobar.question button:visited, infobar.warning *:link, infobar.warning button:link,
971
infobar.warning button:visited, infobar.error *:link, infobar.error button:link,
972
infobar.error button:visited, *:link:selected, button:selected:link,
973
button:selected:visited, .selection-mode.titlebar:not(headerbar) .subtitle:link,
974
headerbar.selection-mode .subtitle:link,
975
*:selected *:link,
976
*:selected button:link,
977
*:selected button:visited {
978
color: #FFFFFF;
979
}
980
button:link > label,
982
button:visited > label {
983
text-decoration-line: underline;
984
}
985
/*****************
987
* GtkSpinButton *
988
*****************/
989
spinbutton:not(.vertical) {
990
padding: 0;
991
}
992
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,
994
spinbutton:not(.vertical) entry {
995
min-width: 28px;
996
margin: 0;
997
border-image: none;
998
border-radius: 0;
999
box-shadow: none;
1000
background-color: transparent;
1001
}
1002
spinbutton:not(.vertical) button {
1004
border: solid 6px transparent;
1005
}
1006
spinbutton:not(.vertical) button.up:dir(ltr), spinbutton:not(.vertical) button.down:dir(rtl) {
1008
margin-left: -3px;
1009
}
1010
spinbutton:not(.vertical) button.up:dir(rtl), spinbutton:not(.vertical) button.down:dir(ltr) {
1012
margin-right: -3px;
1013
}
1014
spinbutton.vertical:disabled {
1016
color: rgba(255, 255, 255, 0.5);
1017
}
1018
spinbutton.vertical:drop(active) {
1020
box-shadow: none;
1021
}
1022
spinbutton.vertical entry {
1024
min-height: 32px;
1025
min-width: 44px;
1026
padding: 0;
1027
}
1028
spinbutton.vertical button {
1030
min-height: 32px;
1031
min-width: 44px;
1032
padding: 0;
1033
}
1034
spinbutton.vertical button.up {
1036
border-radius: 2px 2px 0 0;
1037
}
1038
spinbutton.vertical button.down {
1040
border-radius: 0 0 2px 2px;
1041
}
1042
treeview spinbutton:not(.vertical) {
1044
min-height: 0;
1045
border-style: none;
1046
border-radius: 0;
1047
}
1048
treeview spinbutton:not(.vertical) entry {
1050
min-height: 0;
1051
padding: 1px 2px;
1052
}
1053
/**************
1055
* ComboBoxes *
1056
**************/
1057
combobox arrow {
1058
-gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
1059
min-height: 16px;
1060
min-width: 16px;
1061
}
1062
combobox decoration,
1064
combobox button.combo:checked {
1065
transition: none;
1066
}
1067
combobox button.combo cellview:dir(ltr) {
1069
margin-left: 0px;
1070
}
1071
combobox button.combo cellview:dir(rtl) {
1073
margin-right: 0px;
1074
}
1075
combobox #gtk-combobox-popup-menu {
1077
padding: 2px 0;
1078
}
1079
combobox #gtk-combobox-popup-menu menuitem {
1081
min-height: 28px;
1082
padding: 0 8px;
1083
}
1084
combobox #gtk-combobox-popup-menu > arrow.top {
1086
margin-top: -2px;
1087
}
1088
combobox #gtk-combobox-popup-menu > arrow.bottom {
1090
margin-bottom: -6px;
1091
}
1092
combobox:drop(active) {
1094
box-shadow: none;
1095
}
1096
notebook > stack:not(:only-child) button.combo, .raven .raven-background button.combo, #login_window #user_combobox button {
1098
border-radius: 0;
1099
background-image: none;
1100
font-weight: inherit;
1101
transition: all 270ms cubic-bezier(0, 0, 0.2, 1);
1102
border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #338DD6 0%, transparent 0%) 0 0 0/0 0 0px;
1103
box-shadow: inset 0 -1px rgba(255, 255, 255, 0.3);
1104
background-color: transparent;
1105
color: #FFFFFF;
1106
}
1107
notebook > stack:not(:only-child) button.combo:hover, .raven .raven-background button.combo:hover, #login_window #user_combobox button:hover {
1109
box-shadow: inset 0 -2px rgba(255, 255, 255, 0.5);
1110
}
1111
notebook > stack:not(:only-child) button.combo:checked, .raven .raven-background button.combo:checked, #login_window #user_combobox button:checked {
1113
border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #338DD6 100%, transparent 0%) 0 0 2/0 0 2px;
1114
}
1115
notebook > stack:not(:only-child) button.combo:disabled, .raven .raven-background button.combo:disabled, #login_window #user_combobox button:disabled {
1117
box-shadow: inset 0 -1px rgba(255, 255, 255, 0.12);
1118
color: rgba(255, 255, 255, 0.5);
1119
}
1120
/************
1122
* Toolbars *
1123
************/
1124
toolbar {
1125
-GtkWidget-window-dragging: true;
1126
padding: 2px;
1127
background-color: #212121;
1128
}
1129
.osd toolbar {
1131
background-color: transparent;
1132
}
1133
toolbar.osd, .app-notification, frame.documents-dropdown {
1135
transition: box-shadow 180ms cubic-bezier(0, 0, 0.2, 1);
1136
padding: 6px;
1137
border-radius: 2px;
1138
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);
1139
background-color: #303030;
1140
}
1141
toolbar.osd:backdrop, .app-notification:backdrop, frame.documents-dropdown:backdrop {
1143
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);
1144
}
1145
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 {
1147
border-radius: 0;
1148
}
1149
toolbar.horizontal > separator {
1151
margin: 2px;
1152
}
1153
toolbar.vertical > separator {
1155
margin: 2px;
1156
}
1157
toolbar:not(.inline-toolbar):not(.osd) scale,
1159
toolbar:not(.inline-toolbar):not(.osd) entry,
1160
toolbar:not(.inline-toolbar):not(.osd) spinbutton,
1161
toolbar:not(.inline-toolbar):not(.osd) button {
1162
margin: 2px;
1163
}
1164
toolbar:not(.inline-toolbar):not(.osd) .linked entry:not(:first-child),
1166
toolbar:not(.inline-toolbar):not(.osd) .linked spinbutton:not(:first-child),
1167
toolbar:not(.inline-toolbar):not(.osd) .linked button:not(:first-child) {
1168
margin-left: 0;
1169
}
1170
toolbar:not(.inline-toolbar):not(.osd) .linked entry:not(:last-child),
1172
toolbar:not(.inline-toolbar):not(.osd) .linked spinbutton:not(:last-child),
1173
toolbar:not(.inline-toolbar):not(.osd) .linked button:not(:last-child) {
1174
margin-right: 0;
1175
}
1176
toolbar:not(.inline-toolbar):not(.osd) spinbutton entry,
1178
toolbar:not(.inline-toolbar):not(.osd) spinbutton button {
1179
margin: 0;
1180
}
1181
toolbar:not(.inline-toolbar):not(.osd) switch {
1183
margin: 8px 2px;
1184
}
1185
.inline-toolbar {
1187
padding: 6px;
1188
border-style: solid;
1189
border-width: 0 1px 1px;
1190
border-color: rgba(0, 0, 0, 0.26);
1191
background-color: #292929;
1192
}
1193
searchbar > revealer > box,
1195
.location-bar {
1196
padding: 6px;
1197
border-style: solid;
1198
border-width: 0 0 1px;
1199
border-color: rgba(0, 0, 0, 0.26);
1200
background-color: #212121;
1201
background-clip: border-box;
1202
}
1203
searchbar > revealer > box {
1205
margin: -6px;
1206
padding: 6px;
1207
}
1208
/***************
1210
* Header bars *
1211
***************/
1212
.titlebar:not(headerbar),
1213
headerbar {
1214
transition: background-color 180ms cubic-bezier(0, 0, 0.2, 1), color 270ms cubic-bezier(0, 0, 0.2, 1);
1215
min-height: 44px;
1216
padding: 0 6px;
1217
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);
1218
background-color: #303030;
1219
color: #FFFFFF;
1220
}
1221
.titlebar:disabled:not(headerbar) :not(button) > label,
1223
headerbar:disabled :not(button) > label {
1224
color: rgba(255, 255, 255, 0.5);
1225
}
1226
.titlebar:backdrop:not(headerbar),
1228
headerbar:backdrop {
1229
color: rgba(255, 255, 255, 0.7);
1230
}
1231
.titlebar:backdrop:disabled:not(headerbar) :not(button) > label,
1233
headerbar:backdrop:disabled :not(button) > label {
1234
color: rgba(255, 255, 255, 0.3);
1235
}
1236
.titlebar:not(headerbar) .title,
1238
headerbar .title {
1239
padding: 0 12px;
1240
font-weight: bold;
1241
}
1242
.titlebar:not(headerbar) .subtitle,
1244
headerbar .subtitle {
1245
padding: 0 12px;
1246
font-size: smaller;
1247
}
1248
.titlebar:not(headerbar) .linked:not(.vertical) > entry:not(.flat),
1250
headerbar .linked:not(.vertical) > entry:not(.flat) {
1251
border-radius: 2px;
1252
}
1253
.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action),
1255
headerbar button:not(.suggested-action):not(.destructive-action) {
1256
border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), currentColor 0%, transparent 0%) 0 0 0/0 0 0px;
1257
color: rgba(255, 255, 255, 0.7);
1258
}
1259
.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):hover, .titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):active,
1261
headerbar button:not(.suggested-action):not(.destructive-action):hover,
1262
headerbar button:not(.suggested-action):not(.destructive-action):active {
1263
color: #FFFFFF;
1264
}
1265
.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):disabled,
1267
headerbar button:not(.suggested-action):not(.destructive-action):disabled {
1268
color: rgba(255, 255, 255, 0.3);
1269
}
1270
.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):checked,
1272
headerbar button:not(.suggested-action):not(.destructive-action):checked {
1273
border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), currentColor 100%, transparent 0%) 0 0 2/0 0 2px;
1274
color: #FFFFFF;
1275
}
1276
.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):checked:disabled,
1278
headerbar button:not(.suggested-action):not(.destructive-action):checked:disabled {
1279
color: rgba(255, 255, 255, 0.5);
1280
}
1281
.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):checked, .titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):checked:disabled,
1283
headerbar button:not(.suggested-action):not(.destructive-action):checked,
1284
headerbar button:not(.suggested-action):not(.destructive-action):checked:disabled {
1285
background-color: transparent;
1286
}
1287
.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):backdrop,
1289
headerbar button:not(.suggested-action):not(.destructive-action):backdrop {
1290
color: rgba(255, 255, 255, 0.5);
1291
}
1292
.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):backdrop:hover, .titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):backdrop:active,
1294
headerbar button:not(.suggested-action):not(.destructive-action):backdrop:hover,
1295
headerbar button:not(.suggested-action):not(.destructive-action):backdrop:active {
1296
color: rgba(255, 255, 255, 0.7);
1297
}
1298
.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):backdrop:disabled,
1300
headerbar button:not(.suggested-action):not(.destructive-action):backdrop:disabled {
1301
color: rgba(255, 255, 255, 0.3);
1302
}
1303
.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):backdrop:checked,
1305
headerbar button:not(.suggested-action):not(.destructive-action):backdrop:checked {
1306
color: rgba(255, 255, 255, 0.7);
1307
}
1308
.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):backdrop:checked:disabled,
1310
headerbar button:not(.suggested-action):not(.destructive-action):backdrop:checked:disabled {
1311
color: rgba(255, 255, 255, 0.3);
1312
}
1313
.titlebar:not(headerbar) button.suggested-action:disabled, .titlebar:not(headerbar) button.destructive-action:disabled,
1315
headerbar button.suggested-action:disabled,
1316
headerbar button.destructive-action:disabled {
1317
background-color: rgba(255, 255, 255, 0.12);
1318
color: rgba(255, 255, 255, 0.5);
1319
}
1320
.selection-mode.titlebar:not(headerbar),
1322
headerbar.selection-mode {
1323
transition: background-color 0.00001s 270ms, color 270ms cubic-bezier(0, 0, 0.2, 1);
1324
animation: header_ripple_effect 270ms cubic-bezier(0, 0, 0.2, 1);
1325
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);
1326
background-color: #338DD6;
1327
color: #FFFFFF;
1328
}
1329
.selection-mode.titlebar:backdrop:not(headerbar),
1331
headerbar.selection-mode:backdrop {
1332
color: rgba(255, 255, 255, 0.7);
1333
}
1334
.selection-mode.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action),
1336
headerbar.selection-mode button:not(.suggested-action):not(.destructive-action) {
1337
border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), currentColor 0%, transparent 0%) 0 0 0/0 0 0px;
1338
color: #FFFFFF;
1339
}
1340
.selection-mode.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):disabled,
1342
headerbar.selection-mode button:not(.suggested-action):not(.destructive-action):disabled {
1343
color: rgba(255, 255, 255, 0.5);
1344
}
1345
.selection-mode.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):checked,
1347
headerbar.selection-mode button:not(.suggested-action):not(.destructive-action):checked {
1348
border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), currentColor 100%, transparent 0%) 0 0 2/0 0 2px;
1349
color: #FFFFFF;
1350
}
1351
.selection-mode.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):checked:disabled,
1353
headerbar.selection-mode button:not(.suggested-action):not(.destructive-action):checked:disabled {
1354
color: rgba(255, 255, 255, 0.5);
1355
}
1356
.selection-mode.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):backdrop,
1358
headerbar.selection-mode button:not(.suggested-action):not(.destructive-action):backdrop {
1359
color: rgba(255, 255, 255, 0.7);
1360
}
1361
.selection-mode.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):backdrop:disabled,
1363
headerbar.selection-mode button:not(.suggested-action):not(.destructive-action):backdrop:disabled {
1364
color: rgba(255, 255, 255, 0.3);
1365
}
1366
.selection-mode.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):backdrop:checked,
1368
headerbar.selection-mode button:not(.suggested-action):not(.destructive-action):backdrop:checked {
1369
color: rgba(255, 255, 255, 0.7);
1370
}
1371
.selection-mode.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):backdrop:checked:disabled,
1373
headerbar.selection-mode button:not(.suggested-action):not(.destructive-action):backdrop:checked:disabled {
1374
color: rgba(255, 255, 255, 0.3);
1375
}
1376
.selection-mode.titlebar:not(headerbar) .selection-menu,
1378
headerbar.selection-mode .selection-menu {
1379
padding-left: 16px;
1380
padding-right: 16px;
1381
}
1382
.selection-mode.titlebar:not(headerbar) .selection-menu arrow,
1384
headerbar.selection-mode .selection-menu arrow {
1385
-GtkArrow-arrow-scaling: 1;
1386
}
1387
.selection-mode.titlebar:not(headerbar) .selection-menu .arrow,
1389
headerbar.selection-mode .selection-menu .arrow {
1390
-gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
1391
}
1392
.tiled .titlebar:not(headerbar),
1394
.tiled-top .titlebar:not(headerbar),
1395
.tiled-right .titlebar:not(headerbar),
1396
.tiled-bottom .titlebar:not(headerbar),
1397
.tiled-left .titlebar:not(headerbar),
1398
.maximized .titlebar:not(headerbar),
1399
.fullscreen .titlebar:not(headerbar), .tiled
1400
headerbar,
1401
.tiled-top
1402
headerbar,
1403
.tiled-right
1404
headerbar,
1405
.tiled-bottom
1406
headerbar,
1407
.tiled-left
1408
headerbar,
1409
.maximized
1410
headerbar,
1411
.fullscreen
1412
headerbar {
1413
border-radius: 0;
1414
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
1415
}
1416
.default-decoration.titlebar:not(headerbar),
1418
headerbar.default-decoration {
1419
min-height: 20px;
1420
padding: 6px;
1421
box-shadow: inset 0 1px rgba(255, 255, 255, 0.1);
1422
}
1423
.tiled .default-decoration.titlebar:not(headerbar),
1425
.maximized .default-decoration.titlebar:not(headerbar),
1426
.fullscreen .default-decoration.titlebar:not(headerbar), .tiled
1427
headerbar.default-decoration,
1428
.maximized
1429
headerbar.default-decoration,
1430
.fullscreen
1431
headerbar.default-decoration {
1432
box-shadow: none;
1433
}
1434
.default-decoration.titlebar:not(headerbar) button.titlebutton,
1436
headerbar.default-decoration button.titlebutton {
1437
min-height: 20px;
1438
min-width: 20px;
1439
margin: 0;
1440
padding: 0;
1441
}
1442
.background:not(.csd) .default-decoration.titlebar:not(headerbar) button.titlebutton:active, .background:not(.csd)
1444
headerbar.default-decoration button.titlebutton:active {
1445
background-size: 1000% 1000%;
1446
}
1447
headerbar entry,
1449
headerbar spinbutton,
1450
headerbar button {
1451
margin-top: 6px;
1452
margin-bottom: 6px;
1453
}
1454
headerbar switch {
1456
margin-top: 10px;
1457
margin-bottom: 10px;
1458
}
1459
headerbar spinbutton button {
1461
margin-top: 0;
1462
margin-bottom: 0;
1463
}
1464
.background .titlebar {
1466
border-top-left-radius: 2px;
1467
border-top-right-radius: 2px;
1468
}
1469
.background.tiled .titlebar,
1471
.background.tiled-top .titlebar,
1472
.background.tiled-right .titlebar,
1473
.background.tiled-bottom .titlebar,
1474
.background.tiled-left .titlebar,
1475
.background.maximized .titlebar,
1476
.background.solid-csd .titlebar {
1477
border-top-left-radius: 0;
1478
border-top-right-radius: 0;
1479
}
1480
window separator:first-child + headerbar,
1482
window headerbar:first-child {
1483
border-top-left-radius: 2px;
1484
}
1485
window headerbar:last-child {
1487
border-top-right-radius: 2px;
1488
}
1489
window stack headerbar:first-child, window stack headerbar:last-child {
1491
border-top-left-radius: 2px;
1492
border-top-right-radius: 2px;
1493
}
1494
window.tiled headerbar, window.tiled headerbar:first-child, window.tiled headerbar:last-child, window.tiled headerbar:only-child,
1496
window.tiled-top headerbar,
1497
window.tiled-top headerbar:first-child,
1498
window.tiled-top headerbar:last-child,
1499
window.tiled-top headerbar:only-child,
1500
window.tiled-right headerbar,
1501
window.tiled-right headerbar:first-child,
1502
window.tiled-right headerbar:last-child,
1503
window.tiled-right headerbar:only-child,
1504
window.tiled-bottom headerbar,
1505
window.tiled-bottom headerbar:first-child,
1506
window.tiled-bottom headerbar:last-child,
1507
window.tiled-bottom headerbar:only-child,
1508
window.tiled-left headerbar,
1509
window.tiled-left headerbar:first-child,
1510
window.tiled-left headerbar:last-child,
1511
window.tiled-left headerbar:only-child,
1512
window.maximized headerbar,
1513
window.maximized headerbar:first-child,
1514
window.maximized headerbar:last-child,
1515
window.maximized headerbar:only-child,
1516
window.fullscreen headerbar,
1517
window.fullscreen headerbar:first-child,
1518
window.fullscreen headerbar:last-child,
1519
window.fullscreen headerbar:only-child,
1520
window.solid-csd headerbar,
1521
window.solid-csd headerbar:first-child,
1522
window.solid-csd headerbar:last-child,
1523
window.solid-csd headerbar:only-child {
1524
border-top-left-radius: 0;
1525
border-top-right-radius: 0;
1526
}
1527
window.csd > .titlebar:not(headerbar) {
1529
padding: 0;
1530
background-color: transparent;
1531
background-image: none;
1532
border-style: none;
1533
box-shadow: none;
1534
}
1535
.titlebar:not(headerbar) > separator {
1537
background-color: #303030;
1538
background-image: image(rgba(0, 0, 0, 0.26));
1539
}
1540
/************
1542
* Pathbars *
1543
************/
1544
.caja-pathbar button,
1545
.path-bar button {
1546
padding-left: 4px;
1547
padding-right: 4px;
1548
}
1549
.caja-pathbar button label:not(:only-child):first-child,
1551
.path-bar button label:not(:only-child):first-child {
1552
margin-left: 4px;
1553
}
1554
.caja-pathbar button label:not(:only-child):last-child,
1556
.path-bar button label:not(:only-child):last-child {
1557
margin-right: 4px;
1558
}
1559
.caja-pathbar button.slider-button,
1561
.path-bar button.slider-button {
1562
padding-left: 4px;
1563
padding-right: 4px;
1564
}
1565
:not(headerbar) .caja-pathbar button, .caja-pathbar :not(headerbar) button, :not(headerbar)
1567
.path-bar button {
1568
border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #338DD6 0%, transparent 0%) 0 0 0/0 0 0px;
1569
border-radius: 2px;
1570
}
1571
:not(headerbar) .caja-pathbar button:checked, .caja-pathbar :not(headerbar) button:checked, :not(headerbar)
1573
.path-bar button:checked {
1574
border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #338DD6 100%, transparent 0%) 0 0 2/0 0 2px;
1575
}
1576
: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)
1578
.path-bar button:checked, :not(headerbar)
1579
.path-bar button:checked:disabled {
1580
background-color: transparent;
1581
}
1582
/**************
1584
* Tree Views *
1585
**************/
1586
treeview.view {
1587
border-left-color: rgba(255, 255, 255, 0.3);
1588
border-top-color: rgba(0, 0, 0, 0.26);
1589
}
1590
* {
1592
-GtkTreeView-horizontal-separator: 4;
1593
-GtkTreeView-grid-line-width: 1;
1594
-GtkTreeView-grid-line-pattern: '';
1595
-GtkTreeView-tree-line-width: 1;
1596
-GtkTreeView-tree-line-pattern: '';
1597
-GtkTreeView-expander-size: 16;
1598
}
1599
treeview.view:selected {
1601
border-left-color: rgba(255, 255, 255, 0.3);
1602
}
1603
treeview.view:hover, treeview.view:active, treeview.view:selected {
1605
border-radius: 0;
1606
}
1607
treeview.view.separator {
1609
min-height: 5px;
1610
color: rgba(0, 0, 0, 0.26);
1611
}
1612
treeview.view:drop(active) {
1614
border-style: solid none;
1615
border-width: 1px;
1616
border-color: #009688;
1617
}
1618
treeview.view:drop(active).after {
1620
border-top-style: none;
1621
}
1622
treeview.view:drop(active).before {
1624
border-bottom-style: none;
1625
}
1626
treeview.view.expander {
1628
-gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
1629
-gtk-icon-transform: rotate(-90deg);
1630
color: rgba(255, 255, 255, 0.7);
1631
}
1632
treeview.view.expander:dir(rtl) {
1634
-gtk-icon-transform: rotate(90deg);
1635
}
1636
treeview.view.expander:checked {
1638
-gtk-icon-transform: unset;
1639
}
1640
treeview.view.expander:hover, treeview.view.expander:active {
1642
color: #FFFFFF;
1643
}
1644
treeview.view.expander:disabled {
1646
color: rgba(255, 255, 255, 0.3);
1647
}
1648
treeview.view.expander:selected {
1650
color: rgba(255, 255, 255, 0.7);
1651
}
1652
treeview.view.expander:selected:hover, treeview.view.expander:selected:active {
1654
color: #FFFFFF;
1655
}
1656
treeview.view.expander:selected:disabled {
1658
color: rgba(255, 255, 255, 0.3);
1659
}
1660
treeview.view.progressbar {
1662
border-bottom: 4px solid #338DD6;
1663
box-shadow: none;
1664
background-color: transparent;
1665
}
1666
treeview.view.progressbar:selected {
1668
border-bottom-color: #FFFFFF;
1669
}
1670
treeview.view.trough {
1672
border-bottom: 4px solid rgba(51, 141, 214, 0.3);
1673
box-shadow: none;
1674
background-color: transparent;
1675
}
1676
treeview.view.trough:selected {
1678
border-bottom-color: rgba(255, 255, 255, 0.3);
1679
}
1680
treeview.view header button {
1682
padding: 2px 6px;
1683
border-style: none solid solid none;
1684
border-width: 1px;
1685
border-color: rgba(0, 0, 0, 0.26);
1686
border-radius: 0;
1687
background-clip: border-box;
1688
}
1689
treeview.view header button, treeview.view header button:hover, treeview.view header button:active {
1691
box-shadow: none;
1692
}
1693
treeview.view header button, treeview.view header button:disabled {
1695
background-color: #303030;
1696
}
1697
treeview.view header button:last-child {
1699
border-right-style: none;
1700
}
1701
treeview.view button.dnd,
1703
treeview.view header.button.dnd {
1704
padding: 2px 6px;
1705
border-style: none solid solid;
1706
border-width: 1px;
1707
border-color: rgba(0, 0, 0, 0.26);
1708
border-radius: 0;
1709
box-shadow: none;
1710
background-color: #303030;
1711
background-clip: border-box;
1712
color: #338DD6;
1713
}
1714
treeview.view acceleditor > label {
1716
background-color: #338DD6;
1717
}
1718
/*********
1720
* Menus *
1721
*********/
1722
menubar,
1723
.menubar {
1724
-GtkWidget-window-dragging: true;
1725
padding: 0;
1726
background-color: #303030;
1727
}
1728
menubar > menuitem,
1730
.menubar > menuitem {
1731
transition: all 180ms cubic-bezier(0, 0, 0.2, 1);
1732
min-height: 20px;
1733
padding: 4px 8px;
1734
color: rgba(255, 255, 255, 0.7);
1735
}
1736
menubar > menuitem:hover,
1738
.menubar > menuitem:hover {
1739
transition: none;
1740
background-color: rgba(255, 255, 255, 0.12);
1741
color: #FFFFFF;
1742
}
1743
menubar > menuitem:disabled,
1745
.menubar > menuitem:disabled {
1746
color: rgba(255, 255, 255, 0.3);
1747
}
1748
menubar > menuitem label:disabled,
1750
.menubar > menuitem label:disabled {
1751
color: inherit;
1752
}
1753
.csd.popup {
1755
background-color: transparent;
1756
}
1757
menu,
1759
.menu,
1760
.context-menu {
1761
margin: 4px 0;
1762
padding: 4px 0;
1763
box-shadow: inset 0 1px rgba(255, 255, 255, 0.1);
1764
background-color: #303030;
1765
border: 1px solid rgba(0, 0, 0, 0.26);
1766
}
1767
.csd menu, .csd
1769
.menu, .csd
1770
.context-menu {
1771
border: none;
1772
border-radius: 2px;
1773
}
1774
menu menuitem,
1776
.menu menuitem,
1777
.context-menu menuitem {
1778
transition: background-color 180ms cubic-bezier(0, 0, 0.2, 1);
1779
min-height: 20px;
1780
min-width: 40px;
1781
padding: 4px 8px;
1782
font: initial;
1783
text-shadow: none;
1784
}
1785
menu menuitem:hover,
1787
.menu menuitem:hover,
1788
.context-menu menuitem:hover {
1789
transition: none;
1790
background-color: rgba(255, 255, 255, 0.12);
1791
}
1792
menu menuitem:disabled,
1794
.menu menuitem:disabled,
1795
.context-menu menuitem:disabled {
1796
color: rgba(255, 255, 255, 0.5);
1797
}
1798
menu menuitem arrow,
1800
.menu menuitem arrow,
1801
.context-menu menuitem arrow {
1802
min-height: 16px;
1803
min-width: 16px;
1804
}
1805
menu menuitem arrow:dir(ltr),
1807
.menu menuitem arrow:dir(ltr),
1808
.context-menu menuitem arrow:dir(ltr) {
1809
-gtk-icon-source: -gtk-icontheme("pan-end-symbolic");
1810
margin-left: 8px;
1811
}
1812
menu menuitem arrow:dir(rtl),
1814
.menu menuitem arrow:dir(rtl),
1815
.context-menu menuitem arrow:dir(rtl) {
1816
-gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl");
1817
margin-right: 8px;
1818
}
1819
menu menuitem label:dir(rtl), menu menuitem label:dir(ltr),
1821
.menu menuitem label:dir(rtl),
1822
.menu menuitem label:dir(ltr),
1823
.context-menu menuitem label:dir(rtl),
1824
.context-menu menuitem label:dir(ltr) {
1825
color: inherit;
1826
}
1827
menu > arrow,
1829
.menu > arrow,
1830
.context-menu > arrow {
1831
min-height: 16px;
1832
min-width: 16px;
1833
padding: 4px;
1834
background-color: #303030;
1835
color: rgba(255, 255, 255, 0.7);
1836
}
1837
menu > arrow.top,
1839
.menu > arrow.top,
1840
.context-menu > arrow.top {
1841
margin-top: -4px;
1842
border-bottom: 1px solid rgba(0, 0, 0, 0.26);
1843
border-radius: 2px 2px 0 0;
1844
-gtk-icon-source: -gtk-icontheme("pan-up-symbolic");
1845
}
1846
menu > arrow.bottom,
1848
.menu > arrow.bottom,
1849
.context-menu > arrow.bottom {
1850
margin-bottom: -12px;
1851
border-top: 1px solid rgba(0, 0, 0, 0.26);
1852
border-radius: 0 0 2px 2px;
1853
-gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
1854
}
1855
menu > arrow:hover,
1857
.menu > arrow:hover,
1858
.context-menu > arrow:hover {
1859
background-image: image(rgba(255, 255, 255, 0.12));
1860
color: #FFFFFF;
1861
}
1862
menu > arrow:disabled,
1864
.menu > arrow:disabled,
1865
.context-menu > arrow:disabled {
1866
border-color: transparent;
1867
background-color: transparent;
1868
color: transparent;
1869
}
1870
menu separator,
1872
.menu separator,
1873
.context-menu separator {
1874
margin: 4px 0;
1875
}
1876
menuitem accelerator {
1878
color: rgba(255, 255, 255, 0.7);
1879
}
1880
.popup:not(.csd) menu menuitem {
1882
color: #FFFFFF;
1883
}
1884
.popup:not(.csd) menu menuitem:hover {
1886
background-color: #494949;
1887
}
1888
.popup:not(.csd) menu menuitem:disabled {
1890
color: #989898;
1891
}
1892
.popup:not(.csd) menu accelerator {
1894
color: #c1c1c1;
1895
}
1896
/************
1898
* Popovers *
1899
************/
1900
popover.background {
1901
transition: box-shadow 180ms cubic-bezier(0, 0, 0.2, 1);
1902
padding: 2px;
1903
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23);
1904
background-color: #424242;
1905
}
1906
popover.background:backdrop {
1908
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
1909
}
1910
popover.background, .csd popover.background {
1912
border-style: solid;
1913
border-width: 1px;
1914
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.2) rgba(0, 0, 0, 0.3);
1915
border-radius: 3px;
1916
}
1917
popover.background > stack {
1919
margin: -4px;
1920
}
1921
popover.background > toolbar {
1923
margin: -2px;
1924
}
1925
popover.background > list,
1927
popover.background > .view,
1928
popover.background > toolbar {
1929
border-style: none;
1930
box-shadow: none;
1931
background-color: transparent;
1932
}
1933
popover.background.menu button,
1935
popover.background button.model {
1936
min-height: 32px;
1937
padding: 0 8px;
1938
border-radius: 2px;
1939
}
1940
popover.background separator {
1942
margin: 4px 0;
1943
}
1944
popover.background list separator {
1946
margin: 0;
1947
}
1948
/*************
1950
* Notebooks *
1951
*************/
1952
notebook > header {
1953
border-width: 1px;
1954
border-color: rgba(0, 0, 0, 0.26);
1955
background-color: #212121;
1956
background-clip: border-box;
1957
}
1958
notebook > header.top {
1960
border-bottom-style: solid;
1961
}
1962
notebook > header.top > tabs {
1964
margin-bottom: -1px;
1965
}
1966
notebook > header.top > tabs > tab:hover {
1968
box-shadow: inset 0 -2px rgba(255, 255, 255, 0.3);
1969
}
1970
notebook > header.top > tabs > tab:checked {
1972
box-shadow: inset 0 -2px #338DD6;
1973
}
1974
notebook > header.bottom {
1976
border-top-style: solid;
1977
}
1978
notebook > header.bottom > tabs {
1980
margin-top: -1px;
1981
}
1982
notebook > header.bottom > tabs > tab:hover {
1984
box-shadow: inset 0 2px rgba(255, 255, 255, 0.3);
1985
}
1986
notebook > header.bottom > tabs > tab:checked {
1988
box-shadow: inset 0 2px #338DD6;
1989
}
1990
notebook > header.left {
1992
border-right-style: solid;
1993
}
1994
notebook > header.left > tabs {
1996
margin-right: -1px;
1997
}
1998
notebook > header.left > tabs > tab:hover {
2000
box-shadow: inset -2px 0 rgba(255, 255, 255, 0.3);
2001
}
2002
notebook > header.left > tabs > tab:checked {
2004
box-shadow: inset -2px 0 #338DD6;
2005
}
2006
notebook > header.right {
2008
border-left-style: solid;
2009
}
2010
notebook > header.right > tabs {
2012
margin-left: -1px;
2013
}
2014
notebook > header.right > tabs > tab:hover {
2016
box-shadow: inset 2px 0 rgba(255, 255, 255, 0.3);
2017
}
2018
notebook > header.right > tabs > tab:checked {
2020
box-shadow: inset 2px 0 #338DD6;
2021
}
2022
notebook > header.top > tabs > arrow {
2024
border-top-style: none;
2025
}
2026
notebook > header.bottom > tabs > arrow {
2028
border-bottom-style: none;
2029
}
2030
notebook > header.top > tabs > arrow, notebook > header.bottom > tabs > arrow {
2032
padding-left: 4px;
2033
padding-right: 4px;
2034
}
2035
notebook > header.top > tabs > arrow.down, notebook > header.bottom > tabs > arrow.down {
2037
margin-left: -8px;
2038
-gtk-icon-source: -gtk-icontheme("pan-start-symbolic");
2039
}
2040
notebook > header.top > tabs > arrow.up, notebook > header.bottom > tabs > arrow.up {
2042
margin-right: -8px;
2043
-gtk-icon-source: -gtk-icontheme("pan-end-symbolic");
2044
}
2045
notebook > header.left > tabs > arrow {
2047
border-left-style: none;
2048
}
2049
notebook > header.right > tabs > arrow {
2051
border-right-style: none;
2052
}
2053
notebook > header.left > tabs > arrow, notebook > header.right > tabs > arrow {
2055
padding-top: 4px;
2056
padding-bottom: 4px;
2057
}
2058
notebook > header.left > tabs > arrow.down, notebook > header.right > tabs > arrow.down {
2060
margin-top: -8px;
2061
-gtk-icon-source: -gtk-icontheme("pan-up-symbolic");
2062
}
2063
notebook > header.left > tabs > arrow.up, notebook > header.right > tabs > arrow.up {
2065
margin-bottom: -8px;
2066
-gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
2067
}
2068
notebook > header > tabs > arrow {
2070
min-height: 16px;
2071
min-width: 16px;
2072
border-radius: 0;
2073
}
2074
notebook > header tab {
2076
transition: all 270ms cubic-bezier(0, 0, 0.2, 1), background-size 0, background-image 0;
2077
min-height: 20px;
2078
min-width: 20px;
2079
padding: 6px 12px;
2080
outline-offset: -6px;
2081
border-width: 1px;
2082
border-color: transparent;
2083
background-image: radial-gradient(circle farthest-corner at center, #338DD6 10%, transparent 0%);
2084
background-repeat: no-repeat;
2085
background-position: center;
2086
background-size: 0% 0%;
2087
color: rgba(255, 255, 255, 0.7);
2088
font-weight: 500;
2089
}
2090
notebook > header tab:hover {
2092
color: #FFFFFF;
2093
}
2094
notebook > header tab:hover.reorderable-page {
2096
border-color: rgba(0, 0, 0, 0.26);
2097
background-color: #292929;
2098
}
2099
notebook > header tab:disabled {
2101
color: rgba(255, 255, 255, 0.3);
2102
}
2103
notebook > header tab:checked {
2105
transition: all 270ms cubic-bezier(0, 0, 0.2, 1), background-size 270ms cubic-bezier(0, 0, 0.2, 1), background-image 720ms cubic-bezier(0, 0, 0.2, 1);
2106
background-image: radial-gradient(circle farthest-corner at center, transparent 10%, transparent 0%);
2107
background-size: 1000% 1000%;
2108
color: #FFFFFF;
2109
}
2110
notebook > header tab:checked:disabled {
2112
color: rgba(255, 255, 255, 0.5);
2113
}
2114
notebook > header tab:checked.reorderable-page {
2116
border-color: rgba(0, 0, 0, 0.26);
2117
background-color: #303030;
2118
}
2119
notebook > header tab button.flat:last-child {
2121
margin-left: 6px;
2122
margin-right: -6px;
2123
}
2124
notebook > header tab button.flat:first-child {
2126
margin-left: -6px;
2127
margin-right: 6px;
2128
}
2129
notebook > header.top tabs, notebook > header.bottom tabs {
2131
padding-left: 8px;
2132
padding-right: 8px;
2133
}
2134
notebook > header.top tabs:not(:only-child):first-child, notebook > header.bottom tabs:not(:only-child):first-child {
2136
margin-left: 0;
2137
}
2138
notebook > header.top tabs:not(:only-child):last-child, notebook > header.bottom tabs:not(:only-child):last-child {
2140
margin-right: 0;
2141
}
2142
notebook > header.top tabs tab.reorderable-page, notebook > header.bottom tabs tab.reorderable-page {
2144
margin: 0 -1px;
2145
border-style: none solid;
2146
}
2147
notebook > header.left tabs, notebook > header.right tabs {
2149
padding-top: 8px;
2150
padding-bottom: 8px;
2151
}
2152
notebook > header.left tabs:not(:only-child):first-child, notebook > header.right tabs:not(:only-child):first-child {
2154
margin-top: 0;
2155
}
2156
notebook > header.left tabs:not(:only-child):last-child, notebook > header.right tabs:not(:only-child):last-child {
2158
margin-bottom: 0;
2159
}
2160
notebook > header.left tabs tab.reorderable-page, notebook > header.right tabs tab.reorderable-page {
2162
margin: -1px 0;
2163
border-style: solid none;
2164
}
2165
notebook > stack:not(:only-child) {
2167
background-color: #303030;
2168
}
2169
/**************
2171
* Scrollbars *
2172
**************/
2173
scrollbar {
2174
transition: all 270ms cubic-bezier(0, 0, 0.2, 1);
2175
background-color: #303030;
2176
background-clip: border-box;
2177
}
2178
* {
2180
-GtkScrollbar-has-backward-stepper: false;
2181
-GtkScrollbar-has-forward-stepper: false;
2182
}
2183
scrollbar.top {
2185
border-bottom: 1px solid rgba(0, 0, 0, 0.26);
2186
}
2187
scrollbar.bottom {
2189
border-top: 1px solid rgba(0, 0, 0, 0.26);
2190
}
2191
scrollbar.left {
2193
border-right: 1px solid rgba(0, 0, 0, 0.26);
2194
}
2195
scrollbar.right {
2197
border-left: 1px solid rgba(0, 0, 0, 0.26);
2198
}
2199
scrollbar slider {
2201
transition: all 180ms cubic-bezier(0, 0, 0.2, 1), margin 0, border-width 0;
2202
min-width: 8px;
2203
min-height: 8px;
2204
border: 4px solid transparent;
2205
border-radius: 9999px;
2206
background-clip: padding-box;
2207
background-color: rgba(255, 255, 255, 0.5);
2208
}
2209
scrollbar slider:hover {
2211
background-color: rgba(255, 255, 255, 0.7);
2212
}
2213
scrollbar slider:active {
2215
background-color: #FFFFFF;
2216
}
2217
scrollbar slider:disabled {
2219
background-color: rgba(255, 255, 255, 0.3);
2220
}
2221
scrollbar.fine-tune slider {
2223
transition: all 180ms cubic-bezier(0, 0, 0.2, 1), margin 0, border-width 0, min-width 0, min-height 0;
2224
min-width: 4px;
2225
min-height: 4px;
2226
}
2227
scrollbar.fine-tune.horizontal slider {
2229
margin: 2px 0;
2230
}
2231
scrollbar.fine-tune.vertical slider {
2233
margin: 0 2px;
2234
}
2235
scrollbar.overlay-indicator:not(.dragging):not(.hovering) {
2237
border-color: transparent;
2238
background-color: transparent;
2239
}
2240
scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider {
2242
min-width: 4px;
2243
min-height: 4px;
2244
margin: 3px;
2245
border: 1px solid rgba(48, 48, 48, 0.3);
2246
}
2247
scrollbar.overlay-indicator:not(.dragging):not(.hovering) button {
2249
min-width: 4px;
2250
min-height: 4px;
2251
margin: 3px;
2252
border: 1px solid rgba(48, 48, 48, 0.3);
2253
border-radius: 9999px;
2254
background-color: rgba(255, 255, 255, 0.5);
2255
background-clip: padding-box;
2256
-gtk-icon-source: none;
2257
}
2258
scrollbar.overlay-indicator:not(.dragging):not(.hovering) button:disabled {
2260
background-color: rgba(255, 255, 255, 0.3);
2261
}
2262
scrollbar.overlay-indicator:not(.dragging):not(.hovering).horizontal slider {
2264
min-width: 24px;
2265
}
2266
scrollbar.overlay-indicator:not(.dragging):not(.hovering).horizontal button {
2268
min-width: 8px;
2269
}
2270
scrollbar.overlay-indicator:not(.dragging):not(.hovering).vertical slider {
2272
min-height: 24px;
2273
}
2274
scrollbar.overlay-indicator:not(.dragging):not(.hovering).vertical button {
2276
min-height: 8px;
2277
}
2278
scrollbar.overlay-indicator.dragging, scrollbar.overlay-indicator.hovering {
2280
background-color: rgba(48, 48, 48, 0.9);
2281
}
2282
scrollbar.horizontal slider {
2284
min-width: 24px;
2285
}
2286
scrollbar.vertical slider {
2288
min-height: 24px;
2289
}
2290
scrollbar button {
2292
min-width: 16px;
2293
min-height: 16px;
2294
padding: 0;
2295
border-radius: 0;
2296
}
2297
scrollbar.vertical button.down {
2299
-gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
2300
}
2301
scrollbar.vertical button.up {
2303
-gtk-icon-source: -gtk-icontheme("pan-up-symbolic");
2304
}
2305
scrollbar.horizontal button.down {
2307
-gtk-icon-source: -gtk-icontheme("pan-end-symbolic");
2308
}
2309
scrollbar.horizontal button.up {
2311
-gtk-icon-source: -gtk-icontheme("pan-start-symbolic");
2312
}
2313
/**********
2315
* Switch *
2316
**********/
2317
switch {
2318
transition: all 270ms cubic-bezier(0, 0, 0.2, 1);
2319
margin: 6px 0;
2320
padding: 0 2px;
2321
border: 5px solid transparent;
2322
border-radius: 9999px;
2323
background-color: rgba(255, 255, 255, 0.3);
2324
background-clip: padding-box;
2325
font-size: 0;
2326
}
2327
switch:disabled {
2329
background-color: rgba(255, 255, 255, 0.12);
2330
}
2331
switch:checked {
2333
background-color: rgba(0, 150, 136, 0.5);
2334
}
2335
switch:checked:disabled {
2337
background-color: rgba(0, 150, 136, 0.3);
2338
}
2339
switch slider {
2341
transition: all 180ms cubic-bezier(0, 0, 0.2, 1), box-shadow 180ms cubic-bezier(0, 0, 0.2, 1);
2342
min-width: 20px;
2343
min-height: 20px;
2344
margin: -3px -2px;
2345
border-radius: 9999px;
2346
outline-width: 0;
2347
outline-color: rgba(255, 255, 255, 0.12);
2348
outline-offset: 0;
2349
-gtk-outline-radius: 9999px;
2350
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
2351
background-color: #424242;
2352
}
2353
switch:focus slider {
2355
outline-width: 14px;
2356
}
2357
switch:hover slider {
2359
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23);
2360
}
2361
switch:checked slider {
2363
background-color: #009688;
2364
outline-color: rgba(0, 150, 136, 0.2);
2365
}
2366
switch:disabled slider {
2368
background-color: #212121;
2369
}
2370
/*************************
2372
* Check and Radio items *
2373
*************************/
2374
.view.content-view.check:not(list),
2375
.content-view .tile check:not(list) {
2376
min-height: 40px;
2377
min-width: 40px;
2378
margin: 0;
2379
padding: 0;
2380
box-shadow: none;
2381
background-color: transparent;
2382
background-image: none;
2383
-gtk-icon-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
2384
}
2385
.view.content-view.check:not(list):hover, .view.content-view.check:not(list):active,
2387
.content-view .tile check:not(list):hover,
2388
.content-view .tile check:not(list):active {
2389
-gtk-icon-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23);
2390
}
2391
.view.content-view.check:not(list),
2393
.content-view .tile check:not(list) {
2394
-gtk-icon-source: -gtk-scaled(url("assets/selectionmode-checkbox-unchecked-dark.png"), url("assets/selectionmode-checkbox-unchecked-dark@2.png"));
2395
}
2396
.view.content-view.check:not(list):checked,
2398
.content-view .tile check:not(list):checked {
2399
-gtk-icon-source: -gtk-scaled(url("assets/selectionmode-checkbox-checked-dark.png"), url("assets/selectionmode-checkbox-checked-dark@2.png"));
2400
}
2401
checkbutton.text-button,
2403
radiobutton.text-button {
2404
padding: 2px;
2405
outline-offset: 0;
2406
}
2407
checkbutton.text-button label:not(:only-child),
2409
radiobutton.text-button label:not(:only-child) {
2410
margin: 0 4px;
2411
}
2412
check,
2414
radio {
2415
min-height: 24px;
2416
min-width: 24px;
2417
margin: -8px;
2418
padding: 8px;
2419
}
2420
check:checked, check:indeterminate,
2422
radio:checked,
2423
radio:indeterminate {
2424
color: #009688;
2425
}
2426
check:checked:disabled, check:indeterminate:disabled,
2428
radio:checked:disabled,
2429
radio:indeterminate:disabled {
2430
color: rgba(0, 150, 136, 0.5);
2431
}
2432
row:selected check:not(:checked):not(:indeterminate), row:selected
2434
radio:not(:checked):not(:indeterminate) {
2435
color: rgba(255, 255, 255, 0.7);
2436
}
2437
row:selected check:not(:checked):not(:indeterminate):hover, row:selected check:not(:checked):not(:indeterminate):active, row:selected
2439
radio:not(:checked):not(:indeterminate):hover, row:selected
2440
radio:not(:checked):not(:indeterminate):active {
2441
color: #FFFFFF;
2442
}
2443
row:selected check:not(:checked):not(:indeterminate):disabled, row:selected
2445
radio:not(:checked):not(:indeterminate):disabled {
2446
color: rgba(255, 255, 255, 0.3);
2447
}
2448
popover check, popover check:hover, popover check:active, popover check:disabled, popover
2450
radio, popover
2451
radio:hover, popover
2452
radio:active, popover
2453
radio:disabled {
2454
box-shadow: none;
2455
background-image: none;
2456
}
2457
popover check:not(:checked):not(:indeterminate):not(:disabled), popover
2459
radio:not(:checked):not(:indeterminate):not(:disabled) {
2460
color: rgba(255, 255, 255, 0.7);
2461
}
2462
popover check.left:dir(rtl), popover
2464
radio.left:dir(rtl) {
2465
margin-left: -12px;
2466
margin-right: -4px;
2467
}
2468
popover check.right:dir(ltr), popover
2470
radio.right:dir(ltr) {
2471
margin-left: -4px;
2472
margin-right: -12px;
2473
}
2474
menu menuitem check, menu menuitem
2476
radio {
2477
transition: none;
2478
margin: 0;
2479
padding: 0;
2480
}
2481
menu menuitem check:dir(ltr), menu menuitem
2483
radio:dir(ltr) {
2484
margin-right: 8px;
2485
}
2486
menu menuitem check:dir(rtl), menu menuitem
2488
radio:dir(rtl) {
2489
margin-left: 8px;
2490
}
2491
menu menuitem check:not(:checked):not(:indeterminate):not(:disabled), menu menuitem
2493
radio:not(:checked):not(:indeterminate):not(:disabled) {
2494
color: rgba(255, 255, 255, 0.7);
2495
}
2496
menu menuitem check, menu menuitem check:hover, menu menuitem check:disabled, menu menuitem
2498
radio, menu menuitem
2499
radio:hover, menu menuitem
2500
radio:disabled {
2501
box-shadow: none;
2502
}
2503
check {
2506
-gtk-icon-source: -gtk-recolor(url("assets/scalable/checkbox-unchecked-symbolic.svg"));
2507
}
2508
check:checked {
2511
-gtk-icon-source: -gtk-recolor(url("assets/scalable/checkbox-checked-symbolic.svg"));
2512
}
2513
check:indeterminate {
2516
-gtk-icon-source: -gtk-recolor(url("assets/scalable/checkbox-mixed-symbolic.svg"));
2517
}
2518
radio {
2521
-gtk-icon-source: -gtk-recolor(url("assets/scalable/radio-unchecked-symbolic.svg"));
2522
border-image-slice: 20;
2523
border-image-width: 20px;
2524
}
2525
radio:indeterminate {
2528
-gtk-icon-source: -gtk-recolor(url("assets/scalable/radio-mixed-symbolic.svg"));
2529
}
2530
radio {
2533
border-image-source: -gtk-gradient(radial, center center, 0, center center, 0.001, to(#009688), to(transparent));
2534
}
2535
radio:checked:not(:indeterminate) {
2538
border-image-source: -gtk-gradient(radial, center center, 0, center center, 0.125, to(#009688), to(transparent));
2539
}
2540
radio:checked:not(:indeterminate):disabled {
2543
border-image-source: -gtk-gradient(radial, center center, 0, center center, 0.125, to(rgba(0, 150, 136, 0.5)), to(transparent));
2544
}
2545
window.background:not(.csd) > widget > checkbutton > check,
2547
menu menuitem check {
2548
min-height: 16px;
2549
min-width: 16px;
2550
border-radius: 2px;
2551
-gtk-outline-radius: 2px;
2552
-gtk-icon-source: -gtk-recolor(url("assets/scalable/small-checkbox-unchecked-symbolic.svg"));
2553
}
2554
window.background:not(.csd) > widget > checkbutton > check:checked,
2556
menu menuitem check:checked {
2557
-gtk-icon-source: -gtk-recolor(url("assets/scalable/small-checkbox-checked-symbolic.svg"));
2558
}
2559
window.background:not(.csd) > widget > checkbutton > check:indeterminate,
2561
menu menuitem check:indeterminate {
2562
-gtk-icon-source: -gtk-recolor(url("assets/scalable/small-checkbox-mixed-symbolic.svg"));
2563
}
2564
window.background:not(.csd) > widget > radiobutton > radio,
2566
menu menuitem radio {
2567
min-height: 16px;
2568
min-width: 16px;
2569
border-image: none;
2570
-gtk-icon-source: -gtk-recolor(url("assets/scalable/small-radio-unchecked-symbolic.svg"));
2571
}
2572
window.background:not(.csd) > widget > radiobutton > radio:checked,
2574
menu menuitem radio:checked {
2575
-gtk-icon-source: -gtk-recolor(url("assets/scalable/small-radio-checked-symbolic.svg"));
2576
}
2577
window.background:not(.csd) > widget > radiobutton > radio:indeterminate,
2579
menu menuitem radio:indeterminate {
2580
-gtk-icon-source: -gtk-recolor(url("assets/scalable/small-radio-mixed-symbolic.svg"));
2581
}
2582
check:not(:checked):active {
2584
-gtk-icon-transform: rotate(90deg);
2585
}
2586
check:not(:checked):indeterminate:active,
2588
radio:not(:checked):indeterminate:active {
2589
-gtk-icon-transform: scaleX(-1);
2590
}
2591
check:not(:checked),
2593
radio:not(:checked) {
2594
transition: all 270ms cubic-bezier(0, 0, 0.2, 1), background-size 450ms cubic-bezier(0, 0, 0.2, 1), background-image 900ms cubic-bezier(0, 0, 0.2, 1), -gtk-icon-transform 0;
2595
}
2596
check:not(:checked):active,
2598
radio:not(:checked):active {
2599
transition: all 270ms cubic-bezier(0, 0, 0.2, 1), background-size 0, background-image 0, -gtk-icon-transform 0;
2600
}
2601
menu menuitem check:not(:checked), menu menuitem
2603
radio:not(:checked) {
2604
transition: none;
2605
}
2606
treeview.view check,
2608
treeview.view radio {
2609
padding: 0;
2610
}
2611
treeview.view check:hover,
2613
treeview.view radio:hover {
2614
box-shadow: inset 0 0 0 9999px alpha(#FFFFFF, 0.05);
2615
}
2616
treeview.view check:hover:disabled,
2618
treeview.view radio:hover:disabled {
2619
box-shadow: none;
2620
}
2621
treeview.view check:hover:selected,
2623
treeview.view radio:hover:selected {
2624
box-shadow: inset 0 0 0 9999px alpha(#FFFFFF, 0.05);
2625
}
2626
treeview.view check,
2628
treeview.view radio {
2629
color: rgba(255, 255, 255, 0.7);
2630
}
2631
treeview.view check:hover, treeview.view check:active,
2633
treeview.view radio:hover,
2634
treeview.view radio:active {
2635
color: #FFFFFF;
2636
}
2637
treeview.view check:disabled,
2639
treeview.view radio:disabled {
2640
color: rgba(255, 255, 255, 0.3);
2641
}
2642
treeview.view check:checked, treeview.view check:indeterminate,
2644
treeview.view radio:checked,
2645
treeview.view radio:indeterminate {
2646
color: #009688;
2647
}
2648
treeview.view check:checked:disabled, treeview.view check:indeterminate:disabled,
2650
treeview.view radio:checked:disabled,
2651
treeview.view radio:indeterminate:disabled {
2652
color: rgba(0, 150, 136, 0.5);
2653
}
2654
treeview.view check:selected,
2656
treeview.view radio:selected {
2657
color: rgba(255, 255, 255, 0.7);
2658
}
2659
treeview.view check:selected:hover, treeview.view check:selected:active,
2661
treeview.view radio:selected:hover,
2662
treeview.view radio:selected:active {
2663
color: #FFFFFF;
2664
}
2665
treeview.view check:selected:disabled,
2667
treeview.view radio:selected:disabled {
2668
color: rgba(255, 255, 255, 0.3);
2669
}
2670
treeview.view check:selected:checked, treeview.view check:selected:indeterminate,
2672
treeview.view radio:selected:checked,
2673
treeview.view radio:selected:indeterminate {
2674
color: #009688;
2675
}
2676
treeview.view check:selected:checked:disabled, treeview.view check:selected:indeterminate:disabled,
2678
treeview.view radio:selected:checked:disabled,
2679
treeview.view radio:selected:indeterminate:disabled {
2680
color: rgba(0, 150, 136, 0.5);
2681
}
2682
treeview.view radio:checked {
2684
-gtk-icon-source: -gtk-recolor(url("assets/scalable/radio-checked-symbolic.svg"));
2685
border-image: none;
2686
}
2687
/************
2689
* GtkScale *
2690
************/
2691
scale {
2692
min-height: 8px;
2693
min-width: 8px;
2694
padding: 12px;
2695
}
2696
scale slider {
2698
min-height: 24px;
2699
min-width: 24px;
2700
margin: -11px;
2701
}
2702
scale trough {
2704
transition: all 270ms cubic-bezier(0, 0, 0.2, 1);
2705
outline-offset: 2px;
2706
background-color: rgba(255, 255, 255, 0.3);
2707
}
2708
scale trough:disabled {
2710
background-color: rgba(255, 255, 255, 0.12);
2711
}
2712
scale highlight {
2714
transition: all 270ms cubic-bezier(0, 0, 0.2, 1);
2715
background-color: #009688;
2716
}
2717
scale highlight:disabled {
2719
background-color: transparent;
2720
}
2721
scale fill {
2723
transition: all 270ms cubic-bezier(0, 0, 0.2, 1);
2724
background-color: rgba(255, 255, 255, 0.3);
2725
}
2726
scale fill:disabled {
2728
background-color: transparent;
2729
}
2730
scale slider {
2732
transition: all 180ms cubic-bezier(0.4, 0, 0.2, 1);
2733
background-repeat: no-repeat;
2734
background-position: center;
2735
background-size: calc(100% - 10px);
2736
}
2737
scale slider {
2739
background-image: -gtk-scaled(url("assets/scale-slider-dark.png"), url("assets/scale-slider-dark@2.png"));
2740
}
2741
scale slider:disabled {
2743
background-image: -gtk-scaled(url("assets/scale-slider-disabled-dark.png"), url("assets/scale-slider-disabled-dark@2.png"));
2744
}
2745
scale slider:hover {
2747
background-size: calc(100% - 8px);
2748
}
2749
scale slider:active {
2751
background-size: calc(100% - 6px);
2752
}
2753
scale.fine-tune slider {
2755
background-size: calc(100% - 12px);
2756
}
2757
scale marks label,
2759
scale value {
2760
color: rgba(255, 255, 255, 0.5);
2761
}
2762
scale marks {
2764
color: rgba(255, 255, 255, 0.3);
2765
}
2766
scale marks.top {
2768
margin-bottom: 8px;
2769
margin-top: -16px;
2770
}
2771
scale marks.bottom {
2773
margin-top: 8px;
2774
margin-bottom: -16px;
2775
}
2776
scale marks.top {
2778
margin-right: 8px;
2779
margin-left: -16px;
2780
}
2781
scale marks.bottom {
2783
margin-left: 8px;
2784
margin-right: -16px;
2785
}
2786
scale.horizontal indicator {
2788
min-height: 8px;
2789
min-width: 1px;
2790
}
2791
scale.vertical indicator {
2793
min-height: 1px;
2794
min-width: 8px;
2795
}
2796
scale.horizontal.marks-before:not(.marks-after) slider {
2798
min-height: 30px;
2799
min-width: 24px;
2800
margin-top: -17px;
2801
background-position: center calc(100% - 5px);
2802
}
2803
scale.horizontal.marks-before:not(.marks-after) slider {
2805
background-image: -gtk-scaled(url("assets/scale-horz-marks-before-slider-dark.png"), url("assets/scale-horz-marks-before-slider-dark@2.png"));
2806
}
2807
scale.horizontal.marks-before:not(.marks-after) slider:disabled {
2809
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"));
2810
}
2811
scale.horizontal.marks-before:not(.marks-after) slider:hover {
2813
background-position: center calc(100% - 4px);
2814
}
2815
scale.horizontal.marks-before:not(.marks-after) slider:active {
2817
background-position: center calc(100% - 3px);
2818
}
2819
scale.horizontal.marks-before:not(.marks-after).fine-tune slider {
2821
background-position: center calc(100% - 6px);
2822
}
2823
scale.horizontal.marks-after:not(.marks-before) slider {
2825
min-height: 30px;
2826
min-width: 24px;
2827
margin-bottom: -17px;
2828
background-position: center calc(5px);
2829
}
2830
scale.horizontal.marks-after:not(.marks-before) slider {
2832
background-image: -gtk-scaled(url("assets/scale-horz-marks-after-slider-dark.png"), url("assets/scale-horz-marks-after-slider-dark@2.png"));
2833
}
2834
scale.horizontal.marks-after:not(.marks-before) slider:disabled {
2836
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"));
2837
}
2838
scale.horizontal.marks-after:not(.marks-before) slider:hover {
2840
background-position: center calc(4px);
2841
}
2842
scale.horizontal.marks-after:not(.marks-before) slider:active {
2844
background-position: center calc(3px);
2845
}
2846
scale.horizontal.marks-after:not(.marks-before).fine-tune slider {
2848
background-position: center calc(6px);
2849
}
2850
scale.vertical.marks-before:not(.marks-after) slider {
2852
min-height: 24px;
2853
min-width: 30px;
2854
margin-left: -17px;
2855
background-position: calc(5px) center;
2856
}
2857
scale.vertical.marks-before:not(.marks-after) slider {
2859
background-image: -gtk-scaled(url("assets/scale-vert-marks-before-slider-dark.png"), url("assets/scale-vert-marks-before-slider-dark@2.png"));
2860
}
2861
scale.vertical.marks-before:not(.marks-after) slider:disabled {
2863
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"));
2864
}
2865
scale.vertical.marks-before:not(.marks-after) slider:hover {
2867
background-position: calc(4px) center;
2868
}
2869
scale.vertical.marks-before:not(.marks-after) slider:active {
2871
background-position: calc(3px) center;
2872
}
2873
scale.vertical.marks-before:not(.marks-after).fine-tune slider {
2875
background-position: calc(6px) center;
2876
}
2877
scale.vertical.marks-after:not(.marks-before) slider {
2879
min-height: 24px;
2880
min-width: 30px;
2881
margin-right: -17px;
2882
background-position: calc(100% - 5px) center;
2883
}
2884
scale.vertical.marks-after:not(.marks-before) slider {
2886
background-image: -gtk-scaled(url("assets/scale-vert-marks-after-slider-dark.png"), url("assets/scale-vert-marks-after-slider-dark@2.png"));
2887
}
2888
scale.vertical.marks-after:not(.marks-before) slider:disabled {
2890
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"));
2891
}
2892
scale.vertical.marks-after:not(.marks-before) slider:hover {
2894
background-position: calc(100% - 4px) center;
2895
}
2896
scale.vertical.marks-after:not(.marks-before) slider:active {
2898
background-position: calc(100% - 3px) center;
2899
}
2900
scale.vertical.marks-after:not(.marks-before).fine-tune slider {
2902
background-position: calc(100% - 6px) center;
2903
}
2904
scale.color {
2906
min-height: 0;
2907
min-width: 0;
2908
}
2909
scale.color.horizontal {
2911
padding: 0 0 12px 0;
2912
}
2913
scale.color.horizontal slider:dir(ltr), scale.color.horizontal slider:dir(rtl) {
2915
margin-bottom: -12px;
2916
margin-top: -2px;
2917
}
2918
scale.color.vertical:dir(ltr) {
2920
padding: 0 0 0 12px;
2921
}
2922
scale.color.vertical:dir(ltr) slider {
2924
margin-left: -12px;
2925
margin-right: -2px;
2926
}
2927
scale.color.vertical:dir(rtl) {
2929
padding: 0 12px 0 0;
2930
}
2931
scale.color.vertical:dir(rtl) slider {
2933
margin-right: -12px;
2934
margin-left: -2px;
2935
}
2936
/*****************
2938
* Progress bars *
2939
*****************/
2940
progressbar {
2941
color: rgba(255, 255, 255, 0.5);
2942
font-size: smaller;
2943
}
2944
progressbar.horizontal trough,
2946
progressbar.horizontal progress {
2947
min-height: 4px;
2948
}
2949
progressbar.vertical trough,
2951
progressbar.vertical progress {
2952
min-width: 4px;
2953
}
2954
progressbar trough {
2956
background-color: rgba(51, 141, 214, 0.3);
2957
}
2958
progressbar progress {
2960
background-color: #338DD6;
2961
}
2962
progressbar trough.empty progress {
2964
all: unset;
2965
}
2966
/*************
2968
* Level Bar *
2969
*************/
2970
levelbar.horizontal block {
2971
min-height: 4px;
2972
}
2973
levelbar.horizontal.discrete block {
2975
min-width: 32px;
2976
}
2977
levelbar.horizontal.discrete block:not(:last-child) {
2979
margin-right: 2px;
2980
}
2981
levelbar.vertical block {
2983
min-width: 4px;
2984
}
2985
levelbar.vertical.discrete block {
2987
min-height: 32px;
2988
}
2989
levelbar.vertical.discrete block:not(:last-child) {
2991
margin-bottom: 2px;
2992
}
2993
levelbar trough {
2995
padding: 2px;
2996
border-radius: 2px;
2997
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
2998
background-color: #303030;
2999
}
3000
levelbar trough:disabled {
3002
background-color: #292929;
3003
}
3004
levelbar block.low {
3006
background-color: #FF6D00;
3007
}
3008
levelbar block.high, levelbar block:not(.empty) {
3010
background-color: #338DD6;
3011
}
3012
levelbar block.full {
3014
background-color: #00C853;
3015
}
3016
levelbar block.empty {
3018
background-color: rgba(255, 255, 255, 0.12);
3019
}
3020
/****************
3022
* Print dialog *
3023
*****************/
3024
printdialog paper {
3025
padding: 0;
3026
border: 1px solid rgba(0, 0, 0, 0.26);
3027
background-color: #303030;
3028
color: #FFFFFF;
3029
}
3030
printdialog .dialog-action-box {
3032
margin: 12px;
3033
}
3034
/**********
3036
* Frames *
3037
**********/
3038
frame > border,
3039
.frame {
3040
margin: 0;
3041
padding: 0;
3042
border: 1px solid rgba(0, 0, 0, 0.26);
3043
border-radius: 0;
3044
box-shadow: none;
3045
}
3046
frame > border.flat,
3048
.frame.flat,
3049
frame.flat > border {
3050
border-style: none;
3051
}
3052
actionbar > revealer > box {
3054
padding: 6px;
3055
border-top: 1px solid rgba(0, 0, 0, 0.26);
3056
}
3057
scrolledwindow viewport.frame {
3059
border-style: none;
3060
}
3061
overshoot.top {
3063
background-image: -gtk-gradient(radial, center top, 0, center top, 0.75, to(rgba(64, 196, 255, 0.3)), to(transparent));
3064
background-repeat: no-repeat;
3065
background-position: center top;
3066
background-color: transparent;
3067
border: none;
3068
box-shadow: none;
3069
}
3070
overshoot.bottom {
3072
background-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.75, to(rgba(64, 196, 255, 0.3)), to(transparent));
3073
background-repeat: no-repeat;
3074
background-position: center bottom;
3075
background-color: transparent;
3076
border: none;
3077
box-shadow: none;
3078
}
3079
overshoot.left {
3081
background-image: -gtk-gradient(radial, left center, 0, left center, 0.75, to(rgba(64, 196, 255, 0.3)), to(transparent));
3082
background-repeat: no-repeat;
3083
background-position: left center;
3084
background-color: transparent;
3085
border: none;
3086
box-shadow: none;
3087
}
3088
overshoot.right {
3090
background-image: -gtk-gradient(radial, right center, 0, right center, 0.75, to(rgba(64, 196, 255, 0.3)), to(transparent));
3091
background-repeat: no-repeat;
3092
background-position: right center;
3093
background-color: transparent;
3094
border: none;
3095
box-shadow: none;
3096
}
3097
undershoot.top {
3099
background-color: transparent;
3100
background-image: linear-gradient(to left, rgba(48, 48, 48, 0.3) 50%, rgba(255, 255, 255, 0.3) 50%);
3101
padding-top: 1px;
3102
background-size: 12px 1px;
3103
background-repeat: repeat-x;
3104
background-origin: content-box;
3105
background-position: left top;
3106
}
3107
undershoot.bottom {
3109
background-color: transparent;
3110
background-image: linear-gradient(to left, rgba(48, 48, 48, 0.3) 50%, rgba(255, 255, 255, 0.3) 50%);
3111
padding-bottom: 1px;
3112
background-size: 12px 1px;
3113
background-repeat: repeat-x;
3114
background-origin: content-box;
3115
background-position: left bottom;
3116
}
3117
undershoot.left {
3119
background-color: transparent;
3120
background-image: linear-gradient(to top, rgba(48, 48, 48, 0.3) 50%, rgba(255, 255, 255, 0.3) 50%);
3121
padding-left: 1px;
3122
background-size: 1px 12px;
3123
background-repeat: repeat-y;
3124
background-origin: content-box;
3125
background-position: left top;
3126
}
3127
undershoot.right {
3129
background-color: transparent;
3130
background-image: linear-gradient(to top, rgba(48, 48, 48, 0.3) 50%, rgba(255, 255, 255, 0.3) 50%);
3131
padding-right: 1px;
3132
background-size: 1px 12px;
3133
background-repeat: repeat-y;
3134
background-origin: content-box;
3135
background-position: right top;
3136
}
3137
junction {
3139
border-style: solid none none solid;
3140
border-width: 1px;
3141
border-color: rgba(0, 0, 0, 0.26);
3142
background-color: #303030;
3143
}
3144
junction:dir(rtl) {
3146
border-style: solid solid none none;
3147
}
3148
separator {
3150
min-width: 1px;
3151
min-height: 1px;
3152
background-color: rgba(0, 0, 0, 0.26);
3153
}
3154
button.font separator,
3157
button.file separator, .tweak-categories separator {
3158
min-width: 0;
3159
min-height: 0;
3160
background-color: transparent;
3161
}
3162
/*********
3164
* Lists *
3165
*********/
3166
list {
3167
border-color: rgba(0, 0, 0, 0.26);
3168
background-color: #303030;
3169
}
3170
list row {
3172
padding: 2px;
3173
}
3174
row.activatable, .view, treeview.view header button, .budgie-menu button {
3176
transition: all 270ms cubic-bezier(0, 0, 0.2, 1), background-color 0, color 0, background-size 450ms cubic-bezier(0, 0, 0.2, 1), background-image 900ms cubic-bezier(0, 0, 0.2, 1);
3177
box-shadow: inset 0 0 0 9999px transparent;
3178
background-image: radial-gradient(circle farthest-corner at center, transparent 10%, transparent 0%);
3179
background-repeat: no-repeat;
3180
background-position: center;
3181
background-size: 1000% 1000%;
3182
}
3183
row.activatable:hover, .view:hover, treeview.view header button:hover, .budgie-menu button:hover {
3185
transition: all 270ms cubic-bezier(0, 0, 0.2, 1), background-color 0, color 0, box-shadow 0, background-size 450ms cubic-bezier(0, 0, 0.2, 1), background-image 900ms cubic-bezier(0, 0, 0.2, 1);
3186
box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.05);
3187
}
3188
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 {
3190
transition: all 270ms cubic-bezier(0, 0, 0.2, 1), background-color 0, color 0, background-size 0, background-image 0;
3191
animation: ripple_effect 270ms cubic-bezier(0, 0, 0.2, 1) forwards;
3192
box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.15);
3193
background-image: radial-gradient(circle farthest-corner at center, alpha(currentColor, 0.15) 10%, transparent 0%);
3194
background-size: 0% 0%;
3195
}
3196
/*********************
3198
* App Notifications *
3199
*********************/
3200
.app-notification {
3201
margin: 8px;
3202
}
3203
.app-notification.frame,
3205
.app-notification border {
3206
border-style: none;
3207
}
3208
/*************
3210
* Expanders *
3211
*************/
3212
expander title > arrow {
3213
transition: all 180ms cubic-bezier(0.4, 0, 0.2, 1);
3214
min-width: 16px;
3215
min-height: 16px;
3216
-gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
3217
-gtk-icon-transform: rotate(-90deg);
3218
color: rgba(255, 255, 255, 0.7);
3219
}
3220
expander title > arrow:dir(rtl) {
3222
-gtk-icon-transform: rotate(90deg);
3223
}
3224
expander title > arrow:checked {
3226
-gtk-icon-transform: unset;
3227
}
3228
expander title > arrow:hover, expander title > arrow:active {
3230
color: #FFFFFF;
3231
}
3232
expander title > arrow:disabled {
3234
color: rgba(255, 255, 255, 0.3);
3235
}
3236
expander title > arrow:selected {
3238
color: rgba(255, 255, 255, 0.7);
3239
}
3240
expander title > arrow:selected:hover, expander title > arrow:selected:active {
3242
color: #FFFFFF;
3243
}
3244
expander title > arrow:selected:disabled {
3246
color: rgba(255, 255, 255, 0.3);
3247
}
3248
/************
3250
* Calendar *
3251
************/
3252
calendar {
3253
padding: 1px;
3254
border: 1px solid rgba(0, 0, 0, 0.26);
3255
color: #FFFFFF;
3256
}
3257
calendar:disabled {
3259
color: rgba(255, 255, 255, 0.5);
3260
}
3261
calendar:selected {
3263
border-radius: 3px;
3264
}
3265
calendar.header {
3267
border-style: none none solid;
3268
border-radius: 0;
3269
}
3270
calendar.highlight {
3272
color: rgba(255, 255, 255, 0.7);
3273
font-weight: 500;
3274
}
3275
calendar:indeterminate {
3277
color: rgba(255, 255, 255, 0.3);
3278
}
3279
/***********
3281
* Dialogs *
3282
***********/
3283
messagedialog.background {
3284
background-color: #424242;
3285
}
3286
messagedialog .titlebar {
3288
min-height: 20px;
3289
border-style: none;
3290
box-shadow: inset 0 1px rgba(255, 255, 255, 0.1);
3291
background-color: #424242;
3292
color: #FFFFFF;
3293
}
3294
messagedialog .titlebar:backdrop {
3296
color: rgba(255, 255, 255, 0.7);
3297
}
3298
messagedialog.csd.background {
3300
border-bottom-left-radius: 2px;
3301
border-bottom-right-radius: 2px;
3302
}
3303
messagedialog.csd .dialog-action-area button {
3305
padding: 8px 16px;
3306
border-top: 1px solid rgba(0, 0, 0, 0.26);
3307
border-radius: 0;
3308
}
3309
messagedialog.csd .dialog-action-area button:first-child {
3311
border-bottom-left-radius: 2px;
3312
}
3313
messagedialog.csd .dialog-action-area button:last-child {
3315
border-bottom-right-radius: 2px;
3316
}
3317
filechooser .dialog-action-box {
3319
border-top: 1px solid rgba(0, 0, 0, 0.26);
3320
}
3321
filechooser #pathbarbox {
3323
border-bottom: 1px solid rgba(0, 0, 0, 0.26);
3324
background-color: #212121;
3325
}
3326
filechooserbutton:drop(active) {
3328
box-shadow: none;
3329
}
3330
/***********
3332
* Sidebar *
3333
***********/
3334
.sidebar {
3335
border-style: none;
3336
background-color: #292929;
3337
}
3338
stacksidebar.sidebar:dir(ltr) list, stacksidebar.sidebar.left list, stacksidebar.sidebar.left:dir(rtl) list, .sidebar:dir(ltr), .sidebar.left, .sidebar.left:dir(rtl) {
3340
border-right: 1px solid rgba(0, 0, 0, 0.26);
3341
border-left-style: none;
3342
}
3343
stacksidebar.sidebar:dir(rtl) list, stacksidebar.sidebar.right list, .sidebar:dir(rtl), .sidebar.right {
3345
border-left: 1px solid rgba(0, 0, 0, 0.26);
3346
border-right-style: none;
3347
}
3348
.sidebar list {
3350
background-color: transparent;
3351
}
3352
paned .sidebar.left, paned .sidebar.right, paned .sidebar.left:dir(rtl), paned .sidebar:dir(rtl), paned .sidebar:dir(ltr), paned .sidebar {
3354
border-style: none;
3355
}
3356
stacksidebar row {
3358
padding: 10px 4px;
3359
}
3360
stacksidebar row > label {
3362
padding-left: 6px;
3363
padding-right: 6px;
3364
}
3365
/****************
3367
* File chooser *
3368
****************/
3369
row image.sidebar-icon {
3370
color: rgba(255, 255, 255, 0.7);
3371
}
3372
row:selected image.sidebar-icon {
3374
color: rgba(255, 255, 255, 0.7);
3375
}
3376
placessidebar > viewport.frame {
3378
border-style: none;
3379
}
3380
placessidebar list {
3382
padding: 1px 0 4px;
3383
}
3384
placessidebar row {
3386
min-height: 32px;
3387
margin: -1px 0;
3388
padding: 0;
3389
}
3390
placessidebar row > revealer {
3392
padding: 0 12px;
3393
}
3394
placessidebar row:selected {
3396
color: #FFFFFF;
3397
}
3398
placessidebar row:disabled {
3400
color: rgba(255, 255, 255, 0.5);
3401
}
3402
placessidebar row image.sidebar-icon:dir(ltr) {
3404
padding-right: 8px;
3405
}
3406
placessidebar row image.sidebar-icon:dir(rtl) {
3408
padding-left: 8px;
3409
}
3410
placessidebar row label.sidebar-label:dir(ltr) {
3412
padding-right: 2px;
3413
}
3414
placessidebar row label.sidebar-label:dir(rtl) {
3416
padding-left: 2px;
3417
}
3418
placessidebar row.sidebar-placeholder-row {
3420
min-height: 2px;
3421
padding: 0 8px;
3422
background-image: image(#009688);
3423
background-clip: content-box;
3424
}
3425
placessidebar row.sidebar-new-bookmark-row {
3427
color: #009688;
3428
}
3429
placessidebar row:drop(active):not(:disabled) {
3431
box-shadow: inset 0 0 0 2px #009688;
3432
}
3433
placesview .server-list-button > image {
3435
-gtk-icon-transform: rotate(0turn);
3436
}
3437
placesview .server-list-button:checked > image {
3439
-gtk-icon-transform: rotate(-0.5turn);
3440
}
3441
placesview > actionbar > revealer > box > label {
3443
padding-left: 8px;
3444
padding-right: 8px;
3445
}
3446
/*********
3448
* Paned *
3449
*********/
3450
paned > separator {
3451
min-width: 1px;
3452
min-height: 1px;
3453
-gtk-icon-source: none;
3454
border-style: none;
3455
background-color: transparent;
3456
background-image: image(rgba(0, 0, 0, 0.26));
3457
background-size: 1px 1px;
3458
background-clip: content-box;
3459
}
3460
paned > separator.wide {
3462
min-width: 6px;
3463
min-height: 6px;
3464
background-color: #212121;
3465
background-image: image(rgba(0, 0, 0, 0.26)), image(rgba(0, 0, 0, 0.26));
3466
background-size: 1px 1px, 1px 1px;
3467
}
3468
paned.horizontal > separator {
3470
background-repeat: repeat-y;
3471
}
3472
paned.horizontal > separator:dir(ltr) {
3474
margin: 0 -8px 0 0;
3475
padding: 0 8px 0 0;
3476
background-position: left;
3477
}
3478
paned.horizontal > separator:dir(rtl) {
3480
margin: 0 0 0 -8px;
3481
padding: 0 0 0 8px;
3482
background-position: right;
3483
}
3484
paned.horizontal > separator.wide {
3486
margin: 0;
3487
padding: 0;
3488
background-repeat: repeat-y, repeat-y;
3489
background-position: left, right;
3490
}
3491
paned.vertical > separator {
3493
margin: 0 0 -8px 0;
3494
padding: 0 0 8px 0;
3495
background-repeat: repeat-x;
3496
background-position: top;
3497
}
3498
paned.vertical > separator.wide {
3500
margin: 0;
3501
padding: 0;
3502
background-repeat: repeat-x, repeat-x;
3503
background-position: bottom, top;
3504
}
3505
/**************
3507
* GtkInfoBar *
3508
**************/
3509
infobar {
3510
border-style: none;
3511
}
3512
infobar.info {
3514
background-color: #66BB6A;
3515
}
3516
infobar.question {
3518
background-color: #42A5F5;
3519
}
3520
infobar.warning {
3522
background-color: #FFA726;
3523
}
3524
infobar.error {
3526
background-color: #EF5350;
3527
}
3528
infobar.info > label, infobar.info, infobar.question > label, infobar.question, infobar.warning > label, infobar.warning, infobar.error > label, infobar.error {
3530
color: #FFFFFF;
3531
}
3532
/************
3534
* Tooltips *
3535
************/
3536
tooltip {
3537
border-radius: 2px;
3538
box-shadow: none;
3539
}
3540
tooltip.background {
3542
background-color: rgba(66, 66, 66, 0.9);
3543
color: #FFFFFF;
3544
}
3545
tooltip decoration {
3547
background-color: transparent;
3548
}
3549
tooltip label {
3551
min-height: 20px;
3552
padding: 0 2px;
3553
}
3554
/*****************
3556
* Color Chooser *
3557
*****************/
3558
colorswatch.top {
3559
border-top-left-radius: 2.5px;
3560
border-top-right-radius: 2.5px;
3561
}
3562
colorswatch.top overlay {
3564
border-top-left-radius: 2px;
3565
border-top-right-radius: 2px;
3566
}
3567
colorswatch.bottom {
3569
border-bottom-left-radius: 2.5px;
3570
border-bottom-right-radius: 2.5px;
3571
}
3572
colorswatch.bottom overlay {
3574
border-bottom-left-radius: 2px;
3575
border-bottom-right-radius: 2px;
3576
}
3577
colorswatch.left, colorswatch:first-child:not(.top) {
3579
border-top-left-radius: 2.5px;
3580
border-bottom-left-radius: 2.5px;
3581
}
3582
colorswatch.left overlay, colorswatch:first-child:not(.top) overlay {
3584
border-top-left-radius: 2px;
3585
border-bottom-left-radius: 2px;
3586
}
3587
colorswatch.right, colorswatch:last-child:not(.bottom) {
3589
border-top-right-radius: 2.5px;
3590
border-bottom-right-radius: 2.5px;
3591
}
3592
colorswatch.right overlay, colorswatch:last-child:not(.bottom) overlay {
3594
border-top-right-radius: 2px;
3595
border-bottom-right-radius: 2px;
3596
}
3597
colorswatch.dark {
3599
color: #FFFFFF;
3600
}
3601
colorswatch.light {
3603
color: rgba(0, 0, 0, 0.87);
3604
}
3605
colorswatch:drop(active) {
3607
box-shadow: none;
3608
}
3609
colorswatch:drop(active).light overlay {
3611
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24), 0 0 0 2px #009688;
3612
}
3613
colorswatch:drop(active).dark overlay {
3615
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24), 0 0 0 2px #009688;
3616
}
3617
colorswatch overlay {
3619
transition: box-shadow 180ms cubic-bezier(0, 0, 0.2, 1);
3620
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
3621
}
3622
colorswatch overlay:hover {
3624
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23);
3625
}
3626
colorswatch#add-color-button {
3628
border-radius: 2px 2px 0 0;
3629
color: #FFFFFF;
3630
}
3631
colorswatch#add-color-button:only-child {
3633
border-radius: 2px;
3634
}
3635
colorswatch#add-color-button overlay {
3637
background-image: linear-gradient(to right, #EF5350 25%, #FFA726 25%, #FFA726 50%, #66BB6A 50%, #66BB6A 75%, #42A5F5 75%);
3638
}
3639
colorswatch:disabled {
3641
opacity: 0.5;
3642
}
3643
colorswatch:disabled overlay {
3645
box-shadow: none;
3646
}
3647
colorswatch#editor-color-sample {
3649
border-radius: 2.5px;
3650
}
3651
colorswatch#editor-color-sample overlay {
3653
border-radius: 2px;
3654
}
3655
colorchooser .popover.osd {
3657
transition: box-shadow 180ms cubic-bezier(0, 0, 0.2, 1);
3658
border-radius: 2px;
3659
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);
3660
background-color: #303030;
3661
}
3662
colorchooser .popover.osd:backdrop {
3664
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);
3665
}
3666
/********
3668
* Misc *
3669
********/
3670
.content-view {
3671
background-color: #212121;
3672
}
3673
/**********************
3675
* Window Decorations *
3676
**********************/
3677
decoration {
3678
transition: box-shadow 180ms cubic-bezier(0, 0, 0.2, 1);
3679
border-radius: 2px 2px 0 0;
3680
box-shadow: 0 14px 14px rgba(0, 0, 0, 0.25), 0 10px 5px rgba(0, 0, 0, 0.22), 0 16px 16px transparent;
3681
margin: 8px;
3682
}
3683
decoration:backdrop {
3685
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23), 0 16px 16px transparent;
3686
}
3687
.maximized decoration,
3689
.fullscreen decoration,
3690
.tiled decoration,
3691
.tiled-top decoration,
3692
.tiled-right decoration,
3693
.tiled-bottom decoration,
3694
.tiled-left decoration {
3695
border-radius: 0;
3696
}
3697
.popup decoration {
3699
box-shadow: none;
3700
}
3701
.ssd decoration {
3703
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16);
3704
}
3705
.csd.popup decoration {
3707
border-radius: 2px;
3708
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23);
3709
}
3710
tooltip.csd decoration {
3712
border-radius: 2px;
3713
box-shadow: none;
3714
}
3715
messagedialog.csd decoration {
3717
border-radius: 2px;
3718
}
3719
.solid-csd decoration {
3721
margin: 0;
3722
border-radius: 0;
3723
box-shadow: none;
3724
background-color: #303030;
3725
}
3726
.view selection, .view:selected, flowbox flowboxchild:selected, spinbutton:not(.vertical) selection,
3728
entry selection, modelbutton.flat:selected,
3729
.menuitem.button.flat:selected, popover.background.menu button:checked,
3730
popover.background button.model:checked, row:selected, calendar:selected, text:selected, .budgie-menu button:checked {
3731
background-color: #338DD6;
3732
}
3733
row:selected label, label:selected, .view selection, .view:selected, flowbox flowboxchild:selected, spinbutton:not(.vertical) selection,
3735
entry selection, modelbutton.flat:selected,
3736
.menuitem.button.flat:selected, popover.background.menu button:checked,
3737
popover.background button.model:checked, row:selected, calendar:selected, text:selected, .budgie-menu button:checked {
3738
color: #FFFFFF;
3739
}
3740
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,
3742
entry selection:disabled, modelbutton.flat:disabled:selected,
3743
.menuitem.button.flat:disabled:selected, popover.background.menu button:disabled:checked,
3744
popover.background button.model:disabled:checked, row:disabled:selected, calendar:disabled:selected, text:disabled:selected, .budgie-menu button:disabled:checked {
3745
color: rgba(255, 255, 255, 0.5);
3746
}
3747
.monospace {
3749
font-family: monospace;
3750
}
3751
/**********************
3753
* Touch Copy & Paste *
3754
**********************/
3755
cursor-handle {
3756
border-radius: 9999px;
3757
background-color: #009688;
3758
background-image: none;
3759
}
3760
cursor-handle.top:dir(ltr), cursor-handle.bottom:dir(rtl) {
3762
padding-left: 6px;
3763
border-top-right-radius: 0;
3764
}
3765
cursor-handle.bottom:dir(ltr), cursor-handle.top:dir(rtl) {
3767
padding-right: 6px;
3768
border-top-left-radius: 0;
3769
}
3770
cursor-handle.insertion-cursor:dir(ltr), cursor-handle.insertion-cursor:dir(rtl) {
3772
-GtkWidget-text-handle-width: 24;
3773
-GtkWidget-text-handle-height: 30;
3774
-gtk-icon-source: -gtk-scaled(url("assets/scale-horz-marks-before-slider-dark.png"), url("assets/scale-horz-marks-before-slider-dark@2.png"));
3775
}
3776
.context-menu {
3778
font: initial;
3779
}
3780
.keycap {
3782
min-width: 12px;
3783
min-height: 26px;
3784
margin-top: 2px;
3785
padding-bottom: 2px;
3786
padding-left: 8px;
3787
padding-right: 8px;
3788
border: solid 1px rgba(0, 0, 0, 0.26);
3789
border-radius: 3px;
3790
box-shadow: inset 0 -2px rgba(0, 0, 0, 0.26);
3791
background-color: #303030;
3792
color: #FFFFFF;
3793
font-size: smaller;
3794
}
3795
:not(decoration):not(window):drop(active) {
3797
transition: all 270ms cubic-bezier(0, 0, 0.2, 1);
3798
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 #009688;
3799
caret-color: #009688;
3800
}
3801
stackswitcher button.text-button {
3803
min-width: 100px;
3804
}
3805
stackswitcher button.circular,
3807
stackswitcher button.text-button.circular {
3808
min-width: 32px;
3809
min-height: 32px;
3810
padding: 0;
3811
}
3812
/*********
3814
* Emoji *
3815
*********/
3816
popover.emoji-picker {
3817
padding: 0;
3818
}
3819
popover.emoji-picker entry {
3821
border-bottom: 1px solid rgba(0, 0, 0, 0.26);
3822
border-bottom-left-radius: 0;
3823
border-bottom-right-radius: 0;
3824
box-shadow: none;
3825
}
3826
popover.emoji-picker scrolledwindow {
3828
border-bottom: 1px solid rgba(0, 0, 0, 0.26);
3829
}
3830
button.emoji-section {
3832
margin-top: -1px;
3833
padding: 0 8px;
3834
min-width: 24px;
3835
min-height: 32px;
3836
border-radius: 0;
3837
outline-offset: -6px;
3838
box-shadow: none;
3839
}
3840
button.emoji-section:hover {
3842
box-shadow: inset 0 2px rgba(255, 255, 255, 0.3);
3843
}
3844
button.emoji-section:active {
3846
box-shadow: inset 0 2px #338DD6;
3847
background-image: radial-gradient(circle farthest-corner at center, rgba(51, 141, 214, 0.7) 10%, transparent 0%);
3848
}
3849
button.emoji-section:checked {
3851
box-shadow: inset 0 2px #338DD6;
3852
background-color: transparent;
3853
}
3854
button.emoji-section:first-child {
3856
margin-left: 4px;
3857
}
3858
button.emoji-section:last-child {
3860
margin-right: 4px;
3861
}
3862
.emoji {
3864
min-width: 3em;
3865
min-height: 3em;
3866
padding: 0;
3867
}
3868
.emoji widget {
3870
transition: all 180ms cubic-bezier(0, 0, 0.2, 1);
3871
}
3872
.emoji widget:hover {
3874
font-size: larger;
3875
}
3876
/************
3878
* Nautilus *
3879
************/
3880
.nautilus-window,
3881
.nautilus-window notebook,
3882
.nautilus-window notebook > stack {
3883
background-color: #303030;
3884
}
3885
.nautilus-desktop.nautilus-canvas-item:not(:selected), .caja-desktop.caja-canvas-item:not(:selected) {
3887
color: #FFFFFF;
3888
text-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
3889
}
3890
@keyframes needs_attention_keyframes {
3892
to {
3893
background-color: alpha(currentColor, 0.3);
3894
}
3895
}
3896
.nautilus-operations-button-needs-attention {
3898
animation: needs_attention_keyframes 270ms cubic-bezier(0.4, 0, 0.2, 1) 2 alternate;
3899
}
3900
.nautilus-operations-button-needs-attention-multiple {
3902
animation: needs_attention_keyframes 270ms cubic-bezier(0.4, 0, 0.2, 1) 4 alternate;
3903
}
3904
.nautilus-window .floating-bar {
3906
min-height: 32px;
3907
padding: 0;
3908
border-style: solid solid none;
3909
border-width: 1px;
3910
border-color: rgba(0, 0, 0, 0.26);
3911
border-radius: 3px 3px 0 0;
3912
background-color: #303030;
3913
background-clip: border-box;
3914
transition: all 270ms cubic-bezier(0, 0, 0.2, 1), border-width 0;
3915
}
3916
.nautilus-window .floating-bar.bottom.left {
3918
margin-right: 7px;
3919
border-left-style: none;
3920
border-top-left-radius: 0;
3921
}
3922
.nautilus-window .floating-bar.bottom.right {
3924
margin-left: 7px;
3925
border-right-style: none;
3926
border-top-right-radius: 0;
3927
}
3928
.nautilus-window .floating-bar button {
3930
margin: 6px;
3931
}
3932
.disk-space-display.unknown {
3934
background-color: #FF6D00;
3935
}
3936
.disk-space-display.used {
3938
background-color: #338DD6;
3939
}
3940
.disk-space-display.free {
3942
background-color: rgba(255, 255, 255, 0.12);
3943
}
3944
.nautilus-window paned > separator {
3946
background-color: #212121;
3947
}
3948
/*********
3950
* gedit *
3951
*********/
3952
.open-document-selector-path-label {
3953
color: rgba(255, 255, 255, 0.7);
3954
font-size: smaller;
3955
}
3956
.open-document-selector-path-label:selected {
3958
color: rgba(255, 255, 255, 0.7);
3959
}
3960
.gedit-document-panel {
3962
background-color: #292929;
3963
}
3964
.gedit-document-panel row button.flat {
3966
margin-top: 8px;
3967
margin-bottom: 8px;
3968
}
3969
.gedit-document-panel-group-row:not(:first-child) {
3971
border-top: 1px solid rgba(0, 0, 0, 0.26);
3972
}
3973
.gedit-side-panel-paned statusbar {
3975
border-top: 1px solid rgba(0, 0, 0, 0.26);
3976
}
3977
.gedit-search-slider {
3979
margin: 4px 4px 8px;
3980
}
3981
.gedit-search-slider entry:dir(ltr), .gedit-search-slider entry:dir(rtl) {
3983
border-radius: 2px;
3984
}
3985
.gedit-search-slider entry:dir(ltr) .gedit-search-entry-occurrences-tag, .gedit-search-slider entry:dir(rtl) .gedit-search-entry-occurrences-tag {
3987
all: unset;
3988
color: rgba(255, 255, 255, 0.5);
3989
}
3990
.gedit-search-slider entry:dir(ltr) {
3992
margin-right: -58px;
3993
padding-right: 58px;
3994
}
3995
.gedit-search-slider entry:dir(ltr) .gedit-search-entry-occurrences-tag {
3997
margin-left: 6px;
3998
}
3999
.gedit-search-slider entry:dir(ltr) image.right {
4001
margin-right: 0;
4002
}
4003
.gedit-search-slider entry:dir(rtl) {
4005
margin-left: -58px;
4006
padding-left: 58px;
4007
}
4008
.gedit-search-slider entry:dir(rtl) .gedit-search-entry-occurrences-tag {
4010
margin-right: 6px;
4011
}
4012
.gedit-search-slider entry:dir(rtl) image.left {
4014
margin-left: 0;
4015
}
4016
.gedit-search-slider entry.error ~ button {
4018
color: rgba(255, 255, 255, 0.7);
4019
}
4020
.gedit-search-slider entry.error ~ button:hover, .gedit-search-slider entry.error ~ button:active {
4022
color: #FFFFFF;
4023
}
4024
.gedit-search-slider entry.error ~ button:disabled {
4026
color: rgba(255, 255, 255, 0.3);
4027
}
4028
.gedit-search-slider button {
4030
border: solid 6px transparent;
4031
}
4032
.gedit-search-slider button:last-child:dir(ltr), .gedit-search-slider button:not(:first-child):dir(rtl) {
4034
margin-left: -3px;
4035
}
4036
.gedit-search-slider button:first-child:dir(rtl), .gedit-search-slider button:not(:last-child):dir(ltr) {
4038
margin-right: -3px;
4039
}
4040
frame.gedit-map-frame > border:dir(ltr) {
4042
border-style: none none none solid;
4043
}
4044
frame.gedit-map-frame > border:dir(rtl) {
4046
border-style: none solid none none;
4047
}
4048
/**************
4050
* Tweak Tool *
4051
**************/
4052
.tweak-categories {
4053
background-image: image(#292929);
4054
}
4055
.tweak {
4057
padding: 3px;
4058
}
4059
.tweak.title:hover {
4061
box-shadow: none;
4062
}
4063
.tweak-group-white,
4065
.tweak-white,
4066
.tweak-white:hover {
4067
background-image: image(#303030);
4068
}
4069
.tweak-startup,
4071
.tweak-startup:hover {
4072
background-image: image(#303030);
4073
}
4074
.tweak-group-startup {
4076
background-image: image(#303030);
4077
border: 1px solid rgba(0, 0, 0, 0.26);
4078
}
4079
/***********
4081
* Builder *
4082
***********/
4083
workbench stack.titlebar {
4084
padding: 0;
4085
}
4086
workbench:not(.tiled):not(.maximized):not(.fullscreen) stack.titlebar headerbar {
4088
border-radius: 2px 2px 0 0;
4089
}
4090
perspectiveswitcher {
4092
background-color: #212121;
4093
}
4094
perspectiveswitcher button:checked {
4096
color: #338DD6;
4097
}
4098
layouttabbar {
4100
border-bottom: 1px solid rgba(0, 0, 0, 0.26);
4101
background-color: #212121;
4102
}
4103
layouttabbar > box > button {
4105
margin: 4px 0;
4106
}
4107
layouttab {
4109
margin: 0 8px;
4110
border-style: none solid;
4111
border-width: 1px;
4112
border-color: rgba(0, 0, 0, 0.26);
4113
box-shadow: inset 0 -2px #338DD6;
4114
background-color: #303030;
4115
}
4116
layouttab separator.vertical {
4118
margin: 8px 4px;
4119
}
4120
layouttab button.text-button, layouttab button.image-button, layouttab button {
4122
margin-top: 8px;
4123
margin-bottom: 8px;
4124
padding: 0 4px;
4125
}
4126
layout {
4128
border: 1px solid rgba(0, 0, 0, 0.26);
4129
-PnlDockBin-handle-size: 1;
4130
}
4131
entry.search-missing {
4133
background-color: #DD2C00;
4134
color: #FFFFFF;
4135
}
4136
workbench treeview.image {
4138
color: rgba(255, 255, 255, 0.7);
4139
}
4140
workbench treeview.image:selected {
4142
color: rgba(255, 255, 255, 0.7);
4143
}
4144
dockbin {
4146
border: 1px solid rgba(0, 0, 0, 0.26);
4147
-PnlDockBin-handle-size: 1;
4148
}
4149
dockpaned {
4151
border: 1px solid rgba(0, 0, 0, 0.26);
4152
}
4153
eggsearchbar box.search-bar {
4155
padding: 0 8px;
4156
border-bottom: 1px solid rgba(0, 0, 0, 0.26);
4157
background-color: #212121;
4158
}
4159
docktabstrip {
4161
padding: 0 8px;
4162
border-bottom: 1px solid rgba(0, 0, 0, 0.26);
4163
background-color: #212121;
4164
}
4165
docktab {
4167
transition: all 270ms cubic-bezier(0, 0, 0.2, 1), background-size 0, background-image 0;
4168
min-height: 20px;
4169
min-width: 20px;
4170
margin-bottom: -1px;
4171
padding: 6px 6px;
4172
outline-offset: -6px;
4173
border-width: 1px;
4174
border-color: transparent;
4175
background-image: radial-gradient(circle farthest-corner at center, #338DD6 10%, transparent 0%);
4176
background-repeat: no-repeat;
4177
background-position: center;
4178
background-size: 0% 0%;
4179
color: rgba(255, 255, 255, 0.7);
4180
font-weight: 500;
4181
}
4182
docktab:hover {
4184
box-shadow: inset 0 -2px rgba(255, 255, 255, 0.3);
4185
color: #FFFFFF;
4186
}
4187
docktab:checked {
4189
transition: all 270ms cubic-bezier(0, 0, 0.2, 1), background-size 270ms cubic-bezier(0, 0, 0.2, 1), background-image 720ms cubic-bezier(0, 0, 0.2, 1);
4190
box-shadow: inset 0 -2px #338DD6;
4191
background-image: radial-gradient(circle farthest-corner at center, transparent 10%, transparent 0%);
4192
background-size: 1000% 1000%;
4193
color: #FFFFFF;
4194
}
4195
dockoverlayedge {
4197
background-color: #212121;
4198
}
4199
dockoverlayedge docktabstrip {
4201
padding: 0;
4202
border: none;
4203
}
4204
dockoverlayedge.left-edge docktab:hover {
4206
box-shadow: inset -2px 0 rgba(255, 255, 255, 0.3);
4207
}
4208
dockoverlayedge.left-edge docktab:checked {
4210
box-shadow: inset -2px 0 #338DD6;
4211
}
4212
dockoverlayedge.right-edge docktab:hover {
4214
box-shadow: inset 2px 0 rgba(255, 255, 255, 0.3);
4215
}
4216
dockoverlayedge.right-edge docktab:checked {
4218
box-shadow: inset 2px 0 #338DD6;
4219
}
4220
pillbox {
4222
background-color: #212121;
4223
border-radius: 2px;
4224
}
4225
buildperspective row {
4227
padding: 10px;
4228
}
4229
layoutpane entry.search {
4231
box-shadow: inset 0 -1px rgba(0, 0, 0, 0.26);
4232
background-color: #303030;
4233
}
4234
editortweak entry.search {
4236
margin-bottom: -1px;
4237
box-shadow: none;
4238
}
4239
frame.gb-search-frame {
4241
border-bottom-right-radius: 5px;
4242
}
4243
.gb-search-entry-occurrences-tag {
4245
box-shadow: none;
4246
background-color: transparent;
4247
}
4248
docktabstrip {
4250
min-height: 39px;
4251
}
4252
workbench preferences preferencesgroup list entry {
4254
padding-top: 8px;
4255
padding-bottom: 8px;
4256
}
4257
/**********
4259
* Photos *
4260
**********/
4261
GdMainIconView.content-view {
4262
-GdMainIconView-icon-size: 48;
4263
}
4264
.documents-counter {
4266
margin: 8px;
4267
border-radius: 9999px;
4268
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23);
4269
background-color: #009688;
4270
color: #FFFFFF;
4271
font-weight: bold;
4272
}
4273
.documents-scrolledwin.frame {
4275
border-style: none;
4276
}
4277
.photos-fade-in {
4279
opacity: 1;
4280
transition: opacity 180ms cubic-bezier(0, 0, 0.2, 1);
4281
}
4282
.photos-fade-out {
4284
opacity: 0;
4285
transition: opacity 180ms cubic-bezier(0, 0, 0.2, 1);
4286
}
4287
overlay grid.horizontal > revealer > scrolledwindow.frame:dir(ltr) {
4289
border-style: none none none solid;
4290
}
4291
overlay grid.horizontal > revealer > scrolledwindow.frame:dir(rtl) {
4293
border-style: none solid none none;
4294
}
4295
/*********
4297
* Music *
4298
*********/
4299
.side-panel:dir(ltr) {
4300
border-style: solid;
4301
border-color: rgba(0, 0, 0, 0.26);
4302
}
4303
.side-panel:dir(rtl) {
4305
border-style: solid;
4306
border-color: rgba(0, 0, 0, 0.26);
4307
}
4308
.side-panel .view {
4310
background-image: image(#292929);
4311
}
4312
.side-panel .view:hover {
4314
background-image: image(#343434);
4315
}
4316
.side-panel .view:selected {
4318
background-image: image(#338DD6);
4319
}
4320
.side-panel .view:selected:hover {
4322
background-image: image(#3d93d8);
4323
}
4324
.songs-list:hover {
4326
background-image: image(alpha(currentColor, 0.05));
4327
}
4328
frame.documents-dropdown {
4330
margin: 8px;
4331
}
4332
frame.documents-dropdown > border {
4334
border: none;
4335
}
4336
box.vertical:not(.titlebar) > revealer > toolbar.search-bar {
4338
border-bottom: 1px solid rgba(0, 0, 0, 0.26);
4339
}
4340
box.vertical:not(.titlebar) > revealer > toolbar.search-bar button > widget {
4342
-gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
4343
}
4344
/*********
4346
* To Do *
4347
*********/
4348
task-row {
4349
transition: all 180ms cubic-bezier(0, 0, 0.2, 1);
4350
margin: 0 -4px;
4351
}
4352
task-row:hover {
4354
transition: none;
4355
}
4356
task-row label {
4358
margin: 0 8px;
4359
}
4360
task-row image {
4362
margin: 0 4px;
4363
}
4364
task-list-view > box > revealer > box > button {
4366
min-height: 32px;
4367
margin: -4px;
4368
padding: 0 12px;
4369
}
4370
task-list-view > box > revealer > box > button label {
4372
margin: 0 8px;
4373
}
4374
task-list-view > box > revealer > box > button image {
4376
margin: 0 4px;
4377
}
4378
/*******
4380
* eog *
4381
*******/
4382
#eog-thumb-nav scrolledwindow {
4383
border-top: none;
4384
}
4385
#eog-thumb-nav button {
4387
-gtk-outline-radius: 2px;
4388
}
4389
/*************
4391
* Evolution *
4392
*************/
4393
frame.taskbar > border {
4394
border-style: solid none none;
4395
}
4396
box.vertical > paned.horizontal notebook widget .frame {
4398
border-style: none;
4399
}
4400
/********
4402
* gitg *
4403
********/
4404
frame.commit-frame > border {
4405
border-style: solid none none;
4406
}
4407
/**************
4409
* Characters *
4410
**************/
4411
box.dialog-vbox scrolledwindow.related {
4412
border: 1px solid rgba(0, 0, 0, 0.26);
4413
}
4414
list.categories {
4416
background-image: image(#292929);
4417
}
4418
/*********
4420
* Boxes *
4421
*********/
4422
.transparent-bg + stack overlay > label {
4423
min-height: 24px;
4424
padding: 0 4px;
4425
border-radius: 2px;
4426
background-color: rgba(0, 0, 0, 0.3);
4427
color: #FFFFFF;
4428
}
4429
/**************
4431
* Calculator *
4432
**************/
4433
button.title label {
4434
min-height: 32px;
4435
}
4436
/*********
4438
* Geary *
4439
*********/
4440
.geary-titlebar-left:dir(ltr) {
4441
margin-right: 5px;
4442
padding-right: 0;
4443
}
4444
.geary-titlebar-left:dir(rtl) {
4446
margin-left: 5px;
4447
padding-left: 0;
4448
}
4449
.geary-titlebar-left > separator {
4451
background-color: rgba(0, 0, 0, 0.05);
4452
}
4453
.geary-titlebar-right:dir(ltr) {
4455
margin-left: -5px;
4456
}
4457
.geary-titlebar-right:dir(rtl) {
4459
margin-right: -5px;
4460
}
4461
/*********
4463
* Tilix *
4464
*********/
4465
overlay > revealer.left > scrolledwindow.frame,
4466
overlay > revealer.right > scrolledwindow.frame {
4467
border-style: none;
4468
box-shadow: 0 14px 14px rgba(0, 0, 0, 0.25), 0 10px 5px rgba(0, 0, 0, 0.22);
4469
}
4470
overlay > revealer.left > scrolledwindow.frame {
4472
margin-right: 32px;
4473
}
4474
overlay > revealer.right > scrolledwindow.frame {
4476
margin-left: 32px;
4477
}
4478
.terminix-session-sidebar,
4480
.tilix-session-sidebar {
4481
background-image: image(#424242);
4482
}
4483
button.image-button.session-new-button {
4485
min-width: 28px;
4486
}
4487
/***********
4489
* Eclipse *
4490
***********/
4491
window.background > box.vertical > scrolledwindow > widget toolbar {
4492
padding: 2px;
4493
}
4494
window.background > box.vertical > scrolledwindow > widget toolbar separator,
4496
window.background > box.vertical > scrolledwindow > widget toolbar button {
4497
margin: 2px;
4498
}
4499
window.background > box.vertical > scrolledwindow > widget toolbar button {
4501
border-radius: 2px;
4502
}
4503
/************
4505
* Chromium *
4506
************/
4507
tooltip.chromium {
4508
background-color: #424242;
4509
}
4510
/***********
4512
* Firefox *
4513
***********/
4514
window.background:not(.csd) > widget > separator {
4515
color: rgba(0, 0, 0, 0.26);
4516
}
4517
window.background:not(.csd) > widget > scrollbar {
4519
background-clip: border-box;
4520
}
4521
window.background:not(.csd) > widget > scrollbar,
4523
window.background:not(.csd) > widget > frame > border {
4524
border-color: rgba(0, 0, 0, 0.26);
4525
}
4526
window.background:not(.csd) > widget > entry,
4528
window.background:not(.csd) > widget > button > button {
4529
border: 1px solid rgba(0, 0, 0, 0.26);
4530
border-radius: 3px;
4531
box-shadow: none;
4532
}
4533
window.background:not(.csd) > widget > entry {
4535
min-height: 30px;
4536
}
4537
window.background:not(.csd) > widget > entry:focus {
4539
border-color: #338DD6;
4540
}
4541
window.background:not(.csd) > widget > button > button {
4543
padding: 4px 8px;
4544
background-size: auto;
4545
}
4546
window.background:not(.csd) > widget > button > button:hover {
4548
background-image: image(alpha(currentColor, 0.05));
4549
}
4550
window.background:not(.csd) > widget > button > button:active {
4552
background-image: image(alpha(currentColor, 0.1));
4553
}
4554
window.background:not(.csd) > widget > checkbutton > check:not(:checked),
4556
window.background:not(.csd) > widget > radiobutton > radio:not(:checked) {
4557
color: #757575;
4558
}
4559
window.background:not(.csd) > widget > checkbutton > check:not(:checked):hover, window.background:not(.csd) > widget > checkbutton > check:not(:checked):active,
4561
window.background:not(.csd) > widget > radiobutton > radio:not(:checked):hover,
4562
window.background:not(.csd) > widget > radiobutton > radio:not(:checked):active {
4563
color: #212121;
4564
}
4565
window.background:not(.csd) > widget > checkbutton > check:not(:checked):disabled,
4567
window.background:not(.csd) > widget > radiobutton > radio:not(:checked):disabled {
4568
color: rgba(117, 117, 117, 0.5);
4569
}
4570
window.background:not(.csd) > window > menu,
4572
window.background:not(.csd) > menu > menu {
4573
border: none;
4574
}
4575
window.background:not(.csd) > widget > menubar {
4577
color: rgba(255, 255, 255, 0.7);
4578
}
4579
window.background:not(.csd) > widget > menubar:hover {
4581
color: #FFFFFF;
4582
}
4583
window.background:not(.csd) > widget > menubar:disabled {
4585
color: rgba(255, 255, 255, 0.3);
4586
}
4587
window.background:not(.csd) > widget > frame {
4589
color: rgba(0, 0, 0, 0.26);
4590
}
4591
window.background:not(.csd) > widget > checkbutton > check,
4593
window.background:not(.csd) > widget > radiobutton > radio {
4594
margin: 0;
4595
padding: 0;
4596
}
4597
window.background:not(.csd) > window.background > menu > separator {
4599
color: rgba(0, 0, 0, 0.26);
4600
}
4601
/************
4603
* Inkscape *
4604
************/
4605
#ToolboxCommon > #AuxToolbox #StyleSwatch {
4606
font-size: smaller;
4607
}
4608
#ToolboxCommon > #AuxToolbox #Kludge {
4610
padding: 0;
4611
}
4612
#ToolboxCommon > #AuxToolbox spinbutton,
4614
#ToolboxCommon > #AuxToolbox entry {
4615
min-height: 32px;
4616
}
4617
#ToolboxCommon > #AuxToolbox button:not(.up):not(.down) {
4619
min-height: 24px;
4620
min-width: 16px;
4621
padding: 4px 8px;
4622
border-radius: 2px;
4623
-gtk-outline-radius: 2px;
4624
}
4625
#ToolboxCommon > #AuxToolbox spinbutton button {
4627
border-width: 4px;
4628
}
4629
#ToolboxCommon > toolbar.vertical {
4631
margin-top: -4px;
4632
}
4633
#ToolboxCommon > toolbar.vertical button {
4635
min-height: 24px;
4636
min-width: 24px;
4637
padding: 4px;
4638
border-radius: 2px;
4639
-gtk-outline-radius: 2px;
4640
}
4641
#CanvasTable button {
4643
min-height: 16px;
4644
min-width: 16px;
4645
padding: 0;
4646
}
4647
#CanvasTable #HorizontalScrollbar {
4649
border-top: 1px solid rgba(0, 0, 0, 0.26);
4650
}
4651
#CanvasTable #VerticalScrollbar:dir(ltr) {
4653
border-left: 1px solid rgba(0, 0, 0, 0.26);
4654
}
4655
#CanvasTable #VerticalScrollbar:dir(rtl) {
4657
border-right: 1px solid rgba(0, 0, 0, 0.26);
4658
}
4659
#Canvas_and_Dock frame > border {
4661
border: none;
4662
}
4663
#Canvas_and_Dock widget > widget > button.flat {
4665
min-height: 16px;
4666
min-width: 16px;
4667
padding: 4px;
4668
}
4669
#Canvas_and_Dock widget > widget > box.horizontal image {
4671
padding: 4px;
4672
}
4673
#Canvas_and_Dock box.horizontal > box.vertical > button.flat {
4675
min-height: 16px;
4676
min-width: 24px;
4677
padding: 8px 4px;
4678
}
4679
/***********
4681
* Synapse *
4682
***********/
4683
box.vertical > widget > widget:selected {
4684
background-color: #338DD6;
4685
}
4686
/*********
4688
* Unity *
4689
*********/
4690
UnityDecoration {
4691
-UnityDecoration-extents: 28px 0 0 0;
4692
-UnityDecoration-input-extents: 8px;
4693
-UnityDecoration-shadow-offset-x: 0;
4694
-UnityDecoration-shadow-offset-y: 3px;
4695
-UnityDecoration-active-shadow-color: rgba(0, 0, 0, 0.48);
4696
-UnityDecoration-active-shadow-radius: 18px;
4697
-UnityDecoration-inactive-shadow-color: rgba(0, 0, 0, 0.32);
4698
-UnityDecoration-inactive-shadow-radius: 6px;
4699
-UnityDecoration-glow-size: 8px;
4700
-UnityDecoration-glow-color: #338DD6;
4701
-UnityDecoration-title-indent: 4px;
4702
-UnityDecoration-title-fade: 32px;
4703
-UnityDecoration-title-alignment: 0.0;
4704
}
4705
UnityDecoration .top {
4707
padding: 0 2px;
4708
border-style: none;
4709
border-radius: 2px 2px 0 0;
4710
box-shadow: inset 0 1px rgba(255, 255, 255, 0.1);
4711
background-color: #303030;
4712
color: #FFFFFF;
4713
}
4714
UnityDecoration .top:backdrop {
4716
color: rgba(255, 255, 255, 0.7);
4717
}
4718
UnityDecoration .menuitem {
4720
color: rgba(255, 255, 255, 0.7);
4721
}
4722
UnityDecoration .menuitem:hover {
4724
box-shadow: inset 0 -2px currentColor;
4725
background-color: transparent;
4726
color: #FFFFFF;
4727
}
4728
.background:not(.csd) headerbar:not(.titlebar) {
4730
border-radius: 0;
4731
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
4732
}
4733
.background:not(.csd) headerbar:not(.titlebar).inline-toolbar {
4735
border-style: none;
4736
}
4737
UnityPanelWidget,
4739
.unity-panel {
4740
background-color: #212121;
4741
color: #FFFFFF;
4742
}
4743
UnityPanelWidget:backdrop,
4745
.unity-panel:backdrop {
4746
color: rgba(255, 255, 255, 0.7);
4747
}
4748
.unity-panel.menuitem,
4750
.unity-panel .menuitem {
4751
color: rgba(255, 255, 255, 0.7);
4752
}
4753
.unity-panel.menubar.menuitem:hover,
4755
.unity-panel.menubar .menuitem *:hover {
4756
box-shadow: inset 0 -2px currentColor;
4757
background-color: transparent;
4758
color: #FFFFFF;
4759
}
4760
.menu IdoPlaybackMenuItem.menuitem:active {
4762
-gtk-icon-source: -gtk-icontheme("process-working-symbolic");
4763
animation: spin 1s linear infinite;
4764
color: #338DD6;
4765
}
4766
/**************
4768
* Mate-Panel *
4769
**************/
4770
.mate-panel-menu-bar menubar,
4771
#PanelApplet-window-menu-applet-button {
4772
background-color: transparent;
4773
}
4774
.mate-panel-menu-bar {
4776
background-color: #212121;
4777
font-weight: 500;
4778
}
4779
.mate-panel-menu-bar:not(.popup) {
4781
color: rgba(255, 255, 255, 0.7);
4782
}
4783
.mate-panel-menu-bar button {
4785
min-height: 16px;
4786
min-width: 16px;
4787
padding: 0;
4788
border-radius: 0;
4789
}
4790
.mate-panel-menu-bar button:checked {
4792
background-color: rgba(255, 255, 255, 0.12);
4793
}
4794
PanelToplevel.horizontal > grid > button {
4796
min-width: 24px;
4797
}
4798
PanelToplevel.vertical > grid > button {
4800
min-height: 24px;
4801
}
4802
PanelSeparator {
4804
color: rgba(255, 255, 255, 0.12);
4805
}
4806
MatePanelAppletFrameDBus {
4808
border-style: solid;
4809
border-color: rgba(255, 255, 255, 0.12);
4810
}
4811
.mate-panel-menu-bar.horizontal MatePanelAppletFrameDBus {
4813
border-width: 0 1px;
4814
}
4815
.mate-panel-menu-bar.vertical MatePanelAppletFrameDBus {
4817
border-width: 1px 0;
4818
}
4819
.mate-panel-menu-bar menubar > menuitem {
4821
color: rgba(255, 255, 255, 0.7);
4822
}
4823
.mate-panel-menu-bar menubar > menuitem:hover {
4825
background-color: rgba(255, 255, 255, 0.12);
4826
color: #FFFFFF;
4827
}
4828
.mate-panel-menu-bar menubar > menuitem:disabled {
4830
color: rgba(255, 255, 255, 0.3);
4831
}
4832
.mate-panel-menu-bar.horizontal menubar > menuitem {
4834
padding: 0 8px;
4835
}
4836
.mate-panel-menu-bar.vertical menubar > menuitem {
4838
padding: 8px 0;
4839
}
4840
.mate-panel-menu-bar menubar menu > menuitem {
4842
min-height: 28px;
4843
padding: 0 6px;
4844
}
4845
.mate-panel-menu-bar #PanelApplet button {
4847
-GtkWidget-window-dragging: true;
4848
}
4849
.mate-panel-menu-bar #tasklist-button {
4851
border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), currentColor 0%, transparent 0%) 0 0 0/0 0 0px;
4852
}
4853
.mate-panel-menu-bar #tasklist-button:checked {
4855
border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), currentColor 100%, transparent 0%) 0 0 2/0 0 2px;
4856
}
4857
.mate-panel-menu-bar #tasklist-button image:dir(ltr), .mate-panel-menu-bar #tasklist-button label:dir(rtl) {
4859
padding-left: 4px;
4860
}
4861
.mate-panel-menu-bar #tasklist-button label:dir(ltr), .mate-panel-menu-bar #tasklist-button image:dir(rtl) {
4863
padding-right: 4px;
4864
}
4865
.mate-panel-menu-bar.vertical #tasklist-button {
4867
min-height: 32px;
4868
}
4869
.mate-panel-menu-bar.horizontal #showdesktop-button image {
4871
min-width: 24px;
4872
padding: 0 4px;
4873
}
4874
.mate-panel-menu-bar.vertical #showdesktop-button image {
4876
min-height: 24px;
4877
padding: 4px 0;
4878
}
4879
PanelApplet.wnck-applet .wnck-pager {
4881
background-color: transparent;
4882
color: #40C4FF;
4883
}
4884
PanelApplet.wnck-applet .wnck-pager:hover {
4886
background-color: rgba(255, 255, 255, 0.12);
4887
}
4888
PanelApplet.wnck-applet .wnck-pager:active {
4890
background-color: rgba(255, 255, 255, 0.3);
4891
}
4892
PanelApplet.wnck-applet .wnck-pager:selected {
4894
background-color: #338DD6;
4895
}
4896
.mate-panel-menu-bar.horizontal #clock-applet-button label {
4898
padding: 0 8px;
4899
}
4900
.mate-panel-menu-bar.vertical #clock-applet-button label {
4902
padding: 8px 0;
4903
}
4904
#MatePanelPopupWindow {
4906
border: 1px solid rgba(0, 0, 0, 0.26);
4907
border-radius: 3px;
4908
box-shadow: inset 0 1px rgba(255, 255, 255, 0.1);
4909
}
4910
#MatePanelPopupWindow frame > border {
4912
border-style: none;
4913
}
4914
#MatePanelPopupWindow button {
4916
padding: 4px 16px;
4917
}
4918
#MatePanelPopupWindow ClockMap {
4920
border: 1px solid rgba(0, 0, 0, 0.26);
4921
}
4922
#MatePanelPopupWindow widget {
4924
color: rgba(0, 0, 0, 0.26);
4925
}
4926
na-tray-applet {
4928
-NaTrayApplet-icon-padding: 3px;
4929
-NaTrayApplet-icon-size: 16;
4930
}
4931
.mate-panel-menu-bar {
4933
-PanelMenuBar-icon-visible: true;
4934
}
4935
.mate-panel-applet-slider {
4937
border: 1px solid rgba(0, 0, 0, 0.26);
4938
border-radius: 3px;
4939
box-shadow: inset 0 1px rgba(255, 255, 255, 0.1);
4940
background-color: #212121;
4941
}
4942
.mate-panel-applet-slider frame > border {
4944
border-style: none;
4945
}
4946
#PanelApplet:not(:selected) > box {
4948
transition: all 180ms cubic-bezier(0, 0, 0.2, 1);
4949
}
4950
#PanelApplet:selected > box {
4952
background-color: rgba(255, 255, 255, 0.12);
4953
color: #FFFFFF;
4954
}
4955
#mate-menu {
4957
border: 1px solid rgba(0, 0, 0, 0.26);
4958
}
4959
#mate-menu button {
4961
min-height: 24px;
4962
min-width: 24px;
4963
padding: 4px 0;
4964
color: #FFFFFF;
4965
font-weight: normal;
4966
}
4967
#mate-menu button label:not(:first-child) {
4969
color: rgba(255, 255, 255, 0.7);
4970
}
4971
#mate-menu entry {
4973
margin: 0 0 8px;
4974
}
4975
#mate-menu entry image {
4977
margin: 0;
4978
}
4979
#mate-menu entry + button {
4981
margin: 0 4px 8px;
4982
padding: 4px;
4983
}
4984
/*********************
4986
* CAJA File manager *
4987
*********************/
4988
.caja-navigation-window button.toggle.image-button {
4989
border-radius: 2px;
4990
}
4991
.caja-pathbar button {
4993
margin: 0 -1px 0 -2px;
4994
}
4995
.caja-pathbar button > widget {
4997
-gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
4998
-GtkArrow-arrow-scaling: 1;
4999
}
5000
.caja-side-pane notebook viewport.frame,
5002
.caja-side-pane notebook widget .vertical {
5003
background-color: #303030;
5004
}
5005
.caja-side-pane notebook,
5007
.caja-notebook {
5008
border-top: 1px solid rgba(0, 0, 0, 0.26);
5009
}
5010
.caja-side-pane notebook .frame,
5012
.caja-notebook .frame {
5013
border-style: none;
5014
}
5015
.caja-navigation-window statusbar {
5017
margin: 0 -10px;
5018
padding: 0 4px;
5019
border-top: 1px solid rgba(0, 0, 0, 0.26);
5020
}
5021
.caja-notebook frame > border {
5023
border-style: none;
5024
}
5025
#caja-extra-view-widget {
5027
border-bottom: 1px solid rgba(0, 0, 0, 0.26);
5028
background-color: #212121;
5029
}
5030
#caja-extra-view-widget > box > box > label {
5032
font-weight: bold;
5033
}
5034
/*********
5036
* Pluma *
5037
*********/
5038
.pluma-window statusbar {
5039
margin: 0 -10px;
5040
padding: 0 4px;
5041
border-top: 1px solid rgba(0, 0, 0, 0.26);
5042
}
5043
.pluma-window statusbar frame > border {
5045
border-style: none;
5046
}
5047
.pluma-window statusbar frame button.flat {
5049
padding: 0 4px;
5050
border-radius: 0;
5051
}
5052
.pluma-window statusbar frame button.flat widget {
5054
-gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
5055
-GtkArrow-arrow-scaling: 1;
5056
}
5057
.pluma-print-preview toolbar {
5059
border-bottom: 1px solid rgba(0, 0, 0, 0.26);
5060
}
5061
.pluma-window paned.horizontal box.vertical box.horizontal button.flat {
5063
margin: 1px;
5064
}
5065
.pluma-window paned.horizontal box.vertical .frame {
5067
border-style: none;
5068
}
5069
.pluma-window paned.horizontal box.vertical notebook.frame {
5071
margin-top: -1px;
5072
border-top: 1px solid rgba(0, 0, 0, 0.26);
5073
}
5074
.pluma-window paned.horizontal box.vertical notebook.frame box.vertical toolbar.horizontal {
5076
border-bottom: 1px solid rgba(0, 0, 0, 0.26);
5077
}
5078
/*********
5080
* Atril *
5081
*********/
5082
.atril-window paned.horizontal box.vertical .frame {
5083
border-style: none;
5084
}
5085
.atril-window paned.horizontal box.vertical notebook .frame {
5087
border-top: 1px solid rgba(0, 0, 0, 0.26);
5088
}
5089
/* mate-screensaver lock dialog */
5091
.lock-dialog {
5092
border-radius: 2px;
5093
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);
5094
}
5095
.lock-dialog frame > border {
5097
border-style: none;
5098
}
5099
/******************
5101
* Budgie Desktop *
5102
******************/
5103
.budgie-container {
5104
background-color: transparent;
5105
}
5106
.budgie-settings-window buttonbox.inline-toolbar {
5108
border-style: none none solid;
5109
}
5110
.budgie-settings-window buttonbox.inline-toolbar button {
5112
border-radius: 2px;
5113
-gtk-outline-radius: 2px;
5114
}
5115
.budgie-popover {
5117
border-style: solid;
5118
border-width: 1px;
5119
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.2) rgba(0, 0, 0, 0.3);
5120
border-radius: 3px;
5121
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23);
5122
background-color: #424242;
5123
}
5124
.budgie-popover .container {
5126
padding: 2px;
5127
}
5128
.budgie-popover border {
5130
border: none;
5131
}
5132
.budgie-popover list {
5134
background-color: transparent;
5135
}
5136
.budgie-popover row {
5138
padding: 0;
5139
}
5140
.budgie-popover row:hover {
5142
box-shadow: none;
5143
}
5144
.budgie-popover:not(.budgie-menu) button.flat:not(.image-button) {
5146
min-height: 28px;
5147
padding: 0 8px;
5148
color: #FFFFFF;
5149
font-weight: normal;
5150
}
5151
.budgie-popover:not(.budgie-menu) button.flat:not(.image-button):disabled {
5153
color: rgba(255, 255, 255, 0.5);
5154
}
5155
.budgie-popover.budgie-menu .container {
5157
padding: 0;
5158
}
5159
.budgie-popover.user-menu .container {
5161
padding: 8px;
5162
}
5163
.budgie-popover.user-menu separator {
5165
margin: 4px 0;
5166
}
5167
.budgie-popover.sound-popover separator {
5169
margin: 3px 0;
5170
}
5171
.budgie-popover.night-light-indicator .container {
5173
padding: 8px;
5174
}
5175
.budgie-popover.places-menu .container {
5177
padding: 8px;
5178
}
5179
.budgie-popover.places-menu .places-list:not(.always-expand) {
5181
margin-top: 4px;
5182
padding-top: 4px;
5183
border-top: 1px solid rgba(0, 0, 0, 0.26);
5184
}
5185
.budgie-popover.places-menu .alternative-label {
5187
padding: 3px;
5188
font-size: 15px;
5189
}
5190
.budgie-popover.workspace-popover .container {
5192
padding: 2px 8px 8px;
5193
}
5194
.budgie-popover.workspace-popover separator {
5196
margin: 4px 0;
5197
}
5198
.budgie-popover.workspace-popover flowboxchild {
5200
padding: 0;
5201
}
5202
.workspace-switcher .workspace-layout {
5204
border: 0 solid rgba(255, 255, 255, 0.12);
5205
}
5206
.top .workspace-switcher .workspace-layout:dir(ltr),
5208
.bottom .workspace-switcher .workspace-layout:dir(ltr) {
5209
border-left-width: 1px;
5210
}
5211
.top .workspace-switcher .workspace-layout:dir(rtl),
5213
.bottom .workspace-switcher .workspace-layout:dir(rtl) {
5214
border-right-width: 1px;
5215
}
5216
.left .workspace-switcher .workspace-layout,
5218
.right .workspace-switcher .workspace-layout {
5219
border-top-width: 1px;
5220
}
5221
.workspace-switcher .workspace-item,
5223
.workspace-switcher .workspace-add-button {
5224
border: 0 solid rgba(255, 255, 255, 0.12);
5225
}
5226
.top .workspace-switcher .workspace-item:dir(ltr),
5228
.bottom .workspace-switcher .workspace-item:dir(ltr), .top
5229
.workspace-switcher .workspace-add-button:dir(ltr),
5230
.bottom
5231
.workspace-switcher .workspace-add-button:dir(ltr) {
5232
border-right-width: 1px;
5233
}
5234
.top .workspace-switcher .workspace-item:dir(rtl),
5236
.bottom .workspace-switcher .workspace-item:dir(rtl), .top
5237
.workspace-switcher .workspace-add-button:dir(rtl),
5238
.bottom
5239
.workspace-switcher .workspace-add-button:dir(rtl) {
5240
border-left-width: 1px;
5241
}
5242
.left .workspace-switcher .workspace-item,
5244
.right .workspace-switcher .workspace-item, .left
5245
.workspace-switcher .workspace-add-button,
5246
.right
5247
.workspace-switcher .workspace-add-button {
5248
border-bottom-width: 1px;
5249
}
5250
.workspace-switcher .workspace-item {
5252
transition: all 180ms cubic-bezier(0, 0, 0.2, 1);
5253
}
5254
.workspace-switcher .workspace-item.current-workspace {
5256
background-color: rgba(255, 255, 255, 0.12);
5257
}
5258
.workspace-switcher .workspace-add-button:hover {
5260
box-shadow: none;
5261
}
5262
.workspace-switcher .workspace-add-button:active {
5264
background-image: none;
5265
}
5266
.workspace-switcher .workspace-add-button:active image {
5268
margin: 1px 0 -1px;
5269
}
5270
.budgie-panel .workspace-switcher .workspace-icon-button {
5272
min-height: 24px;
5273
min-width: 24px;
5274
padding: 0;
5275
border-radius: 2px;
5276
}
5277
.budgie-menu.background {
5279
padding: 0;
5280
background-color: #303030;
5281
}
5282
.budgie-menu scrollbar,
5284
.budgie-menu entry.search {
5285
background-color: transparent;
5286
}
5287
.budgie-menu entry.search {
5289
border-bottom: 1px solid rgba(0, 0, 0, 0.26);
5290
border-radius: 0;
5291
box-shadow: none;
5292
font-size: 120%;
5293
}
5294
.budgie-menu .categories:dir(ltr) {
5296
border-bottom-left-radius: 2px;
5297
}
5298
.budgie-menu .categories:dir(rtl) {
5300
border-bottom-right-radius: 2px;
5301
}
5302
.budgie-menu button {
5304
min-height: 32px;
5305
padding: 0 8px;
5306
border-radius: 0;
5307
color: #FFFFFF;
5308
font-weight: normal;
5309
}
5310
.budgie-menu button:disabled {
5312
color: rgba(255, 255, 255, 0.5);
5313
}
5314
.budgie-menu button:checked:disabled {
5316
background-color: #338DD6;
5317
}
5318
.budgie-menu row {
5320
padding: 0;
5321
}
5322
.budgie-menu row:hover {
5324
box-shadow: none;
5325
}
5326
popover.background.user-menu {
5328
padding: 8px;
5329
}
5330
popover.background.user-menu .content-box {
5332
background-color: transparent;
5333
}
5334
popover.background.user-menu separator {
5336
margin: 4px 0;
5337
}
5338
popover.background.user-menu row {
5340
padding: 0;
5341
box-shadow: none;
5342
background-image: none;
5343
}
5344
popover.background.places-menu {
5346
padding: 8px;
5347
}
5348
popover.background.places-menu .name-button.text-button {
5350
padding-left: 8px;
5351
padding-right: 8px;
5352
}
5353
popover.background.places-menu .name-button.text-button image:dir(ltr) {
5355
margin-right: 3px;
5356
}
5357
popover.background.places-menu .name-button.text-button image:dir(rtl) {
5359
margin-left: 3px;
5360
}
5361
popover.background.places-menu .places-section-header > image:dir(ltr) {
5363
margin: 0 -2px 0 5px;
5364
}
5365
popover.background.places-menu .places-section-header > image:dir(rtl) {
5367
margin: 0 5px 0 -2px;
5368
}
5369
popover.background.places-menu .places-list {
5371
margin-top: 4px;
5372
padding-top: 4px;
5373
border-top: 1px solid rgba(0, 0, 0, 0.26);
5374
background-color: transparent;
5375
}
5376
popover.background.places-menu row {
5378
padding: 0;
5379
box-shadow: none;
5380
background-image: none;
5381
}
5382
.budgie-panel {
5384
transition: background-color 270ms cubic-bezier(0, 0, 0.2, 1);
5385
background-color: #212121;
5386
color: rgba(255, 255, 255, 0.7);
5387
font-weight: 500;
5388
}
5389
.budgie-panel.transparent {
5391
background-color: rgba(0, 0, 0, 0.6);
5392
}
5393
.budgie-panel button {
5395
min-height: 16px;
5396
min-width: 16px;
5397
padding: 0;
5398
border-radius: 0;
5399
}
5400
.budgie-panel button:checked {
5402
background-color: rgba(255, 255, 255, 0.12);
5403
}
5404
.budgie-panel.horizontal button {
5406
padding: 0 4px;
5407
}
5408
.budgie-panel.vertical button {
5410
padding: 4px 0;
5411
}
5412
.budgie-panel separator {
5414
background-color: rgba(255, 255, 255, 0.3);
5415
}
5416
.budgie-panel .alert {
5418
color: #FF5252;
5419
}
5420
.budgie-panel #tasklist-button {
5422
padding: 0 4px;
5423
}
5424
.budgie-panel.vertical #tasklist-button {
5426
min-height: 32px;
5427
}
5428
.budgie-panel button.flat.launcher {
5430
padding: 0;
5431
}
5432
.budgie-panel button.flat.launcher:not(:checked) {
5434
color: rgba(255, 255, 255, 0.5);
5435
}
5436
.budgie-panel button.flat.launcher:not(:checked):hover, .budgie-panel button.flat.launcher:not(:checked):active {
5438
color: rgba(255, 255, 255, 0.7);
5439
}
5440
.budgie-panel button.flat.launcher:not(:checked):disabled {
5442
color: rgba(255, 255, 255, 0.3);
5443
}
5444
.top .budgie-panel #tasklist-button, .budgie-panel .top #tasklist-button, .top .budgie-panel button.flat.launcher, .budgie-panel .top button.flat.launcher {
5446
border-image: radial-gradient(circle closest-corner at center calc(1px), currentColor 0%, transparent 0%) 0 0 0 0/0 0 0 0;
5447
}
5448
.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,
5450
.top .budgie-panel .pinned button.flat.launcher.running, .budgie-panel .pinned .top button.flat.launcher.running {
5451
border-image: radial-gradient(circle closest-corner at center calc(1px), currentColor 100%, transparent 0%) 2 0 0 0/2px 0 0 0;
5452
}
5453
.bottom .budgie-panel #tasklist-button, .budgie-panel .bottom #tasklist-button, .bottom .budgie-panel button.flat.launcher, .budgie-panel .bottom button.flat.launcher {
5455
border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), currentColor 0%, transparent 0%) 0 0 0 0/0 0 0 0;
5456
}
5457
.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,
5459
.bottom .budgie-panel .pinned button.flat.launcher.running, .budgie-panel .pinned .bottom button.flat.launcher.running {
5460
border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), currentColor 100%, transparent 0%) 0 0 2 0/0 0 2px 0;
5461
}
5462
.left .budgie-panel #tasklist-button, .budgie-panel .left #tasklist-button, .left .budgie-panel button.flat.launcher, .budgie-panel .left button.flat.launcher {
5464
border-image: radial-gradient(circle closest-corner at calc(1px) center, currentColor 0%, transparent 0%) 0 0 0 0/0 0 0 0;
5465
}
5466
.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,
5468
.left .budgie-panel .pinned button.flat.launcher.running, .budgie-panel .pinned .left button.flat.launcher.running {
5469
border-image: radial-gradient(circle closest-corner at calc(1px) center, currentColor 100%, transparent 0%) 0 0 0 2/0 0 0 2px;
5470
}
5471
.right .budgie-panel #tasklist-button, .budgie-panel .right #tasklist-button, .right .budgie-panel button.flat.launcher, .budgie-panel .right button.flat.launcher {
5473
border-image: radial-gradient(circle closest-corner at calc(100% - 1px) center, currentColor 0%, transparent 0%) 0 0 0 0/0 0 0 0;
5474
}
5475
.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,
5477
.right .budgie-panel .pinned button.flat.launcher.running, .budgie-panel .pinned .right button.flat.launcher.running {
5478
border-image: radial-gradient(circle closest-corner at calc(100% - 1px) center, currentColor 100%, transparent 0%) 0 2 0 0/0 2px 0 0;
5479
}
5480
frame.raven-frame > border {
5482
border-style: none;
5483
box-shadow: 0 14px 14px rgba(0, 0, 0, 0.25), 0 10px 5px rgba(0, 0, 0, 0.22);
5484
}
5485
.top frame.raven-frame > border {
5487
margin-bottom: 32px;
5488
}
5489
.bottom frame.raven-frame > border {
5491
margin-top: 32px;
5492
}
5493
.left frame.raven-frame > border {
5495
margin-right: 32px;
5496
}
5497
.right frame.raven-frame > border {
5499
margin-left: 32px;
5500
}
5501
.raven {
5503
background-color: #424242;
5504
}
5505
.raven > box {
5507
margin-bottom: -10px;
5508
}
5509
.raven > stack {
5511
margin-bottom: -10px;
5512
}
5513
.raven stackswitcher.linked > button {
5515
border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #FFA726 0%, transparent 0%) 0 0 0/0 0 0px;
5516
border-radius: 0;
5517
}
5518
.raven stackswitcher.linked > button:checked {
5520
border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #FFA726 100%, transparent 0%) 0 0 2/0 0 2px;
5521
background-color: transparent;
5522
}
5523
.raven .raven-header {
5525
min-height: 32px;
5526
padding: 3px;
5527
}
5528
.raven .raven-header:not(.top) {
5530
margin-top: -6px;
5531
}
5532
.raven .raven-header.top {
5534
padding: 2px 0;
5535
background-color: #338DD6;
5536
color: #FFFFFF;
5537
}
5538
.raven .raven-header.top stackswitcher button {
5540
margin: -6px 0;
5541
min-height: 32px;
5542
}
5543
.raven .raven-header.top button.image-button:dir(ltr) {
5545
margin-right: 2px;
5546
}
5547
.raven .raven-header.top button.image-button:dir(rtl) {
5549
margin-left: 2px;
5550
}
5551
.raven .raven-header.top > image {
5553
margin: 0 8px;
5554
}
5555
.raven .raven-header.top > label {
5557
margin: 0 -8px;
5558
font-weight: bold;
5559
}
5560
.raven .raven-header.bottom {
5562
border-top: 1px solid rgba(0, 0, 0, 0.26);
5563
}
5564
.raven viewport.frame .raven-header {
5566
margin-top: -8px;
5567
}
5568
.raven .raven-background {
5570
border-style: solid none;
5571
border-width: 1px;
5572
border-color: rgba(0, 0, 0, 0.26);
5573
background-color: #303030;
5574
}
5575
.raven .raven-background.frame {
5577
border-style: solid none;
5578
}
5579
.raven .raven-background > overlay > widget > image {
5581
color: rgba(255, 255, 255, 0.12);
5582
}
5583
.raven .raven-background grid > label:first-child {
5585
min-height: 32px;
5586
}
5587
.raven scrolledwindow.raven-background {
5589
border-bottom-style: none;
5590
}
5591
.raven .raven-header.top + .raven-background {
5593
border-style: none;
5594
background-color: #338DD6;
5595
color: #FFFFFF;
5596
}
5597
.raven .raven-header.top + .raven-background stackswitcher button {
5599
margin: -4px 0;
5600
}
5601
.raven .powerstrip button {
5603
margin: 2px 0 1px;
5604
padding: 10px;
5605
}
5606
.raven .option-subtitle {
5608
font-size: smaller;
5609
}
5610
calendar.raven-calendar {
5612
border-style: none;
5613
background-color: transparent;
5614
}
5615
calendar.raven-calendar:selected {
5617
border-radius: 2px;
5618
background-color: #338DD6;
5619
}
5620
.raven-mpris {
5622
background-color: rgba(0, 0, 0, 0.6);
5623
color: #FFFFFF;
5624
}
5625
.raven-mpris label {
5627
min-height: 24px;
5628
}
5629
.raven-mpris button.image-button {
5631
padding: 10px;
5632
}
5633
.budgie-notification-window, .budgie-osd-window, .budgie-switcher-window {
5635
background-color: transparent;
5636
}
5637
.budgie-notification .notification-title, .budgie-switcher .notification-title {
5639
font-size: 120%;
5640
}
5641
.budgie-osd .budgie-osd-text {
5643
font-size: 120%;
5644
}
5645
.drop-shadow {
5647
margin: 5px 9px;
5648
padding: 3px;
5649
border-radius: 2px;
5650
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);
5651
background-color: #424242;
5652
}
5653
.drop-shadow .linked > button {
5655
border-radius: 2px;
5656
}
5657
.budgie-session-dialog, .budgie-polkit-dialog, .budgie-run-dialog {
5659
border-radius: 2px;
5660
background-color: #424242;
5661
}
5662
.budgie-session-dialog decoration, .budgie-polkit-dialog decoration, .budgie-run-dialog decoration {
5664
border-radius: 2px;
5665
}
5666
.budgie-session-dialog label:not(:last-child),
5668
.budgie-session-dialog .dialog-title {
5669
font-size: 120%;
5670
}
5671
.budgie-session-dialog .linked.horizontal > button {
5673
padding: 8px 16px;
5674
border-top: 1px solid rgba(0, 0, 0, 0.26);
5675
border-radius: 0;
5676
}
5677
.budgie-session-dialog .linked.horizontal > button:first-child {
5679
border-bottom-left-radius: 2px;
5680
}
5681
.budgie-session-dialog .linked.horizontal > button:last-child {
5683
border-bottom-right-radius: 2px;
5684
}
5685
.budgie-polkit-dialog .message {
5687
color: rgba(255, 255, 255, 0.5);
5688
}
5689
.budgie-polkit-dialog .failure {
5691
color: #FF5252;
5692
}
5693
.budgie-run-dialog {
5695
background-color: #303030;
5696
}
5697
.budgie-run-dialog entry.search {
5699
font-size: 120%;
5700
padding: 6px 14px;
5701
box-shadow: inset 0 1px rgba(255, 255, 255, 0.1);
5702
background-color: transparent;
5703
}
5704
.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,
5706
.budgie-run-dialog list headerbar .subtitle, headerbar .budgie-run-dialog list .subtitle, .budgie-run-dialog list .budgie-notification .notification-body, .budgie-notification .budgie-run-dialog list .notification-body, .budgie-run-dialog list .budgie-switcher .notification-body, .budgie-switcher .budgie-run-dialog list .notification-body {
5707
opacity: 1;
5708
}
5709
.budgie-run-dialog scrolledwindow {
5711
border-top: 1px solid rgba(0, 0, 0, 0.26);
5712
}
5713
/************************
5715
* LightDM GTK+ Greeter *
5716
************************/
5717
#panel_window {
5718
background-color: rgba(0, 0, 0, 0.3);
5719
color: #FFFFFF;
5720
}
5721
#panel_window menubar,
5723
#panel_window separator {
5724
background-color: transparent;
5725
}
5726
#panel_window separator {
5728
padding: 0 4px;
5729
}
5730
#panel_window separator:first-child {
5732
padding: 0 8px;
5733
}
5734
#panel_window menubar > menuitem {
5736
color: rgba(255, 255, 255, 0.7);
5737
}
5738
#panel_window menubar > menuitem:hover {
5740
color: #FFFFFF;
5741
}
5742
#panel_window menubar > menuitem:disabled label {
5744
color: rgba(255, 255, 255, 0.3);
5745
}
5746
#login_window,
5748
#shutdown_dialog,
5749
#restart_dialog {
5750
margin: 8px;
5751
border-radius: 2px;
5752
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);
5753
background-color: #424242;
5754
}
5755
#content_frame {
5757
padding-bottom: 20px;
5758
border-bottom: 1px solid rgba(0, 0, 0, 0.26);
5759
}
5760
#buttonbox_frame {
5762
padding-top: 24px;
5763
}
5764
#buttonbox_frame button {
5766
margin: -16px;
5767
}
5768
#greeter_infobar {
5770
margin-top: -1px;
5771
}
5772
/********
5774
* Nemo *
5775
*******/
5776
.nemo-window .nemo-inactive-pane .view {
5777
background-color: #292929;
5778
color: #FFFFFF;
5779
}
5780
.nemo-window .sidebar .cell {
5782
background-color: #212121;
5783
color: #FFFFFF;
5784
}
5785
.nemo-window .sidebar .cell:selected {
5787
color: #FFFFFF;
5788
background-color: #338DD6;
5789
}
5790
.nemo-desktop.nemo-canvas-item {
5792
color: #FFFFFF;
5793
text-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
5794
}
5795
.nemo-desktop.nemo-canvas-item:selected {
5797
text-shadow: none;
5798
}
5799
/* GTK NAMED COLORS
5801
----------------
5802
use responsibly! */
5803
/*
5804
widget text/foreground color */
5805
@define-color theme_fg_color #FFFFFF;
5806
/*
5807
text color for entries, views and content in general */
5808
@define-color theme_text_color #FFFFFF;
5809
/*
5810
widget base background color */
5811
@define-color theme_bg_color #212121;
5812
/*
5813
text widgets and the like base background color */
5814
@define-color theme_base_color #303030;
5815
/*
5816
base background color of selections */
5817
@define-color theme_selected_bg_color #338DD6;
5818
/*
5819
text/foreground color of selections */
5820
@define-color theme_selected_fg_color #FFFFFF;
5821
/*
5822
base background color of insensitive widgets */
5823
@define-color insensitive_bg_color #212121;
5824
/*
5825
text foreground color of insensitive widgets */
5826
@define-color insensitive_fg_color rgba(255, 255, 255, 0.5);
5827
/*
5828
insensitive text widgets and the like base background color */
5829
@define-color insensitive_base_color #292929;
5830
/*
5831
widget text/foreground color on backdrop windows */
5832
@define-color theme_unfocused_fg_color #FFFFFF;
5833
/*
5834
text color for entries, views and content in general on backdrop windows */
5835
@define-color theme_unfocused_text_color #FFFFFF;
5836
/*
5837
widget base background color on backdrop windows */
5838
@define-color theme_unfocused_bg_color #212121;
5839
/*
5840
text widgets and the like base background color on backdrop windows */
5841
@define-color theme_unfocused_base_color #303030;
5842
/*
5843
base background color of selections on backdrop windows */
5844
@define-color theme_unfocused_selected_bg_color #338DD6;
5845
/*
5846
text/foreground color of selections on backdrop windows */
5847
@define-color theme_unfocused_selected_fg_color #FFFFFF;
5848
/*
5849
insensitive color on backdrop windows */
5850
@define-color unfocused_insensitive_color rgba(255, 255, 255, 0.5);
5851
/*
5852
widgets main borders color */
5853
@define-color borders rgba(0, 0, 0, 0.26);
5854
/*
5855
widgets main borders color on backdrop windows */
5856
@define-color unfocused_borders rgba(0, 0, 0, 0.26);
5857
/*
5858
these are pretty self explicative */
5859
@define-color warning_color #FF6D00;
5860
@define-color error_color #DD2C00;
5861
@define-color success_color #00C853;
5862
/*
5863
FIXME this is really an API */
5864
@define-color content_view_bg #303030;
5865
@define-color placeholder_text_color #c1c1c1;
5866