ASCII text, with very long lines (906)
1
@keyframes ripple_effect {
2
to {
3
background-size: 1000% 1000%;
4
}
5
}
6
@keyframes scale_ripple_effect {
8
to {
9
background-size: auto, 1000% 1000%;
10
}
11
}
12
@keyframes header_ripple_effect {
14
from {
15
background-image: radial-gradient(circle farthest-corner at center, #4285F4 0%, transparent 0%);
16
}
17
to {
18
background-image: radial-gradient(circle farthest-corner at center, #4285F4 100%, transparent 0%);
19
}
20
}
21
* {
23
background-clip: padding-box;
24
-GtkToolButton-icon-spacing: 0;
25
-GtkTextView-error-underline-color: #EA4335;
26
-GtkScrolledWindow-scrollbar-spacing: 0;
27
-GtkToolItemGroup-expander-size: 11;
28
-GtkWidget-text-handle-width: 24;
29
-GtkWidget-text-handle-height: 24;
30
-GtkDialog-button-spacing: 4;
31
-GtkDialog-action-area-border: 0;
32
outline-style: solid;
33
outline-width: 2px;
34
outline-color: transparent;
35
outline-offset: -4px;
36
-gtk-outline-radius: 4px;
37
-gtk-secondary-caret-color: #4285F4;
38
}
39
notebook:focus tab,
41
*:focus {
42
outline-color: alpha(currentColor, 0.24);
43
}
44
/***************
46
* Base States *
47
***************/
48
.background {
49
background-color: #282828;
50
color: white;
51
}
52
/*
54
These wildcard seems unavoidable, need to investigate.
55
Wildcards are bad and troublesome, use them with care,
56
or better, just don't.
57
Everytime a wildcard is used a kitten dies, painfully.
58
*/
59
*:disabled {
60
-gtk-icon-effect: dim;
61
}
62
.gtkstyle-fallback {
64
background-color: #282828;
65
color: white;
66
}
67
.gtkstyle-fallback:hover {
69
background-color: #1b1b1b;
70
color: white;
71
}
72
.gtkstyle-fallback:active {
74
background-color: #0f0f0f;
75
color: white;
76
}
77
.gtkstyle-fallback:disabled {
79
background-color: #282828;
80
color: rgba(255, 255, 255, 0.5);
81
}
82
.gtkstyle-fallback:selected {
84
background-color: #4285F4;
85
color: white;
86
}
87
.view {
89
background-color: #303030;
90
color: white;
91
}
92
.view:disabled {
94
color: rgba(255, 255, 255, 0.5);
95
}
96
.view:hover, .view:active, .view:selected {
98
border-radius: 4px;
99
}
100
textview text {
102
background-color: #303030;
103
}
104
textview border {
106
background-color: #2C2C2C;
107
color: rgba(255, 255, 255, 0.5);
108
}
109
.rubberband,
111
rubberband,
112
flowbox rubberband,
113
treeview.view rubberband,
114
.content-view rubberband,
115
.content-view .rubberband {
116
border: 1px solid #7BAAF7;
117
background-color: rgba(123, 170, 247, 0.3);
118
}
119
flowbox flowboxchild {
121
padding: 4px;
122
border-radius: 4px;
123
}
124
.content-view .tile:selected {
126
background-color: transparent;
127
color: inherit;
128
}
129
label {
131
caret-color: currentColor;
132
}
133
label.separator {
135
color: white;
136
}
137
label selection {
139
background-color: #4285F4;
140
color: white;
141
}
142
label:disabled {
144
color: rgba(255, 255, 255, 0.5);
145
}
146
tab label:disabled,
148
button label:disabled {
149
color: inherit;
150
}
151
.dim-label, label.separator, .titlebar:not(headerbar) .subtitle,
153
headerbar .subtitle, .budgie-notification .notification-body, .budgie-switcher .notification-body {
154
opacity: 0.6;
155
}
156
assistant .sidebar {
158
padding: 4px 0;
159
}
160
assistant .sidebar label {
162
min-height: 32px;
163
padding: 0 12px;
164
color: rgba(255, 255, 255, 0.5);
165
font-weight: 500;
166
}
167
assistant .sidebar label.highlight {
169
color: white;
170
}
171
/*********************
173
* Spinner Animation *
174
*********************/
175
@keyframes spin {
176
to {
177
-gtk-icon-transform: rotate(1turn);
178
}
179
}
180
spinner {
182
background: none;
183
opacity: 0;
184
-gtk-icon-source: -gtk-icontheme("process-working-symbolic");
185
}
186
spinner:checked {
188
opacity: 1;
189
animation: spin 1s linear infinite;
190
}
191
spinner:checked:disabled {
193
opacity: 0.5;
194
}
195
/****************
197
* Text Entries *
198
****************/
199
spinbutton:not(.vertical),
200
entry {
201
min-height: 32px;
202
padding: 0 8px;
203
border-radius: 4px 4px 0 0;
204
transition: all 100ms cubic-bezier(0, 0, 0.2, 1), border-image 225ms cubic-bezier(0, 0, 0.2, 1);
205
border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #4285F4 0%, transparent 0%) 0 0 0/0 0 0px;
206
box-shadow: inset 0 -1px rgba(255, 255, 255, 0.3);
207
background-color: rgba(255, 255, 255, 0.04);
208
color: white;
209
}
210
spinbutton:focus:not(.vertical),
212
entry:focus {
213
border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #4285F4 100%, transparent 0%) 0 0 2/0 0 2px;
214
box-shadow: inset 0 -1px rgba(255, 255, 255, 0.3);
215
}
216
spinbutton:disabled:not(.vertical),
218
entry:disabled {
219
box-shadow: inset 0 -1px rgba(255, 255, 255, 0.12);
220
background-color: rgba(255, 255, 255, 0.04);
221
color: rgba(255, 255, 255, 0.5);
222
}
223
spinbutton.flat:not(.vertical), entry.preferences-search, layoutpane entry.search, editortweak entry.search,
225
entry.flat {
226
min-height: 0;
227
padding: 2px;
228
border-radius: 0;
229
background-color: transparent;
230
}
231
spinbutton:not(.vertical) image,
233
entry image {
234
color: rgba(255, 255, 255, 0.7);
235
}
236
spinbutton:not(.vertical) image:hover, spinbutton:not(.vertical) image:active,
238
entry image:hover,
239
entry image:active {
240
color: white;
241
}
242
spinbutton:not(.vertical) image:disabled,
244
entry image:disabled {
245
color: rgba(255, 255, 255, 0.5);
246
}
247
spinbutton:not(.vertical) image.left,
249
entry image.left {
250
margin-left: 0px;
251
margin-right: 6px;
252
}
253
spinbutton:not(.vertical) image.right,
255
entry image.right {
256
margin-left: 6px;
257
margin-right: 0px;
258
}
259
spinbutton:not(.vertical) undershoot.left,
261
entry undershoot.left {
262
background-color: transparent;
263
background-image: linear-gradient(to top, rgba(48, 48, 48, 0.3) 50%, rgba(255, 255, 255, 0.3) 50%);
264
padding-left: 1px;
265
background-size: 1px 12px;
266
background-repeat: repeat-y;
267
background-origin: content-box;
268
background-position: left top;
269
}
270
spinbutton:not(.vertical) undershoot.right,
272
entry undershoot.right {
273
background-color: transparent;
274
background-image: linear-gradient(to top, rgba(48, 48, 48, 0.3) 50%, rgba(255, 255, 255, 0.3) 50%);
275
padding-right: 1px;
276
background-size: 1px 12px;
277
background-repeat: repeat-y;
278
background-origin: content-box;
279
background-position: right top;
280
}
281
spinbutton.error:not(.vertical),
283
entry.error {
284
transition: all 100ms cubic-bezier(0, 0, 0.2, 1), border-image 225ms cubic-bezier(0, 0, 0.2, 1);
285
border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #EA4335 0%, transparent 0%) 0 0 0/0 0 0px;
286
box-shadow: inset 0 -1px #EA4335;
287
background-color: rgba(255, 255, 255, 0.04);
288
color: white;
289
}
290
spinbutton.error:focus:not(.vertical),
292
entry.error:focus {
293
border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #EA4335 100%, transparent 0%) 0 0 2/0 0 2px;
294
box-shadow: inset 0 -1px #EA4335;
295
}
296
spinbutton.error:disabled:not(.vertical),
298
entry.error:disabled {
299
box-shadow: inset 0 -1px rgba(255, 255, 255, 0.12);
300
background-color: rgba(255, 255, 255, 0.04);
301
color: rgba(255, 255, 255, 0.5);
302
}
303
spinbutton.warning:not(.vertical),
305
entry.warning {
306
transition: all 100ms cubic-bezier(0, 0, 0.2, 1), border-image 225ms cubic-bezier(0, 0, 0.2, 1);
307
border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #FBBC05 0%, transparent 0%) 0 0 0/0 0 0px;
308
box-shadow: inset 0 -1px #FBBC05;
309
background-color: rgba(255, 255, 255, 0.04);
310
color: white;
311
}
312
spinbutton.warning:focus:not(.vertical),
314
entry.warning:focus {
315
border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #FBBC05 100%, transparent 0%) 0 0 2/0 0 2px;
316
box-shadow: inset 0 -1px #FBBC05;
317
}
318
spinbutton.warning:disabled:not(.vertical),
320
entry.warning:disabled {
321
box-shadow: inset 0 -1px rgba(255, 255, 255, 0.12);
322
background-color: rgba(255, 255, 255, 0.04);
323
color: rgba(255, 255, 255, 0.5);
324
}
325
spinbutton:not(.vertical) progress,
327
entry progress {
328
margin: 2px -6px;
329
border-bottom: 2px solid #4285F4;
330
background-color: transparent;
331
}
332
spinbutton.vertical entry, .gedit-search-slider .linked:not(.vertical) > entry {
334
border-radius: 4px;
335
transition: all 100ms cubic-bezier(0, 0, 0.2, 1);
336
border-image: none;
337
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
338
background-color: #303030;
339
color: white;
340
}
341
spinbutton.vertical entry:focus, .gedit-search-slider .linked:not(.vertical) > entry:focus {
343
border-image: none;
344
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23);
345
}
346
spinbutton.vertical entry:disabled, .gedit-search-slider .linked:not(.vertical) > entry:disabled {
348
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
349
background-color: #2C2C2C;
350
color: rgba(255, 255, 255, 0.5);
351
}
352
spinbutton.vertical entry.error, .gedit-search-slider .linked:not(.vertical) > entry.error {
354
transition: all 100ms cubic-bezier(0, 0, 0.2, 1);
355
border-image: none;
356
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
357
background-color: #EA4335;
358
color: white;
359
}
360
spinbutton.vertical entry.error:focus, .gedit-search-slider .linked:not(.vertical) > entry.error:focus {
362
border-image: none;
363
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23);
364
}
365
spinbutton.vertical entry.error:disabled, .gedit-search-slider .linked:not(.vertical) > entry.error:disabled {
367
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
368
background-color: #2C2C2C;
369
color: rgba(255, 255, 255, 0.5);
370
}
371
spinbutton.vertical entry.error image, .gedit-search-slider .linked:not(.vertical) > entry.error image {
373
color: rgba(255, 255, 255, 0.7);
374
}
375
spinbutton.vertical entry.error image:hover, .gedit-search-slider .linked:not(.vertical) > entry.error image:hover, spinbutton.vertical entry.error image:active, .gedit-search-slider .linked:not(.vertical) > entry.error image:active {
377
color: white;
378
}
379
spinbutton.vertical entry.error image:disabled, .gedit-search-slider .linked:not(.vertical) > entry.error image:disabled {
381
color: rgba(255, 255, 255, 0.5);
382
}
383
spinbutton.vertical entry.warning, .gedit-search-slider .linked:not(.vertical) > entry.warning {
385
transition: all 100ms cubic-bezier(0, 0, 0.2, 1);
386
border-image: none;
387
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
388
background-color: #FBBC05;
389
color: white;
390
}
391
spinbutton.vertical entry.warning:focus, .gedit-search-slider .linked:not(.vertical) > entry.warning:focus {
393
border-image: none;
394
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23);
395
}
396
spinbutton.vertical entry.warning:disabled, .gedit-search-slider .linked:not(.vertical) > entry.warning:disabled {
398
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
399
background-color: #2C2C2C;
400
color: rgba(255, 255, 255, 0.5);
401
}
402
spinbutton.vertical entry.warning image, .gedit-search-slider .linked:not(.vertical) > entry.warning image {
404
color: rgba(255, 255, 255, 0.7);
405
}
406
spinbutton.vertical entry.warning image:hover, .gedit-search-slider .linked:not(.vertical) > entry.warning image:hover, spinbutton.vertical entry.warning image:active, .gedit-search-slider .linked:not(.vertical) > entry.warning image:active {
408
color: white;
409
}
410
spinbutton.vertical entry.warning image:disabled, .gedit-search-slider .linked:not(.vertical) > entry.warning image:disabled {
412
color: rgba(255, 255, 255, 0.5);
413
}
414
treeview entry.flat, treeview entry {
416
background-color: #303030;
417
}
418
treeview entry.flat, treeview entry.flat:focus, treeview entry, treeview entry:focus {
420
border-image: none;
421
box-shadow: none;
422
}
423
.entry-tag, .documents-entry-tag, .photos-entry-tag {
425
margin: 2px;
426
border-radius: 9999px;
427
box-shadow: none;
428
background-color: rgba(255, 255, 255, 0.12);
429
color: white;
430
}
431
.entry-tag:hover, .documents-entry-tag:hover, .photos-entry-tag:hover {
433
background-image: image(rgba(255, 255, 255, 0.12));
434
}
435
:dir(ltr) .entry-tag, :dir(ltr) .documents-entry-tag, :dir(ltr) .photos-entry-tag {
437
margin-left: 4px;
438
margin-right: 0;
439
padding-left: 12px;
440
padding-right: 8px;
441
}
442
:dir(rtl) .entry-tag, :dir(rtl) .documents-entry-tag, :dir(rtl) .photos-entry-tag {
444
margin-left: 0;
445
margin-right: 4px;
446
padding-left: 8px;
447
padding-right: 12px;
448
}
449
.entry-tag.button, .button.documents-entry-tag, .button.photos-entry-tag {
451
box-shadow: none;
452
background-color: transparent;
453
}
454
.entry-tag.button:not(:hover):not(:active), .button.documents-entry-tag:not(:hover):not(:active), .button.photos-entry-tag:not(:hover):not(:active) {
456
color: rgba(255, 255, 255, 0.7);
457
}
458
/***********
460
* Buttons *
461
***********/
462
@keyframes needs_attention {
463
from {
464
background-image: -gtk-gradient(radial, center center, 0, center center, 0.001, to(#01A299), to(transparent));
465
}
466
to {
467
background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#01A299), to(transparent));
468
}
469
}
470
button {
473
min-height: 24px;
474
min-width: 16px;
475
padding: 4px 8px;
476
border-radius: 4px;
477
font-weight: 500;
478
transition: 100ms, background-size 300ms cubic-bezier(0, 0, 0.2, 1), background-image 1200ms cubic-bezier(0, 0, 0.2, 1);
479
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;
480
background-color: #424242;
481
background-image: radial-gradient(circle farthest-corner at center, transparent 10%, transparent 0%);
482
background-repeat: no-repeat;
483
background-position: center;
484
background-size: 1000% 1000%;
485
color: rgba(255, 255, 255, 0.8);
486
}
487
button:hover {
490
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;
491
color: white;
492
}
493
button:active {
496
transition: 100ms, background-size 0, background-image 0;
497
animation: ripple_effect 225ms cubic-bezier(0, 0, 0.2, 1) forwards;
498
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23), inset 0 0 0 9999px alpha(currentColor, 0.08);
499
background-image: radial-gradient(circle farthest-corner at center, alpha(currentColor, 0.12) 10%, transparent 0%);
500
background-size: 0% 0%;
501
color: white;
502
}
503
button:disabled {
506
box-shadow: none;
507
background-color: rgba(255, 255, 255, 0.12);
508
color: rgba(255, 255, 255, 0.3);
509
}
510
button:checked {
513
background-color: #4285F4;
514
color: white;
515
}
516
button:checked:disabled {
519
background-color: rgba(66, 133, 244, 0.3);
520
color: rgba(66, 133, 244, 0.5);
521
}
522
modelbutton.flat,
524
.menuitem.button.flat, spinbutton:not(.vertical) button, spinbutton.vertical button, popover.background.menu button,
525
popover.background button.model, notebook > header > tabs > arrow, scrollbar button, check,
526
radio, calendar.button, messagedialog.csd .dialog-action-area button, button.sidebar-button, .gedit-search-slider .linked > button, popover.messagepopover .popover-action-area button, #mate-menu button, .budgie-settings-window buttonbox.inline-toolbar button, .raven .raven-header:not(.top) button, .drop-shadow button, .budgie-session-dialog .linked.horizontal > button, .lightdm-gtk-greeter button, :not(headerbar) .caja-pathbar button, .caja-pathbar :not(headerbar) button, :not(headerbar) .path-bar button, layouttabbar button, .mate-panel-menu-bar button, .budgie-panel button, .raven stackswitcher.linked > button, toolbar button, .titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action),
527
headerbar button:not(.suggested-action):not(.destructive-action), actionbar > revealer > box button:not(.suggested-action):not(.destructive-action):not(.server-list-button), .app-notification button, .nemo-window .toolbar button,
528
button.flat {
529
transition: 100ms, border-image 225ms cubic-bezier(0, 0, 0.2, 1), background-size 300ms cubic-bezier(0, 0, 0.2, 1), background-image 1200ms cubic-bezier(0, 0, 0.2, 1);
530
box-shadow: inset 0 0 0 9999px transparent;
531
background-color: transparent;
532
background-image: radial-gradient(circle farthest-corner at center, transparent 10%, transparent 0%);
533
background-repeat: no-repeat;
534
background-position: center;
535
background-size: 1000% 1000%;
536
color: rgba(255, 255, 255, 0.7);
537
}
538
modelbutton.flat:hover,
540
.menuitem.button.flat:hover, spinbutton:not(.vertical) button:hover, spinbutton.vertical button:hover, popover.background.menu button:hover,
541
popover.background button.model:hover, notebook > header > tabs > arrow:hover, scrollbar button:hover, check:hover,
542
radio:hover, calendar.button:hover, messagedialog.csd .dialog-action-area button:hover, button.sidebar-button:hover, .gedit-search-slider .linked > button:hover, popover.messagepopover .popover-action-area button:hover, #mate-menu button:hover, .budgie-settings-window buttonbox.inline-toolbar button:hover, .raven .raven-header:not(.top) button:hover, .drop-shadow button:hover, .budgie-session-dialog .linked.horizontal > button:hover, .lightdm-gtk-greeter button:hover, :not(headerbar) .caja-pathbar button:hover, .caja-pathbar :not(headerbar) button:hover, :not(headerbar) .path-bar button:hover, layouttabbar button:hover, .mate-panel-menu-bar button:hover, .budgie-panel button:hover, .raven stackswitcher.linked > button:hover, toolbar button:hover, .titlebar:not(headerbar) button:hover:not(.suggested-action):not(.destructive-action),
543
headerbar button:hover:not(.suggested-action):not(.destructive-action), actionbar > revealer > box button:hover:not(.suggested-action):not(.destructive-action):not(.server-list-button), .app-notification button:hover, .nemo-window .toolbar button:hover,
544
button.flat:hover {
545
box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08);
546
color: white;
547
}
548
modelbutton.flat:active,
550
.menuitem.button.flat:active, spinbutton:not(.vertical) button:active, spinbutton.vertical button:active, popover.background.menu button:active,
551
popover.background button.model:active, notebook > header > tabs > arrow:active, scrollbar button:active, check:active,
552
radio:active, calendar.button:active, messagedialog.csd .dialog-action-area button:active, button.sidebar-button:active, .gedit-search-slider .linked > button:active, popover.messagepopover .popover-action-area button:active, #mate-menu button:active, .budgie-settings-window buttonbox.inline-toolbar button:active, .raven .raven-header:not(.top) button:active, .drop-shadow button:active, .budgie-session-dialog .linked.horizontal > button:active, .lightdm-gtk-greeter button:active, :not(headerbar) .caja-pathbar button:active, .caja-pathbar :not(headerbar) button:active, :not(headerbar) .path-bar button:active, layouttabbar button:active, .mate-panel-menu-bar button:active, .budgie-panel button:active, .raven stackswitcher.linked > button:active, toolbar button:active, .titlebar:not(headerbar) button:active:not(.suggested-action):not(.destructive-action),
553
headerbar button:active:not(.suggested-action):not(.destructive-action), actionbar > revealer > box button:active:not(.suggested-action):not(.destructive-action):not(.server-list-button), .app-notification button:active, .nemo-window .toolbar button:active,
554
button.flat:active {
555
transition: 100ms, border-image 225ms cubic-bezier(0, 0, 0.2, 1), background-size 0, background-image 0;
556
animation: ripple_effect 225ms cubic-bezier(0, 0, 0.2, 1) forwards;
557
box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08);
558
background-image: radial-gradient(circle farthest-corner at center, alpha(currentColor, 0.12) 10%, transparent 0%);
559
background-size: 0% 0%;
560
color: white;
561
}
562
modelbutton.flat:disabled,
564
.menuitem.button.flat:disabled, spinbutton:not(.vertical) button:disabled, spinbutton.vertical button:disabled, popover.background.menu button:disabled,
565
popover.background button.model:disabled, notebook > header > tabs > arrow:disabled, scrollbar button:disabled, check:disabled,
566
radio:disabled, calendar.button:disabled, messagedialog.csd .dialog-action-area button:disabled, button.sidebar-button:disabled, .gedit-search-slider .linked > button:disabled, popover.messagepopover .popover-action-area button:disabled, #mate-menu button:disabled, .budgie-settings-window buttonbox.inline-toolbar button:disabled, .raven .raven-header:not(.top) button:disabled, .drop-shadow button:disabled, .budgie-session-dialog .linked.horizontal > button:disabled, .lightdm-gtk-greeter button:disabled, :not(headerbar) .caja-pathbar button:disabled, .caja-pathbar :not(headerbar) button:disabled, :not(headerbar) .path-bar button:disabled, layouttabbar button:disabled, .mate-panel-menu-bar button:disabled, .budgie-panel button:disabled, .raven stackswitcher.linked > button:disabled, toolbar button:disabled, .titlebar:not(headerbar) button:disabled:not(.suggested-action):not(.destructive-action),
567
headerbar button:disabled:not(.suggested-action):not(.destructive-action), actionbar > revealer > box button:disabled:not(.suggested-action):not(.destructive-action):not(.server-list-button), .app-notification button:disabled, .nemo-window .toolbar button:disabled,
568
button.flat:disabled {
569
box-shadow: none;
570
background-color: transparent;
571
color: rgba(255, 255, 255, 0.3);
572
}
573
: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),
575
headerbar button:checked:not(.suggested-action):not(.destructive-action), actionbar > revealer > box button:checked:not(.suggested-action):not(.destructive-action):not(.server-list-button), .app-notification button:checked, .nemo-window .toolbar button:checked,
576
button.flat:checked {
577
background-color: alpha(currentColor, 0.24);
578
color: white;
579
}
580
: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),
582
headerbar button:checked:disabled:not(.suggested-action):not(.destructive-action), actionbar > revealer > box button:checked:disabled:not(.suggested-action):not(.destructive-action):not(.server-list-button), .app-notification button:checked:disabled, .nemo-window .toolbar button:checked:disabled,
583
button.flat:checked:disabled {
584
background-color: rgba(255, 255, 255, 0.12);
585
color: rgba(255, 255, 255, 0.5);
586
}
587
button.text-button {
590
padding-left: 16px;
591
padding-right: 16px;
592
}
593
button.image-button {
596
min-width: 24px;
597
padding: 4px;
598
}
599
button.text-button.image-button {
602
border-radius: 4px;
603
-gtk-outline-radius: 4px;
604
}
605
button.text-button.image-button label:first-child {
608
margin-left: 12px;
609
}
610
button.text-button.image-button label:last-child {
613
margin-right: 12px;
614
}
615
button.text-button.image-button image:not(:only-child) {
618
margin: 0 4px;
619
}
620
toolbar .linked > button, .titlebar:not(headerbar) .linked > button:not(.suggested-action):not(.destructive-action),
622
headerbar .linked > button:not(.suggested-action):not(.destructive-action), actionbar > revealer > box .linked > button:not(.suggested-action):not(.destructive-action):not(.server-list-button), .app-notification .linked > button, .nemo-window .toolbar .linked > button,
623
toolbar .linked.vertical > button,
624
.titlebar:not(headerbar) .linked.vertical > button:not(.suggested-action):not(.destructive-action),
625
headerbar .linked.vertical > button:not(.suggested-action):not(.destructive-action),
626
actionbar > revealer > box .linked.vertical > button:not(.suggested-action):not(.destructive-action):not(.server-list-button),
627
.app-notification .linked.vertical > button,
628
.nemo-window .toolbar .linked.vertical > button, .linked >
629
button.flat,
630
.linked.vertical >
631
button.flat {
632
border-radius: 4px;
633
}
634
toolbar .linked > button.text-button.image-button, .titlebar:not(headerbar) .linked > button.text-button.image-button:not(.suggested-action):not(.destructive-action),
636
headerbar .linked > button.text-button.image-button:not(.suggested-action):not(.destructive-action), actionbar > revealer > box .linked > button.text-button.image-button:not(.suggested-action):not(.destructive-action):not(.server-list-button), .app-notification .linked > button.text-button.image-button, .nemo-window .toolbar .linked > button.text-button.image-button,
637
toolbar .linked.vertical > button.text-button.image-button,
638
.titlebar:not(headerbar) .linked.vertical > button.text-button.image-button:not(.suggested-action):not(.destructive-action),
639
headerbar .linked.vertical > button.text-button.image-button:not(.suggested-action):not(.destructive-action),
640
actionbar > revealer > box .linked.vertical > button.text-button.image-button:not(.suggested-action):not(.destructive-action):not(.server-list-button),
641
.app-notification .linked.vertical > button.text-button.image-button,
642
.nemo-window .toolbar .linked.vertical > button.text-button.image-button, .linked >
643
button.flat.text-button.image-button,
644
.linked.vertical >
645
button.flat.text-button.image-button {
646
border-radius: 4px;
647
-gtk-outline-radius: 4px;
648
}
649
infobar.info button:disabled, infobar.question button:disabled, infobar.warning button:disabled, infobar.error button:disabled, row:selected
651
button:disabled {
652
background-color: rgba(255, 255, 255, 0.12);
653
color: rgba(255, 255, 255, 0.3);
654
}
655
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
657
button.flat {
658
color: rgba(255, 255, 255, 0.7);
659
}
660
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
662
button.flat:hover, row:selected
663
button.flat:active {
664
color: white;
665
}
666
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
668
button.flat:disabled {
669
color: rgba(255, 255, 255, 0.3);
670
}
671
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
673
button.flat:checked {
674
background-color: rgba(255, 255, 255, 0.3);
675
color: white;
676
}
677
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
679
button.flat:checked:disabled {
680
background-color: rgba(255, 255, 255, 0.12);
681
color: rgba(255, 255, 255, 0.5);
682
}
683
button.osd {
686
padding: 8px 12px;
687
}
688
button.osd.image-button {
691
padding: 8px;
692
}
693
button.osd:disabled {
696
opacity: 0;
697
}
698
button.suggested-action {
701
background-color: #01A299;
702
color: white;
703
}
704
button.suggested-action:disabled {
707
box-shadow: none;
708
background-color: rgba(255, 255, 255, 0.12);
709
color: rgba(255, 255, 255, 0.5);
710
}
711
button.suggested-action:checked {
714
background-color: #4dbeb8;
715
}
716
button.suggested-action.flat {
719
background-color: transparent;
720
color: #01A299;
721
}
722
button.suggested-action.flat:disabled {
725
box-shadow: none;
726
background-color: transparent;
727
color: rgba(255, 255, 255, 0.5);
728
}
729
button.suggested-action.flat:checked {
732
background-color: rgba(1, 162, 153, 0.3);
733
}
734
button.destructive-action {
737
background-color: #EA4335;
738
color: white;
739
}
740
button.destructive-action:disabled {
743
box-shadow: none;
744
background-color: rgba(255, 255, 255, 0.12);
745
color: rgba(255, 255, 255, 0.5);
746
}
747
button.destructive-action:checked {
750
background-color: #f07b72;
751
}
752
button.destructive-action.flat {
755
background-color: transparent;
756
color: #EA4335;
757
}
758
button.destructive-action.flat:disabled {
761
box-shadow: none;
762
background-color: transparent;
763
color: rgba(255, 255, 255, 0.5);
764
}
765
button.destructive-action.flat:checked {
768
background-color: rgba(234, 67, 53, 0.3);
769
}
770
.stack-switcher >
772
button {
773
outline-offset: -4px;
774
}
775
.stack-switcher >
777
button > label {
778
padding-left: 6px;
779
padding-right: 6px;
780
}
781
.stack-switcher >
783
button > image {
784
padding-left: 6px;
785
padding-right: 6px;
786
padding-top: 3px;
787
padding-bottom: 3px;
788
}
789
.stack-switcher >
791
button.text-button {
792
padding-left: 10px;
793
padding-right: 10px;
794
}
795
.stack-switcher >
797
button.image-button {
798
padding-left: 2px;
799
padding-right: 2px;
800
}
801
.stack-switcher >
803
button.needs-attention:checked > label,
804
.stack-switcher >
805
button.needs-attention:checked > image {
806
animation: none;
807
background-image: none;
808
}
809
.primary-toolbar
811
button {
812
-gtk-icon-shadow: none;
813
}
814
button.image-button, toolbar .linked > button.image-button, .titlebar:not(headerbar) .linked > button.image-button:not(.suggested-action):not(.destructive-action),
817
headerbar .linked > button.image-button:not(.suggested-action):not(.destructive-action), actionbar > revealer > box .linked > button.image-button:not(.suggested-action):not(.destructive-action):not(.server-list-button), .app-notification .linked > button.image-button, .nemo-window .toolbar .linked > button.image-button, toolbar .linked.vertical > button.image-button,
818
headerbar .linked.vertical > button.image-button:not(.suggested-action):not(.destructive-action), .app-notification .linked.vertical > button.image-button, .nemo-window .toolbar .linked.vertical > button.image-button, .linked > button.flat.image-button,
819
.linked.vertical > button.flat.image-button, .inline-toolbar button:not(.text-button), check,
820
radio, button.titlebutton, .disclosure-button, .nautilus-window headerbar > revealer > button, .raven .raven-header:not(.top) button.image-button, .raven .expander-button,
821
button.close,
822
button.circular {
823
border-radius: 9999px;
824
-gtk-outline-radius: 9999px;
825
}
826
spinbutton:not(.vertical) button, notebook > header tab button.flat, button.sidebar-button, .nautilus-window .floating-bar button, .gedit-document-panel row button.flat, .gedit-search-slider .linked > button, .pluma-window paned.horizontal box.vertical box.horizontal button.flat {
828
min-height: 24px;
829
min-width: 24px;
830
padding: 0;
831
border-radius: 9999px;
832
-gtk-outline-radius: 9999px;
833
}
834
.stack-switcher > button.needs-attention > label,
836
.stack-switcher > button.needs-attention > image, stacksidebar row.needs-attention > label {
837
animation: needs_attention 225ms cubic-bezier(0, 0, 0.2, 1) forwards;
838
background-repeat: no-repeat;
839
background-position: right 3px;
840
background-size: 6px 6px;
841
}
842
.stack-switcher > button.needs-attention > label:dir(rtl),
844
.stack-switcher > button.needs-attention > image:dir(rtl), stacksidebar row.needs-attention > label:dir(rtl) {
845
background-position: left 3px;
846
}
847
.linked > button, .linked:not(.vertical) > spinbutton:not(.vertical), .linked:not(.vertical) > entry, combobox > .linked > button, .linked:not(.vertical) > combobox > box > button.combo {
849
border-radius: 0;
850
-gtk-outline-radius: 4px;
851
}
852
.linked > button:first-child {
854
border-top-left-radius: 4px;
855
border-bottom-left-radius: 4px;
856
}
857
.linked > button:last-child {
859
border-top-right-radius: 4px;
860
border-bottom-right-radius: 4px;
861
}
862
.linked > button:only-child {
864
border-radius: 4px;
865
}
866
.linked.vertical > button, .linked.vertical > spinbutton:not(.vertical), .linked.vertical > entry, .linked.vertical > combobox > box > button.combo {
868
border-radius: 0;
869
-gtk-outline-radius: 4px;
870
}
871
.linked.vertical > button:first-child {
873
border-top-left-radius: 4px;
874
border-top-right-radius: 4px;
875
}
876
.linked.vertical > button:last-child {
878
border-bottom-left-radius: 4px;
879
border-bottom-right-radius: 4px;
880
}
881
.linked.vertical > button:only-child {
883
border-radius: 4px;
884
}
885
.linked:not(.vertical) > spinbutton:first-child:not(.vertical), .linked:not(.vertical) > entry:first-child, combobox.linked button:nth-child(2):dir(rtl), combobox > .linked > button:first-child, .linked:not(.vertical) > combobox:first-child > box > button.combo {
887
border-radius: 4px 0 0 0;
888
}
889
.linked:not(.vertical) > spinbutton:last-child:not(.vertical), .linked:not(.vertical) > entry:last-child, combobox.linked button:nth-child(2):dir(ltr), combobox > .linked > button:last-child, .linked:not(.vertical) > combobox:last-child > box > button.combo {
891
border-radius: 0 4px 0 0;
892
}
893
.linked:not(.vertical) > spinbutton:only-child:not(.vertical), .linked:not(.vertical) > entry:only-child, combobox > .linked > button:only-child, .linked:not(.vertical) > combobox:only-child > box > button.combo {
895
border-radius: 4px 4px 0 0;
896
}
897
.linked.vertical > spinbutton:first-child:not(.vertical), .linked.vertical > entry:first-child, .linked.vertical > combobox:first-child > box > button.combo {
899
border-radius: 4px 4px 0 0;
900
}
901
.linked.vertical > spinbutton:last-child:not(.vertical), .linked.vertical > entry:last-child, .linked.vertical > combobox:last-child > box > button.combo {
903
border-radius: 0;
904
}
905
.linked.vertical > spinbutton:only-child:not(.vertical), .linked.vertical > entry:only-child, .linked.vertical > combobox:only-child > box > button.combo {
907
border-radius: 4px 4px 0 0;
908
}
909
/* menu buttons */
911
modelbutton.flat,
912
.menuitem.button.flat {
913
min-height: 28px;
914
padding: 0 8px;
915
border-radius: 4px;
916
color: inherit;
917
}
918
modelbutton.flat arrow {
920
background: none;
921
}
922
modelbutton.flat arrow:hover {
924
background: none;
925
}
926
modelbutton.flat arrow.left {
928
-gtk-icon-source: -gtk-icontheme("pan-start-symbolic");
929
}
930
modelbutton.flat arrow.right {
932
-gtk-icon-source: -gtk-icontheme("pan-end-symbolic");
933
}
934
button.color {
936
min-height: 24px;
937
min-width: 24px;
938
padding: 4px;
939
}
940
/*********
942
* Links *
943
*********/
944
*:link, button:link,
945
button:visited, *:link:hover, button:hover:link,
946
button:hover:visited, *:link:active, button:active:link,
947
button:active:visited {
948
color: #4285F4;
949
}
950
*:link:visited,
952
button:visited, *:link:visited:hover,
953
button:visited:hover, *:link:visited:active,
954
button:visited:active {
955
color: #E040FB;
956
}
957
infobar.info *:link, infobar.info button:link,
959
infobar.info button:visited, infobar.question *:link, infobar.question button:link,
960
infobar.question button:visited, infobar.warning *:link, infobar.warning button:link,
961
infobar.warning button:visited, infobar.error *:link, infobar.error button:link,
962
infobar.error button:visited, *:link:selected, button:selected:link,
963
button:selected:visited, .selection-mode.titlebar:not(headerbar) .subtitle:link,
964
headerbar.selection-mode .subtitle:link,
965
*:selected *:link,
966
*:selected button:link,
967
*:selected button:visited {
968
color: white;
969
}
970
button:link > label,
972
button:visited > label {
973
text-decoration-line: underline;
974
}
975
/*****************
977
* GtkSpinButton *
978
*****************/
979
spinbutton:not(.vertical) {
980
padding: 0;
981
}
982
spinbutton:not(.vertical) entry {
984
min-width: 24px;
985
margin: 0;
986
border-image: none;
987
border-radius: 0;
988
box-shadow: none;
989
background-color: transparent;
990
}
991
spinbutton:not(.vertical) button {
993
border: solid 4px transparent;
994
}
995
spinbutton:not(.vertical) button.up:dir(ltr), spinbutton:not(.vertical) button.down:dir(rtl) {
997
margin-left: -2px;
998
}
999
spinbutton:not(.vertical) button.up:dir(rtl), spinbutton:not(.vertical) button.down:dir(ltr) {
1001
margin-right: -2px;
1002
}
1003
spinbutton.vertical:disabled {
1005
color: rgba(255, 255, 255, 0.5);
1006
}
1007
spinbutton.vertical:drop(active) {
1009
box-shadow: none;
1010
}
1011
spinbutton.vertical entry {
1013
min-height: 32px;
1014
min-width: 40px;
1015
padding: 0;
1016
}
1017
spinbutton.vertical button {
1019
min-height: 32px;
1020
min-width: 40px;
1021
padding: 0;
1022
}
1023
spinbutton.vertical button.up {
1025
border-radius: 4px 4px 0 0;
1026
}
1027
spinbutton.vertical button.down {
1029
border-radius: 0 0 4px 4px;
1030
}
1031
treeview spinbutton:not(.vertical) {
1033
min-height: 0;
1034
border-style: none;
1035
border-radius: 0;
1036
}
1037
treeview spinbutton:not(.vertical) entry {
1039
min-height: 0;
1040
padding: 1px 2px;
1041
}
1042
/**************
1044
* ComboBoxes *
1045
**************/
1046
combobox arrow {
1047
-gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
1048
min-height: 16px;
1049
min-width: 16px;
1050
}
1051
combobox decoration,
1053
combobox button.combo:checked {
1054
transition: none;
1055
}
1056
combobox button.combo cellview:dir(ltr) {
1058
margin-left: 0px;
1059
}
1060
combobox button.combo cellview:dir(rtl) {
1062
margin-right: 0px;
1063
}
1064
combobox #gtk-combobox-popup-menu {
1066
padding: 2px 0;
1067
}
1068
combobox #gtk-combobox-popup-menu menuitem {
1070
min-height: 28px;
1071
padding: 0 8px;
1072
}
1073
combobox #gtk-combobox-popup-menu > arrow.top {
1075
margin-top: -2px;
1076
}
1077
combobox #gtk-combobox-popup-menu > arrow.bottom {
1079
margin-top: 4px;
1080
margin-bottom: -6px;
1081
}
1082
combobox:drop(active) {
1084
box-shadow: none;
1085
}
1086
button.combo {
1088
border-radius: 4px 4px 0 0;
1089
background-image: none;
1090
font-weight: inherit;
1091
transition: all 100ms cubic-bezier(0, 0, 0.2, 1), border-image 225ms cubic-bezier(0, 0, 0.2, 1);
1092
border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #4285F4 0%, transparent 0%) 0 0 0/0 0 0px;
1093
box-shadow: inset 0 -1px rgba(255, 255, 255, 0.3);
1094
background-color: rgba(255, 255, 255, 0.04);
1095
color: white;
1096
}
1097
button.combo:hover {
1099
box-shadow: inset 0 -1px white;
1100
}
1101
button.combo:checked {
1103
border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #4285F4 100%, transparent 0%) 0 0 2/0 0 2px;
1104
box-shadow: inset 0 -1px rgba(255, 255, 255, 0.3);
1105
}
1106
button.combo:disabled {
1108
box-shadow: inset 0 -1px rgba(255, 255, 255, 0.12);
1109
background-color: rgba(255, 255, 255, 0.04);
1110
color: rgba(255, 255, 255, 0.5);
1111
}
1112
/************
1114
* Toolbars *
1115
************/
1116
toolbar {
1117
-GtkWidget-window-dragging: true;
1118
padding: 2px;
1119
background-color: #282828;
1120
}
1121
.osd toolbar {
1123
background-color: transparent;
1124
}
1125
toolbar.osd, .app-notification, frame.documents-dropdown {
1127
transition: box-shadow 100ms cubic-bezier(0, 0, 0.2, 1);
1128
padding: 4px;
1129
border-radius: 4px;
1130
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);
1131
background-color: #424242;
1132
}
1133
toolbar.osd:backdrop, .app-notification:backdrop, frame.documents-dropdown:backdrop {
1135
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);
1136
}
1137
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 {
1139
border-radius: 0;
1140
}
1141
toolbar.horizontal > separator {
1143
margin: 2px;
1144
}
1145
toolbar.vertical > separator {
1147
margin: 2px;
1148
}
1149
toolbar:not(.inline-toolbar):not(.osd) scale,
1151
toolbar:not(.inline-toolbar):not(.osd) entry,
1152
toolbar:not(.inline-toolbar):not(.osd) spinbutton,
1153
toolbar:not(.inline-toolbar):not(.osd) button {
1154
margin: 2px;
1155
}
1156
toolbar:not(.inline-toolbar):not(.osd) .linked entry:not(:first-child),
1158
toolbar:not(.inline-toolbar):not(.osd) .linked spinbutton:not(:first-child),
1159
toolbar:not(.inline-toolbar):not(.osd) .linked button:not(:first-child) {
1160
margin-left: 0;
1161
}
1162
toolbar:not(.inline-toolbar):not(.osd) .linked entry:not(:last-child),
1164
toolbar:not(.inline-toolbar):not(.osd) .linked spinbutton:not(:last-child),
1165
toolbar:not(.inline-toolbar):not(.osd) .linked button:not(:last-child) {
1166
margin-right: 0;
1167
}
1168
toolbar:not(.inline-toolbar):not(.osd) spinbutton entry,
1170
toolbar:not(.inline-toolbar):not(.osd) spinbutton button {
1171
margin: 0;
1172
}
1173
toolbar:not(.inline-toolbar):not(.osd) switch {
1175
margin: 6px 2px;
1176
}
1177
.inline-toolbar {
1179
padding: 4px;
1180
border-style: solid;
1181
border-width: 0 1px 1px;
1182
border-color: rgba(0, 0, 0, 0.26);
1183
background-color: #2C2C2C;
1184
}
1185
searchbar > revealer > box,
1187
.location-bar {
1188
padding: 4px;
1189
border-style: solid;
1190
border-width: 0 0 1px;
1191
border-color: rgba(0, 0, 0, 0.26);
1192
background-color: #282828;
1193
background-clip: border-box;
1194
}
1195
searchbar > revealer > box {
1197
margin: -6px;
1198
padding: 4px;
1199
}
1200
/***************
1202
* Header bars *
1203
***************/
1204
.titlebar:not(headerbar),
1205
headerbar {
1206
transition: background-color 100ms cubic-bezier(0, 0, 0.2, 1), color 100ms cubic-bezier(0, 0, 0.2, 1);
1207
min-height: 40px;
1208
padding: 0 4px;
1209
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);
1210
background-color: #383838;
1211
color: white;
1212
}
1213
.titlebar:disabled:not(headerbar) :not(button) > label,
1215
headerbar:disabled :not(button) > label {
1216
color: rgba(255, 255, 255, 0.5);
1217
}
1218
.titlebar:backdrop:not(headerbar),
1220
headerbar:backdrop {
1221
color: rgba(255, 255, 255, 0.7);
1222
}
1223
.titlebar:backdrop:disabled:not(headerbar) :not(button) > label,
1225
headerbar:backdrop:disabled :not(button) > label {
1226
color: rgba(255, 255, 255, 0.3);
1227
}
1228
.titlebar:not(headerbar) .title,
1230
headerbar .title {
1231
padding: 0 12px;
1232
font-weight: bold;
1233
}
1234
.titlebar:not(headerbar) .subtitle,
1236
headerbar .subtitle {
1237
padding: 0 12px;
1238
font-size: smaller;
1239
}
1240
.titlebar:not(headerbar) .linked:not(.vertical) > entry:not(.flat),
1242
headerbar .linked:not(.vertical) > entry:not(.flat) {
1243
border-radius: 4px;
1244
}
1245
.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action),
1247
headerbar button:not(.suggested-action):not(.destructive-action) {
1248
border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), currentColor 0%, transparent 0%) 0 0 0/0 0 0px;
1249
color: rgba(255, 255, 255, 0.7);
1250
}
1251
.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):hover, .titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):active,
1253
headerbar button:not(.suggested-action):not(.destructive-action):hover,
1254
headerbar button:not(.suggested-action):not(.destructive-action):active {
1255
color: white;
1256
}
1257
.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):disabled,
1259
headerbar button:not(.suggested-action):not(.destructive-action):disabled {
1260
color: rgba(255, 255, 255, 0.3);
1261
}
1262
.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):checked,
1264
headerbar button:not(.suggested-action):not(.destructive-action):checked {
1265
border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), currentColor 100%, transparent 0%) 0 0 2/0 0 2px;
1266
color: white;
1267
}
1268
.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):checked:disabled,
1270
headerbar button:not(.suggested-action):not(.destructive-action):checked:disabled {
1271
color: rgba(255, 255, 255, 0.5);
1272
}
1273
.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):checked, .titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):checked:disabled,
1275
headerbar button:not(.suggested-action):not(.destructive-action):checked,
1276
headerbar button:not(.suggested-action):not(.destructive-action):checked:disabled {
1277
background-color: transparent;
1278
}
1279
.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):backdrop,
1281
headerbar button:not(.suggested-action):not(.destructive-action):backdrop {
1282
color: rgba(255, 255, 255, 0.5);
1283
}
1284
.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):backdrop:hover, .titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):backdrop:active,
1286
headerbar button:not(.suggested-action):not(.destructive-action):backdrop:hover,
1287
headerbar button:not(.suggested-action):not(.destructive-action):backdrop:active {
1288
color: rgba(255, 255, 255, 0.7);
1289
}
1290
.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):backdrop:disabled,
1292
headerbar button:not(.suggested-action):not(.destructive-action):backdrop:disabled {
1293
color: rgba(255, 255, 255, 0.3);
1294
}
1295
.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):backdrop:checked,
1297
headerbar button:not(.suggested-action):not(.destructive-action):backdrop:checked {
1298
color: rgba(255, 255, 255, 0.7);
1299
}
1300
.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):backdrop:checked:disabled,
1302
headerbar button:not(.suggested-action):not(.destructive-action):backdrop:checked:disabled {
1303
color: rgba(255, 255, 255, 0.3);
1304
}
1305
.titlebar:not(headerbar) button.suggested-action:disabled, .titlebar:not(headerbar) button.destructive-action:disabled,
1307
headerbar button.suggested-action:disabled,
1308
headerbar button.destructive-action:disabled {
1309
background-color: rgba(255, 255, 255, 0.12);
1310
color: rgba(255, 255, 255, 0.5);
1311
}
1312
.selection-mode.titlebar:not(headerbar),
1314
headerbar.selection-mode {
1315
transition: background-color 0.00001s 225ms, color 225ms cubic-bezier(0, 0, 0.2, 1);
1316
animation: header_ripple_effect 225ms cubic-bezier(0, 0, 0.2, 1);
1317
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);
1318
background-color: #4285F4;
1319
color: white;
1320
}
1321
.selection-mode.titlebar:backdrop:not(headerbar),
1323
headerbar.selection-mode:backdrop {
1324
color: rgba(255, 255, 255, 0.7);
1325
}
1326
.selection-mode.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action),
1328
headerbar.selection-mode button:not(.suggested-action):not(.destructive-action) {
1329
border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), currentColor 0%, transparent 0%) 0 0 0/0 0 0px;
1330
color: white;
1331
}
1332
.selection-mode.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):disabled,
1334
headerbar.selection-mode button:not(.suggested-action):not(.destructive-action):disabled {
1335
color: rgba(255, 255, 255, 0.5);
1336
}
1337
.selection-mode.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):checked,
1339
headerbar.selection-mode button:not(.suggested-action):not(.destructive-action):checked {
1340
border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), currentColor 100%, transparent 0%) 0 0 2/0 0 2px;
1341
color: white;
1342
}
1343
.selection-mode.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):checked:disabled,
1345
headerbar.selection-mode button:not(.suggested-action):not(.destructive-action):checked:disabled {
1346
color: rgba(255, 255, 255, 0.5);
1347
}
1348
.selection-mode.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):backdrop,
1350
headerbar.selection-mode button:not(.suggested-action):not(.destructive-action):backdrop {
1351
color: rgba(255, 255, 255, 0.7);
1352
}
1353
.selection-mode.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):backdrop:disabled,
1355
headerbar.selection-mode button:not(.suggested-action):not(.destructive-action):backdrop:disabled {
1356
color: rgba(255, 255, 255, 0.3);
1357
}
1358
.selection-mode.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):backdrop:checked,
1360
headerbar.selection-mode button:not(.suggested-action):not(.destructive-action):backdrop:checked {
1361
color: rgba(255, 255, 255, 0.7);
1362
}
1363
.selection-mode.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):backdrop:checked:disabled,
1365
headerbar.selection-mode button:not(.suggested-action):not(.destructive-action):backdrop:checked:disabled {
1366
color: rgba(255, 255, 255, 0.3);
1367
}
1368
.selection-mode.titlebar:not(headerbar) .selection-menu,
1370
headerbar.selection-mode .selection-menu {
1371
padding-left: 16px;
1372
padding-right: 16px;
1373
}
1374
.selection-mode.titlebar:not(headerbar) .selection-menu arrow,
1376
headerbar.selection-mode .selection-menu arrow {
1377
-GtkArrow-arrow-scaling: 1;
1378
}
1379
.selection-mode.titlebar:not(headerbar) .selection-menu .arrow,
1381
headerbar.selection-mode .selection-menu .arrow {
1382
-gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
1383
}
1384
.tiled .titlebar:not(headerbar),
1386
.tiled-top .titlebar:not(headerbar),
1387
.tiled-right .titlebar:not(headerbar),
1388
.tiled-bottom .titlebar:not(headerbar),
1389
.tiled-left .titlebar:not(headerbar),
1390
.maximized .titlebar:not(headerbar),
1391
.fullscreen .titlebar:not(headerbar), .tiled
1392
headerbar,
1393
.tiled-top
1394
headerbar,
1395
.tiled-right
1396
headerbar,
1397
.tiled-bottom
1398
headerbar,
1399
.tiled-left
1400
headerbar,
1401
.maximized
1402
headerbar,
1403
.fullscreen
1404
headerbar {
1405
border-radius: 0;
1406
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
1407
}
1408
.default-decoration.titlebar:not(headerbar),
1410
headerbar.default-decoration {
1411
min-height: 24px;
1412
padding: 4px;
1413
box-shadow: inset 0 1px rgba(255, 255, 255, 0.1);
1414
}
1415
.tiled .default-decoration.titlebar:not(headerbar),
1417
.maximized .default-decoration.titlebar:not(headerbar),
1418
.fullscreen .default-decoration.titlebar:not(headerbar), .tiled
1419
headerbar.default-decoration,
1420
.maximized
1421
headerbar.default-decoration,
1422
.fullscreen
1423
headerbar.default-decoration {
1424
box-shadow: none;
1425
}
1426
.default-decoration.titlebar:not(headerbar) button.titlebutton,
1428
headerbar.default-decoration button.titlebutton {
1429
min-height: 24px;
1430
min-width: 24px;
1431
margin: 0;
1432
padding: 0;
1433
}
1434
.background:not(.csd) .default-decoration.titlebar:not(headerbar) button.titlebutton:active, .background:not(.csd)
1436
headerbar.default-decoration button.titlebutton:active {
1437
background-size: 1000% 1000%;
1438
}
1439
headerbar entry,
1441
headerbar spinbutton,
1442
headerbar button {
1443
margin-top: 4px;
1444
margin-bottom: 4px;
1445
}
1446
headerbar switch {
1448
margin-top: 8px;
1449
margin-bottom: 8px;
1450
}
1451
headerbar spinbutton button {
1453
margin-top: 0;
1454
margin-bottom: 0;
1455
}
1456
headerbar .entry-tag, headerbar .documents-entry-tag, headerbar .photos-entry-tag {
1458
margin-top: 5px;
1459
margin-bottom: 5px;
1460
}
1461
.background .titlebar {
1463
border-top-left-radius: 4px;
1464
border-top-right-radius: 4px;
1465
}
1466
.background.tiled .titlebar,
1468
.background.tiled-top .titlebar,
1469
.background.tiled-right .titlebar,
1470
.background.tiled-bottom .titlebar,
1471
.background.tiled-left .titlebar,
1472
.background.maximized .titlebar,
1473
.background.solid-csd .titlebar {
1474
border-top-left-radius: 0;
1475
border-top-right-radius: 0;
1476
}
1477
window separator:first-child + headerbar,
1479
window headerbar:first-child {
1480
border-top-left-radius: 4px;
1481
}
1482
window headerbar:last-child {
1484
border-top-right-radius: 4px;
1485
}
1486
window stack headerbar:first-child, window stack headerbar:last-child {
1488
border-top-left-radius: 4px;
1489
border-top-right-radius: 4px;
1490
}
1491
window.tiled headerbar, window.tiled headerbar:first-child, window.tiled headerbar:last-child, window.tiled headerbar:only-child,
1493
window.tiled-top headerbar,
1494
window.tiled-top headerbar:first-child,
1495
window.tiled-top headerbar:last-child,
1496
window.tiled-top headerbar:only-child,
1497
window.tiled-right headerbar,
1498
window.tiled-right headerbar:first-child,
1499
window.tiled-right headerbar:last-child,
1500
window.tiled-right headerbar:only-child,
1501
window.tiled-bottom headerbar,
1502
window.tiled-bottom headerbar:first-child,
1503
window.tiled-bottom headerbar:last-child,
1504
window.tiled-bottom headerbar:only-child,
1505
window.tiled-left headerbar,
1506
window.tiled-left headerbar:first-child,
1507
window.tiled-left headerbar:last-child,
1508
window.tiled-left headerbar:only-child,
1509
window.maximized headerbar,
1510
window.maximized headerbar:first-child,
1511
window.maximized headerbar:last-child,
1512
window.maximized headerbar:only-child,
1513
window.fullscreen headerbar,
1514
window.fullscreen headerbar:first-child,
1515
window.fullscreen headerbar:last-child,
1516
window.fullscreen headerbar:only-child,
1517
window.solid-csd headerbar,
1518
window.solid-csd headerbar:first-child,
1519
window.solid-csd headerbar:last-child,
1520
window.solid-csd headerbar:only-child {
1521
border-top-left-radius: 0;
1522
border-top-right-radius: 0;
1523
}
1524
window.csd > .titlebar:not(headerbar) {
1526
padding: 0;
1527
background-color: transparent;
1528
background-image: none;
1529
border-style: none;
1530
box-shadow: none;
1531
}
1532
.titlebar:not(headerbar) > separator {
1534
background-color: #383838;
1535
background-image: image(rgba(0, 0, 0, 0.26));
1536
}
1537
/************
1539
* Pathbars *
1540
************/
1541
.caja-pathbar button,
1542
.path-bar button {
1543
padding-left: 4px;
1544
padding-right: 4px;
1545
}
1546
.caja-pathbar button label:not(:only-child):first-child,
1548
.path-bar button label:not(:only-child):first-child {
1549
margin-left: 4px;
1550
}
1551
.caja-pathbar button label:not(:only-child):last-child,
1553
.path-bar button label:not(:only-child):last-child {
1554
margin-right: 4px;
1555
}
1556
.caja-pathbar button.slider-button,
1558
.path-bar button.slider-button {
1559
padding-left: 4px;
1560
padding-right: 4px;
1561
}
1562
:not(headerbar) .caja-pathbar button, .caja-pathbar :not(headerbar) button, :not(headerbar)
1564
.path-bar button {
1565
border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #4285F4 0%, transparent 0%) 0 0 0/0 0 0px;
1566
border-radius: 4px;
1567
}
1568
:not(headerbar) .caja-pathbar button:checked, .caja-pathbar :not(headerbar) button:checked, :not(headerbar)
1570
.path-bar button:checked {
1571
border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #4285F4 100%, transparent 0%) 0 0 2/0 0 2px;
1572
}
1573
: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)
1575
.path-bar button:checked, :not(headerbar)
1576
.path-bar button:checked:disabled {
1577
background-color: transparent;
1578
}
1579
/**************
1581
* Tree Views *
1582
**************/
1583
treeview.view {
1584
border-left-color: rgba(255, 255, 255, 0.3);
1585
border-top-color: rgba(0, 0, 0, 0.26);
1586
}
1587
* {
1589
-GtkTreeView-horizontal-separator: 4;
1590
-GtkTreeView-grid-line-width: 1;
1591
-GtkTreeView-grid-line-pattern: '';
1592
-GtkTreeView-tree-line-width: 1;
1593
-GtkTreeView-tree-line-pattern: '';
1594
-GtkTreeView-expander-size: 16;
1595
}
1596
treeview.view:selected {
1598
border-left-color: rgba(255, 255, 255, 0.3);
1599
}
1600
treeview.view:hover, treeview.view:active, treeview.view:selected {
1602
border-radius: 0;
1603
}
1604
treeview.view.separator {
1606
min-height: 5px;
1607
color: rgba(0, 0, 0, 0.26);
1608
}
1609
treeview.view:drop(active) {
1611
border-style: solid none;
1612
border-width: 1px;
1613
border-color: #01A299;
1614
}
1615
treeview.view:drop(active).after {
1617
border-top-style: none;
1618
}
1619
treeview.view:drop(active).before {
1621
border-bottom-style: none;
1622
}
1623
treeview.view.expander {
1625
-gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
1626
-gtk-icon-transform: rotate(-90deg);
1627
color: rgba(255, 255, 255, 0.7);
1628
}
1629
treeview.view.expander:dir(rtl) {
1631
-gtk-icon-transform: rotate(90deg);
1632
}
1633
treeview.view.expander:checked {
1635
-gtk-icon-transform: unset;
1636
}
1637
treeview.view.expander:hover, treeview.view.expander:active {
1639
color: white;
1640
}
1641
treeview.view.expander:disabled {
1643
color: rgba(255, 255, 255, 0.3);
1644
}
1645
treeview.view.expander:selected {
1647
color: rgba(255, 255, 255, 0.7);
1648
}
1649
treeview.view.expander:selected:hover, treeview.view.expander:selected:active {
1651
color: white;
1652
}
1653
treeview.view.expander:selected:disabled {
1655
color: rgba(255, 255, 255, 0.3);
1656
}
1657
treeview.view.progressbar {
1659
border-bottom: 4px solid #4285F4;
1660
box-shadow: none;
1661
background-color: transparent;
1662
}
1663
treeview.view.progressbar:selected {
1665
border-bottom-color: white;
1666
}
1667
treeview.view.trough {
1669
border-bottom: 4px solid rgba(66, 133, 244, 0.3);
1670
box-shadow: none;
1671
background-color: transparent;
1672
}
1673
treeview.view.trough:selected {
1675
border-bottom-color: rgba(255, 255, 255, 0.3);
1676
}
1677
treeview.view header button {
1679
padding: 2px 6px;
1680
border-style: none solid solid none;
1681
border-width: 1px;
1682
border-color: rgba(0, 0, 0, 0.26);
1683
border-radius: 0;
1684
background-clip: border-box;
1685
}
1686
treeview.view header button, treeview.view header button:hover, treeview.view header button:active {
1688
box-shadow: none;
1689
}
1690
treeview.view header button, treeview.view header button:disabled {
1692
background-color: #303030;
1693
}
1694
treeview.view header button:last-child {
1696
border-right-style: none;
1697
}
1698
treeview.view button.dnd,
1700
treeview.view header.button.dnd {
1701
padding: 2px 6px;
1702
border-style: none solid solid;
1703
border-width: 1px;
1704
border-color: rgba(0, 0, 0, 0.26);
1705
border-radius: 0;
1706
box-shadow: none;
1707
background-color: #303030;
1708
background-clip: border-box;
1709
color: #4285F4;
1710
}
1711
treeview.view acceleditor > label {
1713
background-color: #4285F4;
1714
}
1715
/*********
1717
* Menus *
1718
*********/
1719
menubar,
1720
.menubar {
1721
-GtkWidget-window-dragging: true;
1722
padding: 0;
1723
background-color: #383838;
1724
}
1725
menubar > menuitem,
1727
.menubar > menuitem {
1728
transition: all 100ms cubic-bezier(0, 0, 0.2, 1);
1729
min-height: 20px;
1730
padding: 4px 8px;
1731
color: rgba(255, 255, 255, 0.7);
1732
}
1733
menubar > menuitem:hover,
1735
.menubar > menuitem:hover {
1736
transition: none;
1737
background-color: rgba(255, 255, 255, 0.12);
1738
color: white;
1739
}
1740
menubar > menuitem:disabled,
1742
.menubar > menuitem:disabled {
1743
color: rgba(255, 255, 255, 0.3);
1744
}
1745
menubar > menuitem label:disabled,
1747
.menubar > menuitem label:disabled {
1748
color: inherit;
1749
}
1750
.csd.popup {
1752
background-color: transparent;
1753
}
1754
menu,
1756
.menu,
1757
.context-menu {
1758
margin: 4px 0;
1759
padding: 4px 0;
1760
box-shadow: inset 0 1px rgba(255, 255, 255, 0.1);
1761
background-color: #424242;
1762
border: 1px solid rgba(0, 0, 0, 0.26);
1763
}
1764
.csd menu, .csd
1766
.menu, .csd
1767
.context-menu {
1768
border: none;
1769
border-radius: 4px;
1770
}
1771
menu menuitem,
1773
.menu menuitem,
1774
.context-menu menuitem {
1775
transition: background-color 100ms cubic-bezier(0, 0, 0.2, 1);
1776
min-height: 20px;
1777
min-width: 40px;
1778
padding: 4px 8px;
1779
font: initial;
1780
text-shadow: none;
1781
}
1782
menu menuitem:hover,
1784
.menu menuitem:hover,
1785
.context-menu menuitem:hover {
1786
transition: none;
1787
background-color: rgba(255, 255, 255, 0.12);
1788
}
1789
menu menuitem:disabled,
1791
.menu menuitem:disabled,
1792
.context-menu menuitem:disabled {
1793
color: rgba(255, 255, 255, 0.5);
1794
}
1795
menu menuitem arrow,
1797
.menu menuitem arrow,
1798
.context-menu menuitem arrow {
1799
min-height: 16px;
1800
min-width: 16px;
1801
}
1802
menu menuitem arrow:dir(ltr),
1804
.menu menuitem arrow:dir(ltr),
1805
.context-menu menuitem arrow:dir(ltr) {
1806
-gtk-icon-source: -gtk-icontheme("pan-end-symbolic");
1807
margin-left: 8px;
1808
}
1809
menu menuitem arrow:dir(rtl),
1811
.menu menuitem arrow:dir(rtl),
1812
.context-menu menuitem arrow:dir(rtl) {
1813
-gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl");
1814
margin-right: 8px;
1815
}
1816
menu menuitem label:dir(rtl), menu menuitem label:dir(ltr),
1818
.menu menuitem label:dir(rtl),
1819
.menu menuitem label:dir(ltr),
1820
.context-menu menuitem label:dir(rtl),
1821
.context-menu menuitem label:dir(ltr) {
1822
color: inherit;
1823
}
1824
menu > arrow,
1826
.menu > arrow,
1827
.context-menu > arrow {
1828
min-height: 16px;
1829
min-width: 16px;
1830
padding: 4px;
1831
background-color: #424242;
1832
color: rgba(255, 255, 255, 0.7);
1833
}
1834
menu > arrow.top,
1836
.menu > arrow.top,
1837
.context-menu > arrow.top {
1838
margin-top: -4px;
1839
border-bottom: 1px solid rgba(0, 0, 0, 0.26);
1840
border-radius: 4px 4px 0 0;
1841
-gtk-icon-source: -gtk-icontheme("pan-up-symbolic");
1842
}
1843
menu > arrow.bottom,
1845
.menu > arrow.bottom,
1846
.context-menu > arrow.bottom {
1847
margin-top: 8px;
1848
margin-bottom: -12px;
1849
border-top: 1px solid rgba(0, 0, 0, 0.26);
1850
border-radius: 0 0 4px 4px;
1851
-gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
1852
}
1853
menu > arrow:hover,
1855
.menu > arrow:hover,
1856
.context-menu > arrow:hover {
1857
background-image: image(rgba(255, 255, 255, 0.12));
1858
color: white;
1859
}
1860
menu > arrow:disabled,
1862
.menu > arrow:disabled,
1863
.context-menu > arrow:disabled {
1864
border-color: transparent;
1865
background-color: transparent;
1866
color: transparent;
1867
}
1868
menu separator,
1870
.menu separator,
1871
.context-menu separator {
1872
margin: 4px 0;
1873
}
1874
menuitem accelerator {
1876
color: rgba(255, 255, 255, 0.7);
1877
}
1878
menuitem:disabled accelerator {
1880
color: rgba(255, 255, 255, 0.3);
1881
}
1882
.popup:not(.csd) menu menuitem {
1884
color: #FFFFFF;
1885
}
1886
.popup:not(.csd) menu menuitem:hover {
1888
background-color: #595959;
1889
}
1890
.popup:not(.csd) menu menuitem:disabled {
1892
color: #a1a1a1;
1893
}
1894
.popup:not(.csd) menu accelerator {
1896
color: #c6c6c6;
1897
}
1898
/************
1900
* Popovers *
1901
************/
1902
popover.background {
1903
transition: box-shadow 100ms cubic-bezier(0, 0, 0.2, 1);
1904
padding: 2px;
1905
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23);
1906
background-color: #424242;
1907
}
1908
popover.background:backdrop {
1910
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
1911
}
1912
popover.background, .csd popover.background {
1914
border-style: solid;
1915
border-width: 1px;
1916
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.2) rgba(0, 0, 0, 0.3);
1917
border-radius: 5px;
1918
}
1919
popover.background > stack {
1921
margin: -4px;
1922
}
1923
popover.background > toolbar {
1925
margin: -2px;
1926
}
1927
popover.background > list,
1929
popover.background > .view,
1930
popover.background > toolbar {
1931
border-style: none;
1932
box-shadow: none;
1933
background-color: transparent;
1934
}
1935
popover.background list,
1937
popover.background .view:not(:selected),
1938
popover.background toolbar {
1939
background-color: #424242;
1940
}
1941
popover.background.menu button,
1943
popover.background button.model {
1944
min-height: 32px;
1945
padding: 0 8px;
1946
border-radius: 4px;
1947
}
1948
popover.background separator {
1950
margin: 4px 0;
1951
}
1952
popover.background list separator {
1954
margin: 0;
1955
}
1956
/*************
1958
* Notebooks *
1959
*************/
1960
frame > paned > notebook > header,
1961
notebook.frame > header {
1962
background-color: #2C2C2C;
1963
}
1964
notebook > header {
1966
border-width: 1px;
1967
border-color: rgba(0, 0, 0, 0.26);
1968
background-color: #282828;
1969
background-clip: border-box;
1970
}
1971
notebook > header.top {
1973
border-bottom-style: solid;
1974
}
1975
notebook > header.top > tabs {
1977
margin-bottom: -1px;
1978
}
1979
notebook > header.top > tabs > tab {
1981
box-shadow: inset 0 -2px transparent;
1982
}
1983
notebook > header.top > tabs > tab:checked {
1985
box-shadow: inset 0 -2px #4285F4;
1986
}
1987
notebook > header.bottom {
1989
border-top-style: solid;
1990
}
1991
notebook > header.bottom > tabs {
1993
margin-top: -1px;
1994
}
1995
notebook > header.bottom > tabs > tab {
1997
box-shadow: inset 0 2px transparent;
1998
}
1999
notebook > header.bottom > tabs > tab:checked {
2001
box-shadow: inset 0 2px #4285F4;
2002
}
2003
notebook > header.left {
2005
border-right-style: solid;
2006
}
2007
notebook > header.left > tabs {
2009
margin-right: -1px;
2010
}
2011
notebook > header.left > tabs > tab {
2013
box-shadow: inset -2px 0 transparent;
2014
}
2015
notebook > header.left > tabs > tab:checked {
2017
box-shadow: inset -2px 0 #4285F4;
2018
}
2019
notebook > header.right {
2021
border-left-style: solid;
2022
}
2023
notebook > header.right > tabs {
2025
margin-left: -1px;
2026
}
2027
notebook > header.right > tabs > tab {
2029
box-shadow: inset 2px 0 transparent;
2030
}
2031
notebook > header.right > tabs > tab:checked {
2033
box-shadow: inset 2px 0 #4285F4;
2034
}
2035
notebook > header.top > tabs > arrow {
2037
border-top-style: none;
2038
}
2039
notebook > header.bottom > tabs > arrow {
2041
border-bottom-style: none;
2042
}
2043
notebook > header.top > tabs > arrow, notebook > header.bottom > tabs > arrow {
2045
padding-left: 4px;
2046
padding-right: 4px;
2047
}
2048
notebook > header.top > tabs > arrow.down, notebook > header.bottom > tabs > arrow.down {
2050
margin-left: -8px;
2051
-gtk-icon-source: -gtk-icontheme("pan-start-symbolic");
2052
}
2053
notebook > header.top > tabs > arrow.up, notebook > header.bottom > tabs > arrow.up {
2055
margin-right: -8px;
2056
-gtk-icon-source: -gtk-icontheme("pan-end-symbolic");
2057
}
2058
notebook > header.left > tabs > arrow {
2060
border-left-style: none;
2061
}
2062
notebook > header.right > tabs > arrow {
2064
border-right-style: none;
2065
}
2066
notebook > header.left > tabs > arrow, notebook > header.right > tabs > arrow {
2068
padding-top: 4px;
2069
padding-bottom: 4px;
2070
}
2071
notebook > header.left > tabs > arrow.down, notebook > header.right > tabs > arrow.down {
2073
margin-top: -8px;
2074
-gtk-icon-source: -gtk-icontheme("pan-up-symbolic");
2075
}
2076
notebook > header.left > tabs > arrow.up, notebook > header.right > tabs > arrow.up {
2078
margin-bottom: -8px;
2079
-gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
2080
}
2081
notebook > header > tabs > arrow {
2083
min-height: 16px;
2084
min-width: 16px;
2085
border-radius: 0;
2086
}
2087
notebook > header tab {
2089
transition: all 100ms cubic-bezier(0, 0, 0.2, 1), background-size 0, background-image 0;
2090
min-height: 24px;
2091
min-width: 24px;
2092
padding: 4px 12px;
2093
outline-offset: -6px;
2094
border-width: 1px;
2095
border-color: transparent;
2096
background-image: radial-gradient(circle farthest-corner at center, #4285F4 10%, transparent 0%);
2097
background-repeat: no-repeat;
2098
background-position: center;
2099
background-size: 0% 0%;
2100
background-clip: border-box;
2101
color: rgba(255, 255, 255, 0.7);
2102
font-weight: 500;
2103
}
2104
notebook > header tab:hover {
2106
background-color: alpha(currentColor, 0.08);
2107
color: white;
2108
}
2109
notebook > header tab:disabled {
2111
color: rgba(255, 255, 255, 0.3);
2112
}
2113
notebook > header tab:checked {
2115
transition: all 100ms cubic-bezier(0, 0, 0.2, 1), background-size 225ms cubic-bezier(0, 0, 0.2, 1), background-image 525ms cubic-bezier(0, 0, 0.2, 1);
2116
background-color: transparent;
2117
background-image: radial-gradient(circle farthest-corner at center, transparent 10%, transparent 0%);
2118
background-size: 1000% 1000%;
2119
background-clip: padding-box;
2120
color: white;
2121
}
2122
notebook > header tab:checked:disabled {
2124
color: rgba(255, 255, 255, 0.5);
2125
}
2126
notebook > header tab:checked.reorderable-page {
2128
border-color: rgba(0, 0, 0, 0.26);
2129
background-color: #303030;
2130
}
2131
notebook > header tab button.flat:last-child {
2133
margin-left: 4px;
2134
margin-right: -8px;
2135
}
2136
notebook > header tab button.flat:first-child {
2138
margin-left: -8px;
2139
margin-right: 4px;
2140
}
2141
notebook > header.top tabs, notebook > header.bottom tabs {
2143
padding-left: 8px;
2144
padding-right: 8px;
2145
}
2146
notebook > header.top tabs:not(:only-child):first-child, notebook > header.bottom tabs:not(:only-child):first-child {
2148
margin-left: 0;
2149
}
2150
notebook > header.top tabs:not(:only-child):last-child, notebook > header.bottom tabs:not(:only-child):last-child {
2152
margin-right: 0;
2153
}
2154
notebook > header.top tabs tab.reorderable-page, notebook > header.bottom tabs tab.reorderable-page {
2156
border-style: none solid;
2157
}
2158
notebook > header.left tabs, notebook > header.right tabs {
2160
padding-top: 8px;
2161
padding-bottom: 8px;
2162
}
2163
notebook > header.left tabs:not(:only-child):first-child, notebook > header.right tabs:not(:only-child):first-child {
2165
margin-top: 0;
2166
}
2167
notebook > header.left tabs:not(:only-child):last-child, notebook > header.right tabs:not(:only-child):last-child {
2169
margin-bottom: 0;
2170
}
2171
notebook > header.left tabs tab.reorderable-page, notebook > header.right tabs tab.reorderable-page {
2173
border-style: solid none;
2174
}
2175
notebook > stack:not(:only-child) {
2177
background-color: #303030;
2178
}
2179
/**************
2181
* Scrollbars *
2182
**************/
2183
scrollbar {
2184
transition: all 100ms cubic-bezier(0, 0, 0.2, 1);
2185
background-color: #303030;
2186
background-clip: border-box;
2187
}
2188
* {
2190
-GtkScrollbar-has-backward-stepper: false;
2191
-GtkScrollbar-has-forward-stepper: false;
2192
}
2193
scrollbar.top {
2195
border-bottom: 1px solid rgba(0, 0, 0, 0.26);
2196
}
2197
scrollbar.bottom {
2199
border-top: 1px solid rgba(0, 0, 0, 0.26);
2200
}
2201
scrollbar.left {
2203
border-right: 1px solid rgba(0, 0, 0, 0.26);
2204
}
2205
scrollbar.right {
2207
border-left: 1px solid rgba(0, 0, 0, 0.26);
2208
}
2209
scrollbar slider {
2211
transition: all 100ms cubic-bezier(0, 0, 0.2, 1), margin 0, border-width 0;
2212
min-width: 8px;
2213
min-height: 8px;
2214
border: 4px solid transparent;
2215
border-radius: 9999px;
2216
background-clip: padding-box;
2217
background-color: rgba(255, 255, 255, 0.5);
2218
}
2219
scrollbar slider:hover {
2221
background-color: rgba(255, 255, 255, 0.7);
2222
}
2223
scrollbar slider:active {
2225
background-color: white;
2226
}
2227
scrollbar slider:disabled {
2229
background-color: rgba(255, 255, 255, 0.3);
2230
}
2231
scrollbar.fine-tune slider {
2233
transition: all 100ms cubic-bezier(0, 0, 0.2, 1), margin 0, border-width 0, min-width 0, min-height 0;
2234
min-width: 4px;
2235
min-height: 4px;
2236
}
2237
scrollbar.fine-tune.horizontal slider {
2239
margin: 2px 0;
2240
}
2241
scrollbar.fine-tune.vertical slider {
2243
margin: 0 2px;
2244
}
2245
scrollbar.overlay-indicator:not(.dragging):not(.hovering) {
2247
border-color: transparent;
2248
background-color: transparent;
2249
}
2250
scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider {
2252
min-width: 4px;
2253
min-height: 4px;
2254
margin: 3px;
2255
border: 1px solid rgba(48, 48, 48, 0.3);
2256
}
2257
scrollbar.overlay-indicator:not(.dragging):not(.hovering) button {
2259
min-width: 4px;
2260
min-height: 4px;
2261
margin: 3px;
2262
border: 1px solid rgba(48, 48, 48, 0.3);
2263
border-radius: 9999px;
2264
background-color: rgba(255, 255, 255, 0.5);
2265
background-clip: padding-box;
2266
-gtk-icon-source: none;
2267
}
2268
scrollbar.overlay-indicator:not(.dragging):not(.hovering) button:disabled {
2270
background-color: rgba(255, 255, 255, 0.3);
2271
}
2272
scrollbar.overlay-indicator:not(.dragging):not(.hovering).horizontal slider {
2274
min-width: 24px;
2275
}
2276
scrollbar.overlay-indicator:not(.dragging):not(.hovering).horizontal button {
2278
min-width: 8px;
2279
}
2280
scrollbar.overlay-indicator:not(.dragging):not(.hovering).vertical slider {
2282
min-height: 24px;
2283
}
2284
scrollbar.overlay-indicator:not(.dragging):not(.hovering).vertical button {
2286
min-height: 8px;
2287
}
2288
scrollbar.overlay-indicator.dragging, scrollbar.overlay-indicator.hovering {
2290
background-color: rgba(48, 48, 48, 0.9);
2291
}
2292
scrollbar.horizontal slider {
2294
min-width: 24px;
2295
}
2296
scrollbar.vertical slider {
2298
min-height: 24px;
2299
}
2300
scrollbar button {
2302
min-width: 16px;
2303
min-height: 16px;
2304
padding: 0;
2305
border-radius: 0;
2306
}
2307
scrollbar.vertical button.down {
2309
-gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
2310
}
2311
scrollbar.vertical button.up {
2313
-gtk-icon-source: -gtk-icontheme("pan-up-symbolic");
2314
}
2315
scrollbar.horizontal button.down {
2317
-gtk-icon-source: -gtk-icontheme("pan-end-symbolic");
2318
}
2319
scrollbar.horizontal button.up {
2321
-gtk-icon-source: -gtk-icontheme("pan-start-symbolic");
2322
}
2323
/**********
2325
* Switch *
2326
**********/
2327
switch {
2328
transition: all 100ms cubic-bezier(0, 0, 0.2, 1);
2329
margin: 4px 0;
2330
padding: 0 2px;
2331
border: 5px solid transparent;
2332
border-radius: 9999px;
2333
background-color: rgba(255, 255, 255, 0.3);
2334
background-clip: padding-box;
2335
font-size: 0;
2336
}
2337
switch:checked {
2339
background-color: rgba(1, 162, 153, 0.5);
2340
}
2341
switch:disabled {
2343
opacity: 0.5;
2344
}
2345
switch slider {
2347
transition: all 100ms cubic-bezier(0, 0, 0.2, 1);
2348
min-width: 20px;
2349
min-height: 20px;
2350
margin: -3px -2px;
2351
border-radius: 9999px;
2352
box-shadow: 0 0 0 10px transparent, 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
2353
background-color: #424242;
2354
}
2355
switch:hover slider {
2357
box-shadow: 0 0 0 10px alpha(currentColor, 0.08), 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
2358
}
2359
switch:focus slider {
2361
box-shadow: 0 0 0 10px alpha(currentColor, 0.12), 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
2362
}
2363
switch:focus:hover slider {
2365
box-shadow: 0 0 0 10px alpha(currentColor, 0.16), 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
2366
}
2367
switch:checked slider {
2369
background-color: #01A299;
2370
color: #01A299;
2371
}
2372
/*************************
2374
* Check and Radio items *
2375
*************************/
2376
.view.content-view.check:not(list),
2377
.content-view .tile check:not(list) {
2378
min-height: 40px;
2379
min-width: 40px;
2380
margin: 0;
2381
padding: 0;
2382
box-shadow: none;
2383
background-color: transparent;
2384
background-image: none;
2385
-gtk-icon-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
2386
}
2387
.view.content-view.check:not(list):hover, .view.content-view.check:not(list):active,
2389
.content-view .tile check:not(list):hover,
2390
.content-view .tile check:not(list):active {
2391
-gtk-icon-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23);
2392
}
2393
.view.content-view.check:not(list),
2395
.content-view .tile check:not(list) {
2396
-gtk-icon-source: -gtk-scaled(url("assets/selectionmode-checkbox-unchecked-dark.png"), url("assets/selectionmode-checkbox-unchecked-dark@2.png"));
2397
}
2398
.view.content-view.check:not(list):checked,
2400
.content-view .tile check:not(list):checked {
2401
-gtk-icon-source: -gtk-scaled(url("assets/selectionmode-checkbox-checked-dark.png"), url("assets/selectionmode-checkbox-checked-dark@2.png"));
2402
}
2403
checkbutton,
2405
radiobutton {
2406
outline: none;
2407
}
2408
checkbutton.text-button,
2410
radiobutton.text-button {
2411
padding: 2px;
2412
}
2413
checkbutton.text-button label:not(:only-child),
2415
radiobutton.text-button label:not(:only-child) {
2416
margin: 0 4px;
2417
}
2418
check,
2420
radio {
2421
min-height: 24px;
2422
min-width: 24px;
2423
margin: -8px;
2424
padding: 8px;
2425
}
2426
check:hover,
2428
radio:hover {
2429
box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08);
2430
}
2431
check:focus,
2433
radio:focus {
2434
box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.12);
2435
}
2436
check:focus:hover,
2438
radio:focus:hover {
2439
box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.16);
2440
}
2441
check:checked, check:indeterminate,
2443
radio:checked,
2444
radio:indeterminate {
2445
color: #01A299;
2446
}
2447
check:checked:disabled, check:indeterminate:disabled,
2449
radio:checked:disabled,
2450
radio:indeterminate:disabled {
2451
color: rgba(1, 162, 153, 0.5);
2452
}
2453
row:selected check:not(:checked):not(:indeterminate), row:selected
2455
radio:not(:checked):not(:indeterminate) {
2456
color: rgba(255, 255, 255, 0.7);
2457
}
2458
row:selected check:not(:checked):not(:indeterminate):hover, row:selected check:not(:checked):not(:indeterminate):active, row:selected
2460
radio:not(:checked):not(:indeterminate):hover, row:selected
2461
radio:not(:checked):not(:indeterminate):active {
2462
color: white;
2463
}
2464
row:selected check:not(:checked):not(:indeterminate):disabled, row:selected
2466
radio:not(:checked):not(:indeterminate):disabled {
2467
color: rgba(255, 255, 255, 0.3);
2468
}
2469
popover check, popover check:hover, popover check:focus, popover check:focus:hover, popover check:active, popover check:disabled, popover
2471
radio, popover
2472
radio:hover, popover
2473
radio:focus, popover
2474
radio:focus:hover, popover
2475
radio:active, popover
2476
radio:disabled {
2477
transition: none;
2478
box-shadow: none;
2479
background-image: none;
2480
}
2481
popover check:not(:checked):not(:indeterminate):not(:disabled), popover
2483
radio:not(:checked):not(:indeterminate):not(:disabled) {
2484
color: rgba(255, 255, 255, 0.7);
2485
}
2486
popover check.left:dir(rtl), popover
2488
radio.left:dir(rtl) {
2489
margin-left: -12px;
2490
margin-right: -4px;
2491
}
2492
popover check.right:dir(ltr), popover
2494
radio.right:dir(ltr) {
2495
margin-left: -4px;
2496
margin-right: -12px;
2497
}
2498
menu menuitem check, menu menuitem
2500
radio {
2501
transition: none;
2502
margin: 0;
2503
padding: 0;
2504
}
2505
menu menuitem check:dir(ltr), menu menuitem
2507
radio:dir(ltr) {
2508
margin-right: 8px;
2509
}
2510
menu menuitem check:dir(rtl), menu menuitem
2512
radio:dir(rtl) {
2513
margin-left: 8px;
2514
}
2515
menu menuitem check:not(:checked):not(:indeterminate):not(:disabled), menu menuitem
2517
radio:not(:checked):not(:indeterminate):not(:disabled) {
2518
color: rgba(255, 255, 255, 0.7);
2519
}
2520
menu menuitem check, menu menuitem check:hover, menu menuitem check:disabled, menu menuitem
2522
radio, menu menuitem
2523
radio:hover, menu menuitem
2524
radio:disabled {
2525
box-shadow: none;
2526
}
2527
check {
2530
-gtk-icon-source: -gtk-recolor(url("assets/scalable/checkbox-unchecked-symbolic.svg"));
2531
}
2532
check:checked {
2535
-gtk-icon-source: -gtk-recolor(url("assets/scalable/checkbox-checked-symbolic.svg"));
2536
}
2537
check:indeterminate {
2540
-gtk-icon-source: -gtk-recolor(url("assets/scalable/checkbox-mixed-symbolic.svg"));
2541
}
2542
radio {
2545
-gtk-icon-source: -gtk-recolor(url("assets/scalable/radio-unchecked-symbolic.svg"));
2546
border-image-slice: 20;
2547
border-image-width: 20px;
2548
}
2549
radio:indeterminate {
2552
-gtk-icon-source: -gtk-recolor(url("assets/scalable/radio-mixed-symbolic.svg"));
2553
}
2554
radio {
2557
border-image-source: -gtk-gradient(radial, center center, 0, center center, 0.001, to(#01A299), to(transparent));
2558
}
2559
radio:checked:not(:indeterminate) {
2562
border-image-source: -gtk-gradient(radial, center center, 0, center center, 0.125, to(#01A299), to(transparent));
2563
}
2564
radio:checked:not(:indeterminate):disabled {
2567
border-image-source: -gtk-gradient(radial, center center, 0, center center, 0.125, to(rgba(1, 162, 153, 0.5)), to(transparent));
2568
}
2569
window.background:not(.csd) > widget > checkbutton > check,
2571
menu menuitem check {
2572
min-height: 16px;
2573
min-width: 16px;
2574
border-radius: 4px;
2575
-gtk-outline-radius: 4px;
2576
-gtk-icon-source: -gtk-recolor(url("assets/scalable/small-checkbox-unchecked-symbolic.svg"));
2577
}
2578
window.background:not(.csd) > widget > checkbutton > check:checked,
2580
menu menuitem check:checked {
2581
-gtk-icon-source: -gtk-recolor(url("assets/scalable/small-checkbox-checked-symbolic.svg"));
2582
}
2583
window.background:not(.csd) > widget > checkbutton > check:indeterminate,
2585
menu menuitem check:indeterminate {
2586
-gtk-icon-source: -gtk-recolor(url("assets/scalable/small-checkbox-mixed-symbolic.svg"));
2587
}
2588
window.background:not(.csd) > widget > radiobutton > radio,
2590
menu menuitem radio {
2591
min-height: 16px;
2592
min-width: 16px;
2593
border-image: none;
2594
-gtk-icon-source: -gtk-recolor(url("assets/scalable/small-radio-unchecked-symbolic.svg"));
2595
}
2596
window.background:not(.csd) > widget > radiobutton > radio:checked,
2598
menu menuitem radio:checked {
2599
-gtk-icon-source: -gtk-recolor(url("assets/scalable/small-radio-checked-symbolic.svg"));
2600
}
2601
window.background:not(.csd) > widget > radiobutton > radio:indeterminate,
2603
menu menuitem radio:indeterminate {
2604
-gtk-icon-source: -gtk-recolor(url("assets/scalable/small-radio-mixed-symbolic.svg"));
2605
}
2606
check:not(:checked):active {
2608
-gtk-icon-transform: rotate(90deg);
2609
}
2610
check:not(:checked):indeterminate:active,
2612
radio:not(:checked):indeterminate:active {
2613
-gtk-icon-transform: scaleX(-1);
2614
}
2615
check:not(:checked),
2617
radio:not(:checked) {
2618
transition: all 100ms cubic-bezier(0, 0, 0.2, 1), background-size 300ms cubic-bezier(0, 0, 0.2, 1), background-image 1200ms cubic-bezier(0, 0, 0.2, 1), -gtk-icon-transform 0;
2619
}
2620
check:not(:checked):active,
2622
radio:not(:checked):active {
2623
transition: all 100ms cubic-bezier(0, 0, 0.2, 1), background-size 0, background-image 0, -gtk-icon-transform 0;
2624
}
2625
menu menuitem check:not(:checked), menu menuitem
2627
radio:not(:checked) {
2628
transition: none;
2629
}
2630
treeview.view check,
2632
treeview.view radio {
2633
padding: 0;
2634
}
2635
treeview.view check:hover,
2637
treeview.view radio:hover {
2638
box-shadow: inset 0 0 0 9999px alpha(white, 0.08);
2639
}
2640
treeview.view check:hover:disabled,
2642
treeview.view radio:hover:disabled {
2643
box-shadow: none;
2644
}
2645
treeview.view check:hover:selected,
2647
treeview.view radio:hover:selected {
2648
box-shadow: inset 0 0 0 9999px alpha(white, 0.08);
2649
}
2650
treeview.view check,
2652
treeview.view radio {
2653
color: rgba(255, 255, 255, 0.7);
2654
}
2655
treeview.view check:hover, treeview.view check:active,
2657
treeview.view radio:hover,
2658
treeview.view radio:active {
2659
color: white;
2660
}
2661
treeview.view check:disabled,
2663
treeview.view radio:disabled {
2664
color: rgba(255, 255, 255, 0.3);
2665
}
2666
treeview.view check:checked, treeview.view check:indeterminate,
2668
treeview.view radio:checked,
2669
treeview.view radio:indeterminate {
2670
color: #01A299;
2671
}
2672
treeview.view check:checked:disabled, treeview.view check:indeterminate:disabled,
2674
treeview.view radio:checked:disabled,
2675
treeview.view radio:indeterminate:disabled {
2676
color: rgba(1, 162, 153, 0.5);
2677
}
2678
treeview.view check:selected,
2680
treeview.view radio:selected {
2681
color: rgba(255, 255, 255, 0.7);
2682
}
2683
treeview.view check:selected:hover, treeview.view check:selected:active,
2685
treeview.view radio:selected:hover,
2686
treeview.view radio:selected:active {
2687
color: white;
2688
}
2689
treeview.view check:selected:disabled,
2691
treeview.view radio:selected:disabled {
2692
color: rgba(255, 255, 255, 0.3);
2693
}
2694
treeview.view check:selected:checked, treeview.view check:selected:indeterminate,
2696
treeview.view radio:selected:checked,
2697
treeview.view radio:selected:indeterminate {
2698
color: #01A299;
2699
}
2700
treeview.view check:selected:checked:disabled, treeview.view check:selected:indeterminate:disabled,
2702
treeview.view radio:selected:checked:disabled,
2703
treeview.view radio:selected:indeterminate:disabled {
2704
color: rgba(1, 162, 153, 0.5);
2705
}
2706
treeview.view radio:checked {
2708
-gtk-icon-source: -gtk-recolor(url("assets/scalable/radio-checked-symbolic.svg"));
2709
border-image: none;
2710
}
2711
/************
2713
* GtkScale *
2714
************/
2715
scale {
2716
min-height: 2px;
2717
min-width: 2px;
2718
}
2719
scale.horizontal {
2721
padding: 15px 12px;
2722
}
2723
scale.vertical {
2725
padding: 12px 15px;
2726
}
2727
scale slider {
2729
min-height: 32px;
2730
min-width: 32px;
2731
margin: -15px;
2732
}
2733
scale.fine-tune.horizontal {
2735
min-height: 4px;
2736
padding-top: 14px;
2737
padding-bottom: 14px;
2738
}
2739
scale.fine-tune.vertical {
2741
min-width: 4px;
2742
padding-left: 14px;
2743
padding-right: 14px;
2744
}
2745
scale.fine-tune slider {
2747
margin: -14px;
2748
}
2749
scale trough {
2751
transition: background-color 100ms cubic-bezier(0, 0, 0.2, 1);
2752
outline: none;
2753
background-color: rgba(255, 255, 255, 0.3);
2754
}
2755
scale trough:disabled {
2757
background-color: rgba(255, 255, 255, 0.12);
2758
}
2759
scale highlight {
2761
transition: background-color 100ms cubic-bezier(0, 0, 0.2, 1);
2762
background-color: #01A299;
2763
}
2764
scale highlight:disabled {
2766
background-color: transparent;
2767
}
2768
scale fill {
2770
transition: background-color 100ms cubic-bezier(0, 0, 0.2, 1);
2771
background-color: rgba(255, 255, 255, 0.3);
2772
}
2773
scale fill:disabled {
2775
background-color: transparent;
2776
}
2777
scale slider {
2779
transition: background-color 100ms cubic-bezier(0, 0, 0.2, 1), background-size 300ms cubic-bezier(0, 0, 0.2, 1), background-image 1200ms cubic-bezier(0, 0, 0.2, 1);
2780
background-repeat: no-repeat;
2781
background-position: center;
2782
background-size: auto, 1000% 1000%;
2783
border-radius: 50%;
2784
color: transparent;
2785
}
2786
scale slider {
2788
background-image: -gtk-scaled(url("assets/scale-slider-dark.png"), url("assets/scale-slider-dark@2.png")), radial-gradient(circle farthest-corner at center, currentColor 10%, transparent 0%);
2789
}
2790
scale slider:disabled {
2792
background-image: -gtk-scaled(url("assets/scale-slider-disabled-dark.png"), url("assets/scale-slider-disabled-dark@2.png")), radial-gradient(circle farthest-corner at center, currentColor 10%, transparent 0%);
2793
}
2794
scale slider:hover {
2796
background-color: rgba(1, 162, 153, 0.08);
2797
}
2798
scale slider:focus {
2800
background-color: rgba(1, 162, 153, 0.12);
2801
}
2802
scale slider:focus:hover {
2804
background-color: rgba(1, 162, 153, 0.16);
2805
}
2806
scale slider:active {
2808
transition: background-color 100ms cubic-bezier(0, 0, 0.2, 1), background-size 0, background-image 0;
2809
animation: scale_ripple_effect 225ms cubic-bezier(0, 0, 0.2, 1) forwards;
2810
background-size: auto, 0% 0%;
2811
background-color: rgba(1, 162, 153, 0.08);
2812
color: rgba(1, 162, 153, 0.12);
2813
}
2814
scale marks label,
2816
scale value {
2817
color: rgba(255, 255, 255, 0.5);
2818
}
2819
scale marks {
2821
color: rgba(255, 255, 255, 0.3);
2822
}
2823
scale marks.top {
2825
margin-bottom: 7px;
2826
margin-top: -15px;
2827
}
2828
scale marks.bottom {
2830
margin-top: 7px;
2831
margin-bottom: -15px;
2832
}
2833
scale marks.left {
2835
margin-right: 7px;
2836
margin-left: -15px;
2837
}
2838
scale marks.right {
2840
margin-left: 7px;
2841
margin-right: -15px;
2842
}
2843
scale.fine-tune marks.top {
2845
margin-bottom: 6px;
2846
margin-top: -14px;
2847
}
2848
scale.fine-tune marks.bottom {
2850
margin-top: 6px;
2851
margin-bottom: -14px;
2852
}
2853
scale.fine-tune marks.left {
2855
margin-right: 6px;
2856
margin-left: -14px;
2857
}
2858
scale.fine-tune marks.right {
2860
margin-left: 6px;
2861
margin-right: -14px;
2862
}
2863
scale.horizontal indicator {
2865
min-height: 8px;
2866
min-width: 1px;
2867
}
2868
scale.vertical indicator {
2870
min-height: 1px;
2871
min-width: 8px;
2872
}
2873
scale.horizontal.marks-before:not(.marks-after) slider {
2875
background-image: -gtk-scaled(url("assets/scale-horz-marks-before-slider-dark.png"), url("assets/scale-horz-marks-before-slider-dark@2.png")), radial-gradient(circle farthest-corner at center, currentColor 10%, transparent 0%);
2876
}
2877
scale.horizontal.marks-before:not(.marks-after) slider:disabled {
2879
background-image: -gtk-scaled(url("assets/scale-horz-marks-before-slider-disabled-dark.png"), url("assets/scale-horz-marks-before-slider-disabled-dark@2.png")), radial-gradient(circle farthest-corner at center, currentColor 10%, transparent 0%);
2880
}
2881
scale.horizontal.marks-after:not(.marks-before) slider {
2883
background-image: -gtk-scaled(url("assets/scale-horz-marks-after-slider-dark.png"), url("assets/scale-horz-marks-after-slider-dark@2.png")), radial-gradient(circle farthest-corner at center, currentColor 10%, transparent 0%);
2884
}
2885
scale.horizontal.marks-after:not(.marks-before) slider:disabled {
2887
background-image: -gtk-scaled(url("assets/scale-horz-marks-after-slider-disabled-dark.png"), url("assets/scale-horz-marks-after-slider-disabled-dark@2.png")), radial-gradient(circle farthest-corner at center, currentColor 10%, transparent 0%);
2888
}
2889
scale.vertical.marks-before:not(.marks-after) slider {
2891
background-image: -gtk-scaled(url("assets/scale-vert-marks-before-slider-dark.png"), url("assets/scale-vert-marks-before-slider-dark@2.png")), radial-gradient(circle farthest-corner at center, currentColor 10%, transparent 0%);
2892
}
2893
scale.vertical.marks-before:not(.marks-after) slider:disabled {
2895
background-image: -gtk-scaled(url("assets/scale-vert-marks-before-slider-disabled-dark.png"), url("assets/scale-vert-marks-before-slider-disabled-dark@2.png")), radial-gradient(circle farthest-corner at center, currentColor 10%, transparent 0%);
2896
}
2897
scale.vertical.marks-after:not(.marks-before) slider {
2899
background-image: -gtk-scaled(url("assets/scale-vert-marks-after-slider-dark.png"), url("assets/scale-vert-marks-after-slider-dark@2.png")), radial-gradient(circle farthest-corner at center, currentColor 10%, transparent 0%);
2900
}
2901
scale.vertical.marks-after:not(.marks-before) slider:disabled {
2903
background-image: -gtk-scaled(url("assets/scale-vert-marks-after-slider-disabled-dark.png"), url("assets/scale-vert-marks-after-slider-disabled-dark@2.png")), radial-gradient(circle farthest-corner at center, currentColor 10%, transparent 0%);
2904
}
2905
scale.color {
2907
min-height: 0;
2908
min-width: 0;
2909
}
2910
scale.color.horizontal {
2912
padding: 0 0 12px 0;
2913
}
2914
scale.color.horizontal slider:dir(ltr), scale.color.horizontal slider:dir(rtl) {
2916
margin-bottom: -24px;
2917
margin-top: 8px;
2918
}
2919
scale.color.vertical:dir(ltr) {
2921
padding: 0 0 0 12px;
2922
}
2923
scale.color.vertical:dir(ltr) slider {
2925
margin-left: -24px;
2926
margin-right: 8px;
2927
}
2928
scale.color.vertical:dir(rtl) {
2930
padding: 0 12px 0 0;
2931
}
2932
scale.color.vertical:dir(rtl) slider {
2934
margin-right: -24px;
2935
margin-left: 8px;
2936
}
2937
/*****************
2939
* Progress bars *
2940
*****************/
2941
progressbar {
2942
color: rgba(255, 255, 255, 0.5);
2943
font-size: smaller;
2944
}
2945
progressbar.horizontal trough,
2947
progressbar.horizontal progress {
2948
min-height: 4px;
2949
}
2950
progressbar.vertical trough,
2952
progressbar.vertical progress {
2953
min-width: 4px;
2954
}
2955
progressbar trough {
2957
background-color: rgba(66, 133, 244, 0.3);
2958
}
2959
progressbar progress {
2961
background-color: #4285F4;
2962
}
2963
progressbar trough.empty progress {
2965
all: unset;
2966
}
2967
/*************
2969
* Level Bar *
2970
*************/
2971
levelbar.horizontal block {
2972
min-height: 4px;
2973
}
2974
levelbar.horizontal.discrete block {
2976
min-width: 32px;
2977
}
2978
levelbar.horizontal.discrete block:not(:last-child) {
2980
margin-right: 2px;
2981
}
2982
levelbar.vertical block {
2984
min-width: 4px;
2985
}
2986
levelbar.vertical.discrete block {
2988
min-height: 32px;
2989
}
2990
levelbar.vertical.discrete block:not(:last-child) {
2992
margin-bottom: 2px;
2993
}
2994
levelbar block.low {
2996
background-color: #FBBC05;
2997
}
2998
levelbar block.high, levelbar block:not(.empty) {
3000
background-color: #4285F4;
3001
}
3002
levelbar block.full {
3004
background-color: #34A853;
3005
}
3006
levelbar block.empty {
3008
background-color: rgba(255, 255, 255, 0.12);
3009
}
3010
/****************
3012
* Print dialog *
3013
*****************/
3014
printdialog paper {
3015
padding: 0;
3016
border: 1px solid rgba(0, 0, 0, 0.26);
3017
background-color: #303030;
3018
color: white;
3019
}
3020
printdialog .dialog-action-box {
3022
margin: 12px;
3023
}
3024
/**********
3026
* Frames *
3027
**********/
3028
frame > border,
3029
.frame {
3030
margin: 0;
3031
padding: 0;
3032
border: 1px solid rgba(0, 0, 0, 0.26);
3033
border-radius: 0;
3034
box-shadow: none;
3035
}
3036
frame > border.flat,
3038
.frame.flat,
3039
frame.flat > border {
3040
border-style: none;
3041
}
3042
actionbar > revealer > box {
3044
padding: 4px;
3045
border-top: 1px solid rgba(0, 0, 0, 0.26);
3046
}
3047
scrolledwindow viewport.frame {
3049
border-style: none;
3050
}
3051
overshoot.top {
3053
background-image: -gtk-gradient(radial, center top, 0, center top, 0.75, to(rgba(123, 170, 247, 0.3)), to(transparent));
3054
background-repeat: no-repeat;
3055
background-position: center top;
3056
background-color: transparent;
3057
border: none;
3058
box-shadow: none;
3059
}
3060
overshoot.bottom {
3062
background-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.75, to(rgba(123, 170, 247, 0.3)), to(transparent));
3063
background-repeat: no-repeat;
3064
background-position: center bottom;
3065
background-color: transparent;
3066
border: none;
3067
box-shadow: none;
3068
}
3069
overshoot.left {
3071
background-image: -gtk-gradient(radial, left center, 0, left center, 0.75, to(rgba(123, 170, 247, 0.3)), to(transparent));
3072
background-repeat: no-repeat;
3073
background-position: left center;
3074
background-color: transparent;
3075
border: none;
3076
box-shadow: none;
3077
}
3078
overshoot.right {
3080
background-image: -gtk-gradient(radial, right center, 0, right center, 0.75, to(rgba(123, 170, 247, 0.3)), to(transparent));
3081
background-repeat: no-repeat;
3082
background-position: right center;
3083
background-color: transparent;
3084
border: none;
3085
box-shadow: none;
3086
}
3087
undershoot.top {
3089
background-color: transparent;
3090
background-image: linear-gradient(to left, rgba(48, 48, 48, 0.3) 50%, rgba(255, 255, 255, 0.3) 50%);
3091
padding-top: 1px;
3092
background-size: 12px 1px;
3093
background-repeat: repeat-x;
3094
background-origin: content-box;
3095
background-position: left top;
3096
}
3097
undershoot.bottom {
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-bottom: 1px;
3102
background-size: 12px 1px;
3103
background-repeat: repeat-x;
3104
background-origin: content-box;
3105
background-position: left bottom;
3106
}
3107
undershoot.left {
3109
background-color: transparent;
3110
background-image: linear-gradient(to top, rgba(48, 48, 48, 0.3) 50%, rgba(255, 255, 255, 0.3) 50%);
3111
padding-left: 1px;
3112
background-size: 1px 12px;
3113
background-repeat: repeat-y;
3114
background-origin: content-box;
3115
background-position: left top;
3116
}
3117
undershoot.right {
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-right: 1px;
3122
background-size: 1px 12px;
3123
background-repeat: repeat-y;
3124
background-origin: content-box;
3125
background-position: right top;
3126
}
3127
junction {
3129
border-style: solid none none solid;
3130
border-width: 1px;
3131
border-color: rgba(0, 0, 0, 0.26);
3132
background-color: #303030;
3133
}
3134
junction:dir(rtl) {
3136
border-style: solid solid none none;
3137
}
3138
separator {
3140
min-width: 1px;
3141
min-height: 1px;
3142
background-color: rgba(0, 0, 0, 0.26);
3143
}
3144
button.font separator,
3147
button.file separator, .tweak-categories separator, preferences stacksidebar.sidebar list separator {
3148
min-width: 0;
3149
min-height: 0;
3150
background-color: transparent;
3151
}
3152
/*********
3154
* Lists *
3155
*********/
3156
list {
3157
border-color: rgba(0, 0, 0, 0.26);
3158
background-color: #303030;
3159
}
3160
list row {
3162
padding: 2px;
3163
}
3164
row.activatable, .view, treeview.view header button, .budgie-menu button {
3166
transition: all 100ms cubic-bezier(0, 0, 0.2, 1), background-color 0, color 0, background-size 300ms cubic-bezier(0, 0, 0.2, 1), background-image 1200ms cubic-bezier(0, 0, 0.2, 1);
3167
box-shadow: inset 0 0 0 9999px transparent;
3168
background-image: radial-gradient(circle farthest-corner at center, transparent 10%, transparent 0%);
3169
background-repeat: no-repeat;
3170
background-position: center;
3171
background-size: 1000% 1000%;
3172
}
3173
row.activatable:hover, .view:hover, treeview.view header button:hover, .budgie-menu button:hover {
3175
transition: all 100ms cubic-bezier(0, 0, 0.2, 1), background-color 0, color 0, box-shadow 0, background-size 300ms cubic-bezier(0, 0, 0.2, 1), background-image 1200ms cubic-bezier(0, 0, 0.2, 1);
3176
box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08);
3177
}
3178
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 {
3180
transition: all 100ms cubic-bezier(0, 0, 0.2, 1), background-color 0, color 0, background-size 0, background-image 0;
3181
animation: ripple_effect 225ms cubic-bezier(0, 0, 0.2, 1) forwards;
3182
box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08);
3183
background-image: radial-gradient(circle farthest-corner at center, alpha(currentColor, 0.12) 10%, transparent 0%);
3184
background-size: 0% 0%;
3185
}
3186
/*********************
3188
* App Notifications *
3189
*********************/
3190
.app-notification {
3191
margin: 8px;
3192
}
3193
.app-notification.frame,
3195
.app-notification border {
3196
border-style: none;
3197
}
3198
/*************
3200
* Expanders *
3201
*************/
3202
expander title > arrow {
3203
transition: all 100ms cubic-bezier(0, 0, 0.2, 1);
3204
min-width: 16px;
3205
min-height: 16px;
3206
-gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
3207
-gtk-icon-transform: rotate(-90deg);
3208
color: rgba(255, 255, 255, 0.7);
3209
}
3210
expander title > arrow:dir(rtl) {
3212
-gtk-icon-transform: rotate(90deg);
3213
}
3214
expander title > arrow:checked {
3216
-gtk-icon-transform: unset;
3217
}
3218
expander title > arrow:hover, expander title > arrow:active {
3220
color: white;
3221
}
3222
expander title > arrow:disabled {
3224
color: rgba(255, 255, 255, 0.3);
3225
}
3226
expander title > arrow:selected {
3228
color: rgba(255, 255, 255, 0.7);
3229
}
3230
expander title > arrow:selected:hover, expander title > arrow:selected:active {
3232
color: white;
3233
}
3234
expander title > arrow:selected:disabled {
3236
color: rgba(255, 255, 255, 0.3);
3237
}
3238
/************
3240
* Calendar *
3241
************/
3242
calendar {
3243
padding: 1px;
3244
border: 1px solid rgba(0, 0, 0, 0.26);
3245
color: white;
3246
}
3247
calendar:disabled {
3249
color: rgba(255, 255, 255, 0.5);
3250
}
3251
calendar:selected {
3253
border-radius: 5px;
3254
}
3255
calendar.header {
3257
border-style: none none solid;
3258
border-radius: 0;
3259
}
3260
calendar.highlight {
3262
color: rgba(255, 255, 255, 0.7);
3263
font-weight: 500;
3264
}
3265
calendar:indeterminate {
3267
color: rgba(255, 255, 255, 0.3);
3268
}
3269
/***********
3271
* Dialogs *
3272
***********/
3273
messagedialog.background {
3274
background-color: #424242;
3275
}
3276
messagedialog .titlebar {
3278
min-height: 24px;
3279
border-style: none;
3280
box-shadow: inset 0 1px rgba(255, 255, 255, 0.1);
3281
background-color: #424242;
3282
color: white;
3283
}
3284
messagedialog .titlebar:backdrop {
3286
color: rgba(255, 255, 255, 0.7);
3287
}
3288
messagedialog.csd.background {
3290
border-bottom-left-radius: 4px;
3291
border-bottom-right-radius: 4px;
3292
}
3293
messagedialog.csd .dialog-action-area {
3295
margin-top: -4px;
3296
padding: 4px;
3297
}
3298
messagedialog.csd .dialog-action-area button {
3300
border-radius: 4px;
3301
}
3302
messagedialog.csd .dialog-action-area button:not(:last-child) {
3304
margin-right: 4px;
3305
}
3306
messagedialog.csd .dialog-action-area button.suggested-action:not(:disabled) {
3308
color: #01A299;
3309
}
3310
messagedialog.csd .dialog-action-area button.destructive-action:not(:disabled) {
3312
color: #EA4335;
3313
}
3314
filechooser .dialog-action-box {
3316
border-top: 1px solid rgba(0, 0, 0, 0.26);
3317
}
3318
filechooser #pathbarbox {
3320
border-bottom: 1px solid rgba(0, 0, 0, 0.26);
3321
background-color: #282828;
3322
}
3323
filechooserbutton:drop(active) {
3325
box-shadow: none;
3326
}
3327
/***********
3329
* Sidebar *
3330
***********/
3331
.sidebar {
3332
border-style: none;
3333
background-color: #2C2C2C;
3334
}
3335
stacksidebar.sidebar:dir(ltr) list, stacksidebar.sidebar.left list, stacksidebar.sidebar.left:dir(rtl) list, .sidebar:dir(ltr), .sidebar.left, .sidebar.left:dir(rtl) {
3337
border-right: 1px solid rgba(0, 0, 0, 0.26);
3338
border-left-style: none;
3339
}
3340
stacksidebar.sidebar:dir(rtl) list, stacksidebar.sidebar.right list, .sidebar:dir(rtl), .sidebar.right {
3342
border-left: 1px solid rgba(0, 0, 0, 0.26);
3343
border-right-style: none;
3344
}
3345
.sidebar list {
3347
background-color: transparent;
3348
}
3349
paned .sidebar.left, paned .sidebar.right, paned .sidebar.left:dir(rtl), paned .sidebar:dir(rtl), paned .sidebar:dir(ltr), paned .sidebar {
3351
border-style: none;
3352
}
3353
stacksidebar row {
3355
padding: 10px 4px;
3356
}
3357
stacksidebar row > label {
3359
padding-left: 6px;
3360
padding-right: 6px;
3361
}
3362
/****************
3364
* File chooser *
3365
****************/
3366
row image.sidebar-icon {
3367
color: rgba(255, 255, 255, 0.7);
3368
}
3369
row:selected image.sidebar-icon {
3371
color: rgba(255, 255, 255, 0.7);
3372
}
3373
placessidebar > viewport.frame {
3375
border-style: none;
3376
}
3377
placessidebar list {
3379
padding: 1px 0 4px;
3380
}
3381
placessidebar row {
3383
min-height: 32px;
3384
margin: -1px 0;
3385
padding: 0;
3386
}
3387
placessidebar row > revealer {
3389
padding: 0 12px;
3390
}
3391
placessidebar row:selected {
3393
color: white;
3394
}
3395
placessidebar row:disabled {
3397
color: rgba(255, 255, 255, 0.5);
3398
}
3399
placessidebar row image.sidebar-icon:dir(ltr) {
3401
padding-right: 8px;
3402
}
3403
placessidebar row image.sidebar-icon:dir(rtl) {
3405
padding-left: 8px;
3406
}
3407
placessidebar row label.sidebar-label:dir(ltr) {
3409
padding-right: 2px;
3410
}
3411
placessidebar row label.sidebar-label:dir(rtl) {
3413
padding-left: 2px;
3414
}
3415
placessidebar row.sidebar-placeholder-row {
3417
min-height: 2px;
3418
padding: 0 8px;
3419
background-image: image(#01A299);
3420
background-clip: content-box;
3421
}
3422
placessidebar row.sidebar-new-bookmark-row {
3424
color: #01A299;
3425
}
3426
placessidebar row:drop(active):not(:disabled) {
3428
box-shadow: inset 0 0 0 2px #01A299;
3429
}
3430
placesview .server-list-button > image {
3432
-gtk-icon-transform: rotate(0turn);
3433
}
3434
placesview .server-list-button:checked > image {
3436
-gtk-icon-transform: rotate(-0.5turn);
3437
}
3438
placesview > actionbar > revealer > box > label {
3440
padding-left: 8px;
3441
padding-right: 8px;
3442
}
3443
/*********
3445
* Paned *
3446
*********/
3447
paned > separator {
3448
min-width: 1px;
3449
min-height: 1px;
3450
-gtk-icon-source: none;
3451
border-style: none;
3452
background-color: transparent;
3453
background-image: image(rgba(0, 0, 0, 0.26));
3454
background-size: 1px 1px;
3455
background-clip: content-box;
3456
}
3457
paned > separator.wide {
3459
min-width: 6px;
3460
min-height: 6px;
3461
background-color: #282828;
3462
background-image: image(rgba(0, 0, 0, 0.26)), image(rgba(0, 0, 0, 0.26));
3463
background-size: 1px 1px, 1px 1px;
3464
}
3465
paned.horizontal > separator {
3467
background-repeat: repeat-y;
3468
}
3469
paned.horizontal > separator:dir(ltr) {
3471
margin: 0 -8px 0 0;
3472
padding: 0 8px 0 0;
3473
background-position: left;
3474
}
3475
paned.horizontal > separator:dir(rtl) {
3477
margin: 0 0 0 -8px;
3478
padding: 0 0 0 8px;
3479
background-position: right;
3480
}
3481
paned.horizontal > separator.wide {
3483
margin: 0;
3484
padding: 0;
3485
background-repeat: repeat-y, repeat-y;
3486
background-position: left, right;
3487
}
3488
paned.vertical > separator {
3490
margin: 0 0 -8px 0;
3491
padding: 0 0 8px 0;
3492
background-repeat: repeat-x;
3493
background-position: top;
3494
}
3495
paned.vertical > separator.wide {
3497
margin: 0;
3498
padding: 0;
3499
background-repeat: repeat-x, repeat-x;
3500
background-position: bottom, top;
3501
}
3502
/**************
3504
* GtkInfoBar *
3505
**************/
3506
infobar {
3507
border-style: none;
3508
}
3509
infobar.info {
3511
background-color: #34A853;
3512
}
3513
infobar.question {
3515
background-color: #4285F4;
3516
}
3517
infobar.warning {
3519
background-color: #FBBC05;
3520
}
3521
infobar.error {
3523
background-color: #EA4335;
3524
}
3525
infobar.info > label, infobar.info, infobar.question > label, infobar.question, infobar.warning > label, infobar.warning, infobar.error > label, infobar.error {
3527
color: white;
3528
}
3529
/************
3531
* Tooltips *
3532
************/
3533
tooltip {
3534
border-radius: 4px;
3535
box-shadow: none;
3536
}
3537
tooltip.background {
3539
background-color: rgba(97, 97, 97, 0.9);
3540
color: white;
3541
}
3542
tooltip decoration {
3544
background-color: transparent;
3545
}
3546
tooltip label {
3548
min-height: 20px;
3549
padding: 0 2px;
3550
}
3551
/*****************
3553
* Color Chooser *
3554
*****************/
3555
colorswatch.top {
3556
border-top-left-radius: 4.5px;
3557
border-top-right-radius: 4.5px;
3558
}
3559
colorswatch.top overlay {
3561
border-top-left-radius: 4px;
3562
border-top-right-radius: 4px;
3563
}
3564
colorswatch.bottom {
3566
border-bottom-left-radius: 4.5px;
3567
border-bottom-right-radius: 4.5px;
3568
}
3569
colorswatch.bottom overlay {
3571
border-bottom-left-radius: 4px;
3572
border-bottom-right-radius: 4px;
3573
}
3574
colorswatch.left, colorswatch:first-child:not(.top) {
3576
border-top-left-radius: 4.5px;
3577
border-bottom-left-radius: 4.5px;
3578
}
3579
colorswatch.left overlay, colorswatch:first-child:not(.top) overlay {
3581
border-top-left-radius: 4px;
3582
border-bottom-left-radius: 4px;
3583
}
3584
colorswatch.right, colorswatch:last-child:not(.bottom) {
3586
border-top-right-radius: 4.5px;
3587
border-bottom-right-radius: 4.5px;
3588
}
3589
colorswatch.right overlay, colorswatch:last-child:not(.bottom) overlay {
3591
border-top-right-radius: 4px;
3592
border-bottom-right-radius: 4px;
3593
}
3594
colorswatch.dark {
3596
color: white;
3597
}
3598
colorswatch.light {
3600
color: rgba(0, 0, 0, 0.87);
3601
}
3602
colorswatch:drop(active) {
3604
box-shadow: none;
3605
}
3606
colorswatch:drop(active).light overlay {
3608
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24), 0 0 0 2px #01A299;
3609
}
3610
colorswatch:drop(active).dark overlay {
3612
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24), 0 0 0 2px #01A299;
3613
}
3614
colorswatch overlay {
3616
transition: box-shadow 100ms cubic-bezier(0, 0, 0.2, 1);
3617
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
3618
}
3619
colorswatch overlay:hover {
3621
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23);
3622
}
3623
colorswatch#add-color-button {
3625
border-radius: 4px 4px 0 0;
3626
color: white;
3627
}
3628
colorswatch#add-color-button:only-child {
3630
border-radius: 4px;
3631
}
3632
colorswatch#add-color-button overlay {
3634
background-image: linear-gradient(to right, #EA4335 25%, #FBBC05 25%, #FBBC05 50%, #34A853 50%, #34A853 75%, #4285F4 75%);
3635
}
3636
colorswatch:disabled {
3638
opacity: 0.5;
3639
}
3640
colorswatch:disabled overlay {
3642
box-shadow: none;
3643
}
3644
colorswatch#editor-color-sample {
3646
border-radius: 4.5px;
3647
}
3648
colorswatch#editor-color-sample overlay {
3650
border-radius: 4px;
3651
}
3652
colorchooser .popover.osd {
3654
transition: box-shadow 100ms cubic-bezier(0, 0, 0.2, 1);
3655
border-radius: 4px;
3656
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);
3657
background-color: #424242;
3658
}
3659
colorchooser .popover.osd:backdrop {
3661
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);
3662
}
3663
/********
3665
* Misc *
3666
********/
3667
.content-view {
3668
background-color: #282828;
3669
}
3670
/**********************
3672
* Window Decorations *
3673
**********************/
3674
decoration {
3675
transition: box-shadow 100ms cubic-bezier(0, 0, 0.2, 1);
3676
border-radius: 4px 4px 0 0;
3677
box-shadow: 0 14px 14px rgba(0, 0, 0, 0.25), 0 10px 5px rgba(0, 0, 0, 0.22), 0 16px 16px transparent;
3678
margin: 8px;
3679
}
3680
decoration:backdrop {
3682
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23), 0 16px 16px transparent;
3683
}
3684
.maximized decoration,
3686
.fullscreen decoration,
3687
.tiled decoration,
3688
.tiled-top decoration,
3689
.tiled-right decoration,
3690
.tiled-bottom decoration,
3691
.tiled-left decoration {
3692
border-radius: 0;
3693
}
3694
.popup decoration {
3696
box-shadow: none;
3697
}
3698
.ssd decoration {
3700
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16);
3701
}
3702
.csd.popup decoration {
3704
border-radius: 4px;
3705
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23);
3706
}
3707
tooltip.csd decoration {
3709
border-radius: 4px;
3710
box-shadow: none;
3711
}
3712
messagedialog.csd decoration {
3714
border-radius: 4px;
3715
}
3716
.solid-csd decoration {
3718
margin: 0;
3719
border-radius: 0;
3720
box-shadow: none;
3721
background-color: #383838;
3722
}
3723
.view selection, .view:selected, flowbox flowboxchild:selected, spinbutton:not(.vertical) selection,
3725
entry selection, modelbutton.flat:selected,
3726
.menuitem.button.flat:selected, popover.background.menu button:checked,
3727
popover.background button.model:checked, row:selected, calendar:selected, text:selected, .budgie-menu button:checked {
3728
background-color: #4285F4;
3729
}
3730
row:selected label, label:selected, .view selection, .view:selected, flowbox flowboxchild:selected, spinbutton:not(.vertical) selection,
3732
entry selection, modelbutton.flat:selected,
3733
.menuitem.button.flat:selected, popover.background.menu button:checked,
3734
popover.background button.model:checked, row:selected, calendar:selected, text:selected, .budgie-menu button:checked {
3735
color: white;
3736
}
3737
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,
3739
entry selection:disabled, modelbutton.flat:disabled:selected,
3740
.menuitem.button.flat:disabled:selected, popover.background.menu button:disabled:checked,
3741
popover.background button.model:disabled:checked, row:disabled:selected, calendar:disabled:selected, text:disabled:selected, .budgie-menu button:disabled:checked {
3742
color: rgba(255, 255, 255, 0.5);
3743
}
3744
.monospace {
3746
font-family: monospace;
3747
}
3748
/**********************
3750
* Touch Copy & Paste *
3751
**********************/
3752
cursor-handle {
3753
border-radius: 9999px;
3754
background-color: #01A299;
3755
background-image: none;
3756
}
3757
cursor-handle.top:dir(ltr), cursor-handle.bottom:dir(rtl) {
3759
padding-left: 6px;
3760
border-top-right-radius: 0;
3761
}
3762
cursor-handle.bottom:dir(ltr), cursor-handle.top:dir(rtl) {
3764
padding-right: 6px;
3765
border-top-left-radius: 0;
3766
}
3767
cursor-handle.insertion-cursor:dir(ltr), cursor-handle.insertion-cursor:dir(rtl) {
3769
-GtkWidget-text-handle-width: 24;
3770
-GtkWidget-text-handle-height: 30;
3771
-gtk-icon-source: -gtk-scaled(url("assets/scale-horz-marks-before-slider-dark.png"), url("assets/scale-horz-marks-before-slider-dark@2.png"));
3772
}
3773
.context-menu {
3775
font: initial;
3776
}
3777
.keycap {
3779
min-width: 12px;
3780
min-height: 26px;
3781
margin-top: 2px;
3782
padding-bottom: 2px;
3783
padding-left: 8px;
3784
padding-right: 8px;
3785
border: solid 1px rgba(0, 0, 0, 0.26);
3786
border-radius: 5px;
3787
box-shadow: inset 0 -2px rgba(0, 0, 0, 0.26);
3788
background-color: #424242;
3789
color: white;
3790
font-size: smaller;
3791
}
3792
:not(decoration):not(window):drop(active) {
3794
transition: all 100ms cubic-bezier(0, 0, 0.2, 1);
3795
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24), inset 0 0 0 2px #01A299;
3796
caret-color: #01A299;
3797
}
3798
stackswitcher button.text-button {
3800
min-width: 100px;
3801
}
3802
stackswitcher button.circular,
3804
stackswitcher button.text-button.circular {
3805
min-width: 32px;
3806
min-height: 32px;
3807
padding: 0;
3808
}
3809
/*********
3811
* Emoji *
3812
*********/
3813
popover.emoji-picker {
3814
padding: 0;
3815
}
3816
popover.emoji-picker entry {
3818
border-bottom: 1px solid rgba(0, 0, 0, 0.26);
3819
border-radius: 0;
3820
box-shadow: none;
3821
background-color: transparent;
3822
}
3823
popover.emoji-picker scrolledwindow {
3825
border-bottom: 1px solid rgba(0, 0, 0, 0.26);
3826
}
3827
button.emoji-section {
3829
margin-top: -1px;
3830
padding: 0 8px;
3831
min-width: 24px;
3832
min-height: 32px;
3833
border-radius: 0;
3834
outline-offset: -6px;
3835
}
3836
button.emoji-section, button.emoji-section:hover, button.emoji-section:active {
3838
box-shadow: inset 0 2px transparent;
3839
}
3840
button.emoji-section:checked {
3842
box-shadow: inset 0 2px #4285F4;
3843
background-color: transparent;
3844
}
3845
button.emoji-section:hover, button.emoji-section:active {
3847
background-color: alpha(currentColor, 0.08);
3848
}
3849
button.emoji-section:first-child {
3851
margin-left: 4px;
3852
}
3853
button.emoji-section:last-child {
3855
margin-right: 4px;
3856
}
3857
.emoji {
3859
min-width: 3em;
3860
min-height: 3em;
3861
padding: 0 8px;
3862
}
3863
.emoji widget {
3865
transition: all 100ms cubic-bezier(0, 0, 0.2, 1);
3866
border-radius: 4px;
3867
}
3868
.emoji widget:hover {
3870
background-color: alpha(currentColor, 0.08);
3871
}
3872
/************
3874
* Nautilus *
3875
************/
3876
.nautilus-window,
3877
.nautilus-window notebook,
3878
.nautilus-window notebook > stack {
3879
background-color: #303030;
3880
}
3881
.nautilus-canvas-item.dim-label, label.nautilus-canvas-item.separator, .titlebar:not(headerbar) .nautilus-canvas-item.subtitle,
3883
headerbar .nautilus-canvas-item.subtitle, .budgie-notification .nautilus-canvas-item.notification-body, .budgie-switcher .nautilus-canvas-item.notification-body,
3884
.nautilus-list-dim-label {
3885
color: rgba(255, 255, 255, 0.7);
3886
}
3887
.nautilus-canvas-item.dim-label:selected, label.nautilus-canvas-item.separator:selected, .titlebar:not(headerbar) .nautilus-canvas-item.subtitle:selected,
3889
headerbar .nautilus-canvas-item.subtitle:selected, .budgie-notification .nautilus-canvas-item.notification-body:selected, .budgie-switcher .nautilus-canvas-item.notification-body:selected,
3890
.nautilus-list-dim-label:selected {
3891
color: rgba(255, 255, 255, 0.7);
3892
}
3893
.nautilus-desktop.nautilus-canvas-item:not(:selected), .caja-desktop.caja-canvas-item:not(:selected), .nemo-desktop.nemo-canvas-item:not(:selected) {
3895
color: white;
3896
text-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
3897
}
3898
@keyframes needs_attention_keyframes {
3900
to {
3901
background-color: alpha(currentColor, 0.12);
3902
}
3903
}
3904
.nautilus-operations-button-needs-attention {
3906
animation: needs_attention_keyframes 225ms cubic-bezier(0.4, 0, 0.2, 1) 2 alternate;
3907
}
3908
.nautilus-operations-button-needs-attention-multiple {
3910
animation: needs_attention_keyframes 225ms cubic-bezier(0.4, 0, 0.2, 1) 4 alternate;
3911
}
3912
.path-bar-box.background.frame {
3914
border-style: none;
3915
background-color: transparent;
3916
}
3917
.nautilus-window .floating-bar {
3919
min-height: 32px;
3920
padding: 0;
3921
border-style: solid solid none;
3922
border-width: 1px;
3923
border-color: rgba(0, 0, 0, 0.26);
3924
border-radius: 5px 5px 0 0;
3925
background-color: rgba(48, 48, 48, 0.9);
3926
background-clip: border-box;
3927
transition: all 100ms cubic-bezier(0, 0, 0.2, 1), border-width 0;
3928
}
3929
.nautilus-window .floating-bar.bottom.left {
3931
margin-right: 7px;
3932
border-left-style: none;
3933
border-top-left-radius: 0;
3934
}
3935
.nautilus-window .floating-bar.bottom.right {
3937
margin-left: 7px;
3938
border-right-style: none;
3939
border-top-right-radius: 0;
3940
}
3941
.nautilus-window .floating-bar button {
3943
margin: 4px;
3944
}
3945
.disk-space-display.unknown {
3947
background-color: rgba(255, 255, 255, 0.3);
3948
color: rgba(255, 255, 255, 0.3);
3949
}
3950
.disk-space-display.used {
3952
background-color: #4285F4;
3953
color: #4285F4;
3954
}
3955
.disk-space-display.free {
3957
background-color: rgba(255, 255, 255, 0.12);
3958
color: rgba(255, 255, 255, 0.12);
3959
}
3960
.search-information {
3962
padding: 2px;
3963
background-color: #4285F4;
3964
color: white;
3965
}
3966
.conflict-row:not(:selected) {
3968
background-color: #6d5a23;
3969
}
3970
.nautilus-window flowboxchild .icon-item-background {
3972
padding: 4px;
3973
border-radius: 4px;
3974
}
3975
.nautilus-window flowboxchild:selected {
3977
background-color: transparent;
3978
}
3979
.nautilus-window flowboxchild:selected .icon-item-background {
3981
background-color: #4285F4;
3982
}
3983
dialog.background > box.dialog-vbox.vertical > grid.horizontal > scrolledwindow.frame {
3985
border-style: none;
3986
}
3987
dialog.background > box.dialog-vbox.vertical > grid.horizontal > box.horizontal:last-child {
3989
margin: -6px 0 0 -6px;
3990
border-top: 1px solid rgba(0, 0, 0, 0.26);
3991
}
3992
dialog.background > box.dialog-vbox.vertical > grid.horizontal > box.horizontal:last-child > label {
3994
margin: 0 8px;
3995
}
3996
dialog.background > box.dialog-vbox.vertical > grid.horizontal > box.horizontal:last-child > box > button {
3998
border-radius: 0;
3999
}
4000
.nautilus-window > popover.menu:not(:last-child) {
4002
padding: 3px;
4003
}
4004
.nautilus-window > popover.menu:not(:last-child) > stack > box > box > box {
4006
margin-top: -6px;
4007
}
4008
.nautilus-window > popover.menu:not(:last-child) > stack > box > box > box > box {
4010
margin-bottom: -6px;
4011
}
4012
.nautilus-window > popover.menu:not(:last-child) > stack > box > box > box > box.linked {
4014
margin-top: 1px;
4015
}
4016
.nautilus-window > popover.menu:not(:last-child) separator {
4018
margin-bottom: -2px;
4019
}
4020
.nautilus-menu-sort-heading {
4022
margin: 1px 3px;
4023
font-weight: 500;
4024
}
4025
.nautilus-menu-sort-heading:disabled {
4027
color: rgba(255, 255, 255, 0.5);
4028
}
4029
.nautilus-window paned > separator {
4031
background-color: #282828;
4032
}
4033
/*********
4035
* gedit *
4036
*********/
4037
.open-document-selector-path-label {
4038
color: rgba(255, 255, 255, 0.7);
4039
font-size: smaller;
4040
}
4041
.open-document-selector-path-label:selected {
4043
color: rgba(255, 255, 255, 0.7);
4044
}
4045
.gedit-document-panel {
4047
background-color: #2C2C2C;
4048
}
4049
.gedit-document-panel row button.flat {
4051
margin-top: 8px;
4052
margin-bottom: 8px;
4053
}
4054
.gedit-document-panel-group-row:not(:first-child) {
4056
border-top: 1px solid rgba(0, 0, 0, 0.26);
4057
}
4058
.gedit-side-panel-paned statusbar {
4060
border-top: 1px solid rgba(0, 0, 0, 0.26);
4061
}
4062
.gedit-search-slider {
4064
margin: 4px 4px 8px;
4065
}
4066
.gedit-search-slider .linked:not(.vertical) > entry {
4068
border-radius: 4px;
4069
}
4070
.gedit-search-slider .linked:not(.vertical) > entry .gedit-search-entry-occurrences-tag {
4072
all: unset;
4073
color: rgba(255, 255, 255, 0.5);
4074
}
4075
.gedit-search-slider .linked:not(.vertical) > entry:dir(ltr) {
4077
margin-right: -60px;
4078
padding-right: 60px;
4079
}
4080
.gedit-search-slider .linked:not(.vertical) > entry:dir(ltr) .gedit-search-entry-occurrences-tag {
4082
margin-left: 4px;
4083
}
4084
.gedit-search-slider .linked:not(.vertical) > entry:dir(ltr) image.right {
4086
margin-right: 0;
4087
}
4088
.gedit-search-slider .linked:not(.vertical) > entry:dir(rtl) {
4090
margin-left: -60px;
4091
padding-left: 60px;
4092
}
4093
.gedit-search-slider .linked:not(.vertical) > entry:dir(rtl) .gedit-search-entry-occurrences-tag {
4095
margin-right: 4px;
4096
}
4097
.gedit-search-slider .linked:not(.vertical) > entry:dir(rtl) image.left {
4099
margin-left: 0;
4100
}
4101
.gedit-search-slider .linked:not(.vertical) > entry:not(.error) {
4103
background-color: #424242;
4104
}
4105
.gedit-search-slider .linked:not(.vertical) > entry.error ~ button {
4107
color: rgba(255, 255, 255, 0.7);
4108
}
4109
.gedit-search-slider .linked:not(.vertical) > entry.error ~ button:hover, .gedit-search-slider .linked:not(.vertical) > entry.error ~ button:active {
4111
color: white;
4112
}
4113
.gedit-search-slider .linked:not(.vertical) > entry.error ~ button:disabled {
4115
color: rgba(255, 255, 255, 0.3);
4116
}
4117
.gedit-search-slider .linked > button {
4119
border: solid 4px transparent;
4120
border-radius: 9999px;
4121
}
4122
.gedit-search-slider .linked > button:last-child:dir(ltr), .gedit-search-slider .linked > button:not(:first-child):dir(rtl) {
4124
margin-left: -2px;
4125
}
4126
.gedit-search-slider .linked > button:first-child:dir(rtl), .gedit-search-slider .linked > button:not(:last-child):dir(ltr) {
4128
margin-right: -2px;
4129
}
4130
frame.gedit-map-frame > border:dir(ltr) {
4132
border-style: none none none solid;
4133
}
4134
frame.gedit-map-frame > border:dir(rtl) {
4136
border-style: none solid none none;
4137
}
4138
/**********
4140
* Tweaks *
4141
**********/
4142
.tweak-categories {
4143
background-image: image(#2C2C2C);
4144
}
4145
.tweak {
4147
padding: 3px;
4148
}
4149
.tweak.title:hover {
4151
box-shadow: none;
4152
}
4153
.tweak-group-white,
4155
.tweak-white,
4156
.tweak-white:hover {
4157
background-image: image(#303030);
4158
}
4159
.tweak-startup,
4161
.tweak-startup:hover {
4162
background-image: image(#303030);
4163
}
4164
.tweak-group-startup {
4166
background-image: image(#303030);
4167
border: 1px solid rgba(0, 0, 0, 0.26);
4168
}
4169
row#Focus,
4171
row#ClickMethod,
4172
row#StaticWorkspaceTweak,
4173
row#dynamic-workspaces,
4174
row#PrimaryWorkspaceTweak,
4175
row#workspaces-only-on-primary {
4176
padding: 0;
4177
border: 1px solid rgba(0, 0, 0, 0.26);
4178
}
4179
row#Focus row:not(:last-child),
4181
row#ClickMethod row:not(:last-child),
4182
row#StaticWorkspaceTweak row:not(:last-child),
4183
row#dynamic-workspaces row:not(:last-child),
4184
row#PrimaryWorkspaceTweak row:not(:last-child),
4185
row#workspaces-only-on-primary row:not(:last-child) {
4186
border-bottom: 1px solid rgba(0, 0, 0, 0.26);
4187
}
4188
row#Focus.tweak > list,
4190
row#ClickMethod.tweak > list,
4191
row#StaticWorkspaceTweak.tweak > list,
4192
row#dynamic-workspaces.tweak > list,
4193
row#PrimaryWorkspaceTweak.tweak > list,
4194
row#workspaces-only-on-primary.tweak > list {
4195
margin-top: -3px;
4196
}
4197
row#Focus,
4199
row#ClickMethod,
4200
row#PrimaryWorkspaceTweak,
4201
row#workspaces-only-on-primary {
4202
margin-top: 4px;
4203
}
4204
/***********
4206
* Builder *
4207
***********/
4208
layouttabbar {
4209
border-bottom: 1px solid rgba(0, 0, 0, 0.26);
4210
background-color: #282828;
4211
}
4212
layouttabbar > box > button {
4214
margin: 4px 0;
4215
}
4216
layouttab {
4218
margin: 0 8px;
4219
border-style: none solid;
4220
border-width: 1px;
4221
border-color: rgba(0, 0, 0, 0.26);
4222
box-shadow: inset 0 -2px #4285F4;
4223
background-color: #303030;
4224
}
4225
layouttab separator.vertical {
4227
margin: 8px 4px;
4228
}
4229
layouttab button.text-button, layouttab button.image-button, layouttab button {
4231
margin-top: 8px;
4232
margin-bottom: 8px;
4233
padding: 0 4px;
4234
}
4235
layout {
4237
border: 1px solid rgba(0, 0, 0, 0.26);
4238
-PnlDockBin-handle-size: 1;
4239
}
4240
entry.search-missing {
4242
background-color: #EA4335;
4243
color: white;
4244
}
4245
window.workbench treeview.image {
4247
color: rgba(255, 255, 255, 0.7);
4248
}
4249
window.workbench treeview.image:selected {
4251
color: rgba(255, 255, 255, 0.7);
4252
}
4253
popover.popover-selector list {
4255
padding: 6px;
4256
}
4257
popover.popover-selector list row {
4259
border-radius: 4px;
4260
}
4261
popover.popover-selector list row image:dir(ltr) {
4263
margin-right: 6px;
4264
}
4265
popover.popover-selector list row image:dir(rtl) {
4267
margin-left: 6px;
4268
}
4269
popover.popover-selector list row .accel:dir(ltr) {
4271
margin-left: 6px;
4272
}
4273
popover.popover-selector list row .accel:dir(rtl) {
4275
margin-right: 6px;
4276
}
4277
omnibar.linked:not(.vertical) entry {
4279
border-radius: 4px;
4280
}
4281
omnibar:not(:hover):not(:active) entry {
4283
color: rgba(255, 255, 255, 0.7);
4284
}
4285
popover.omnibar list row:not(:last-child) {
4287
border-bottom: 1px solid rgba(0, 0, 0, 0.26);
4288
}
4289
entry.preferences-search {
4291
box-shadow: inset 0 -1px rgba(0, 0, 0, 0.26);
4292
background-color: #303030;
4293
}
4294
preferences stacksidebar.sidebar list {
4296
background-color: #2C2C2C;
4297
}
4298
preferences stacksidebar.sidebar:dir(ltr) list, preferences stacksidebar.sidebar:dir(rtl) list {
4300
border-style: none;
4301
}
4302
preferences > box > box:dir(ltr) {
4304
border-right: 1px solid rgba(0, 0, 0, 0.26);
4305
}
4306
preferences > box > box:dir(rtl) {
4308
border-left: 1px solid rgba(0, 0, 0, 0.26);
4309
}
4310
popover.messagepopover.background {
4312
padding: 0;
4313
}
4314
popover.messagepopover .popover-action-area button {
4316
padding: 8px 16px;
4317
border-top: 1px solid rgba(0, 0, 0, 0.26);
4318
border-radius: 0;
4319
}
4320
popover.messagepopover .popover-action-area button:first-child {
4322
border-bottom-left-radius: 4px;
4323
}
4324
popover.messagepopover .popover-action-area button:last-child {
4326
border-bottom-right-radius: 4px;
4327
}
4328
popover.messagepopover .popover-content-area {
4330
margin: 16px;
4331
}
4332
popover.transfers list {
4334
background-color: transparent;
4335
}
4336
popover.transfers list row:not(:first-child) {
4338
border-top: 1px solid rgba(0, 0, 0, 0.26);
4339
}
4340
popover.transfers list row > box {
4342
padding: 10px;
4343
}
4344
dockbin {
4346
border: 1px solid rgba(0, 0, 0, 0.26);
4347
-PnlDockBin-handle-size: 1;
4348
}
4349
dockpaned {
4351
border: 1px solid rgba(0, 0, 0, 0.26);
4352
}
4353
eggsearchbar box.search-bar {
4355
padding: 0 8px;
4356
border-bottom: 1px solid rgba(0, 0, 0, 0.26);
4357
background-color: #282828;
4358
}
4359
docktabstrip {
4361
padding: 0 8px;
4362
border-bottom: 1px solid rgba(0, 0, 0, 0.26);
4363
background-color: #282828;
4364
}
4365
docktab {
4367
transition: all 100ms cubic-bezier(0, 0, 0.2, 1), background-size 0, background-image 0;
4368
min-height: 24px;
4369
min-width: 24px;
4370
margin-bottom: -1px;
4371
padding: 4px 6px;
4372
outline-offset: -6px;
4373
border-width: 1px;
4374
border-color: transparent;
4375
box-shadow: inset 0 -2px transparent;
4376
background-image: radial-gradient(circle farthest-corner at center, #4285F4 10%, transparent 0%);
4377
background-repeat: no-repeat;
4378
background-position: center;
4379
background-size: 0% 0%;
4380
color: rgba(255, 255, 255, 0.7);
4381
font-weight: 500;
4382
}
4383
docktab:hover {
4385
background-color: alpha(currentColor, 0.08);
4386
color: white;
4387
}
4388
docktab:checked {
4390
transition: all 100ms cubic-bezier(0, 0, 0.2, 1), background-size 225ms cubic-bezier(0, 0, 0.2, 1), background-image 525ms cubic-bezier(0, 0, 0.2, 1);
4391
box-shadow: inset 0 -2px #4285F4;
4392
background-color: transparent;
4393
background-image: radial-gradient(circle farthest-corner at center, transparent 10%, transparent 0%);
4394
background-size: 1000% 1000%;
4395
color: white;
4396
}
4397
dockoverlayedge {
4399
background-color: #282828;
4400
}
4401
dockoverlayedge docktabstrip {
4403
padding: 0;
4404
border: none;
4405
}
4406
dockoverlayedge.left-edge docktab:hover {
4408
box-shadow: inset -2px 0 rgba(255, 255, 255, 0.3);
4409
}
4410
dockoverlayedge.left-edge docktab:checked {
4412
box-shadow: inset -2px 0 #4285F4;
4413
}
4414
dockoverlayedge.right-edge docktab:hover {
4416
box-shadow: inset 2px 0 rgba(255, 255, 255, 0.3);
4417
}
4418
dockoverlayedge.right-edge docktab:checked {
4420
box-shadow: inset 2px 0 #4285F4;
4421
}
4422
pillbox {
4424
background-color: #282828;
4425
border-radius: 4px;
4426
}
4427
layoutpane entry.search {
4429
box-shadow: inset 0 -1px rgba(0, 0, 0, 0.26);
4430
background-color: #303030;
4431
}
4432
editortweak entry.search {
4434
margin-bottom: -1px;
4435
box-shadow: none;
4436
}
4437
.gb-search-entry-occurrences-tag {
4439
box-shadow: none;
4440
background-color: transparent;
4441
}
4442
docktabstrip {
4444
min-height: 39px;
4445
}
4446
window.workbench preferences preferencesgroup list entry {
4448
padding-top: 8px;
4449
padding-bottom: 8px;
4450
}
4451
button.run-arrow-button {
4453
padding-left: 8px;
4454
padding-right: 8px;
4455
}
4456
button.dzlmenubutton image {
4458
min-width: 26px;
4459
}
4460
button.dzlmenubutton image.arrow {
4462
min-width: 23px;
4463
}
4464
button.dzlmenubuttonitem {
4466
color: white;
4467
font-weight: normal;
4468
}
4469
button.dzlmenubuttonitem:disabled {
4471
color: rgba(255, 255, 255, 0.5);
4472
}
4473
idelayoutstackheader {
4475
border-bottom: 1px solid rgba(0, 0, 0, 0.26);
4476
}
4477
idelayoutstackheader button:checked {
4479
color: white;
4480
}
4481
ideeditorutilities > dzldockpaned > box > stackswitcher {
4483
padding: 8px 0;
4484
background-color: #282828;
4485
}
4486
ideeditorutilities > dzldockpaned > box > stackswitcher:dir(ltr) {
4488
border-right: 1px solid rgba(0, 0, 0, 0.26);
4489
}
4490
ideeditorutilities > dzldockpaned > box > stackswitcher:dir(rtl) {
4492
border-left: 1px solid rgba(0, 0, 0, 0.26);
4493
}
4494
ideeditorutilities > dzldockpaned > box > stackswitcher button {
4496
border-radius: 0;
4497
outline-offset: -6px;
4498
box-shadow: none;
4499
background-color: transparent;
4500
}
4501
ideeditorutilities > dzldockpaned > box > stackswitcher button:active {
4503
background-image: radial-gradient(circle farthest-corner at center, rgba(66, 133, 244, 0.7) 10%, transparent 0%);
4504
}
4505
ideeditorutilities > dzldockpaned > box > stackswitcher button:checked {
4507
background-color: transparent;
4508
color: white;
4509
}
4510
ideeditorutilities > dzldockpaned > box > stackswitcher button:dir(ltr) {
4512
margin-right: -1px;
4513
}
4514
ideeditorutilities > dzldockpaned > box > stackswitcher button:dir(ltr):hover {
4516
box-shadow: inset -2px 0 rgba(255, 255, 255, 0.3);
4517
}
4518
ideeditorutilities > dzldockpaned > box > stackswitcher button:dir(ltr):active, ideeditorutilities > dzldockpaned > box > stackswitcher button:dir(ltr):checked {
4520
box-shadow: inset -2px 0 #4285F4;
4521
}
4522
ideeditorutilities > dzldockpaned > box > stackswitcher button:dir(rtl) {
4524
margin-left: -1px;
4525
}
4526
ideeditorutilities > dzldockpaned > box > stackswitcher button:dir(rtl):hover {
4528
box-shadow: inset 2px 0 rgba(255, 255, 255, 0.3);
4529
}
4530
ideeditorutilities > dzldockpaned > box > stackswitcher button:dir(rtl):active, ideeditorutilities > dzldockpaned > box > stackswitcher button:dir(rtl):checked {
4532
box-shadow: inset 2px 0 #4285F4;
4533
}
4534
ideeditorsidebar notebook header {
4536
background: transparent;
4537
}
4538
popover.messagepopover list {
4540
border: 1px solid rgba(0, 0, 0, 0.26);
4541
}
4542
popover.messagepopover list row:not(:last-child) {
4544
border-bottom: 1px solid rgba(0, 0, 0, 0.26);
4545
}
4546
/**********
4548
* Photos *
4549
**********/
4550
GdMainIconView.content-view {
4551
-GdMainIconView-icon-size: 48;
4552
}
4553
.documents-counter {
4555
margin: 8px;
4556
border-radius: 9999px;
4557
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23);
4558
background-color: #01A299;
4559
color: white;
4560
font-weight: bold;
4561
}
4562
.documents-scrolledwin.frame {
4564
border-style: none;
4565
}
4566
.documents-scrolledwin.frame frame.content-view > border {
4568
border-style: none;
4569
}
4570
.photos-fade-in {
4572
opacity: 1;
4573
transition: opacity 100ms cubic-bezier(0, 0, 0.2, 1);
4574
}
4575
.photos-fade-out {
4577
opacity: 0;
4578
transition: opacity 100ms cubic-bezier(0, 0, 0.2, 1);
4579
}
4580
overlay grid.horizontal > revealer > scrolledwindow.frame:dir(ltr) {
4582
border-style: none none none solid;
4583
}
4584
overlay grid.horizontal > revealer > scrolledwindow.frame:dir(rtl) {
4586
border-style: none solid none none;
4587
}
4588
/*********
4590
* Music *
4591
*********/
4592
.side-panel:dir(ltr) {
4593
border-style: solid;
4594
border-color: rgba(0, 0, 0, 0.26);
4595
}
4596
.side-panel:dir(rtl) {
4598
border-style: solid;
4599
border-color: rgba(0, 0, 0, 0.26);
4600
}
4601
.side-panel .view {
4603
background-image: image(#2C2C2C);
4604
}
4605
.side-panel .view:hover {
4607
background-image: image(#373737);
4608
}
4609
.side-panel .view:selected {
4611
background-image: image(#4285F4);
4612
}
4613
.side-panel .view:selected:hover {
4615
background-image: image(#4b8bf5);
4616
}
4617
.songs-list:hover {
4619
background-image: image(alpha(currentColor, 0.08));
4620
}
4621
frame.documents-dropdown {
4623
margin: 8px;
4624
}
4625
frame.documents-dropdown > border {
4627
border: none;
4628
}
4629
box.vertical > revealer > toolbar.search-bar {
4631
border-bottom: 1px solid rgba(0, 0, 0, 0.26);
4632
background-clip: border-box;
4633
}
4634
box.vertical > revealer > toolbar.search-bar button > widget {
4636
-gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
4637
}
4638
/*********
4640
* To Do *
4641
*********/
4642
task-list-view taskrow {
4643
transition: all 100ms cubic-bezier(0, 0, 0.2, 1);
4644
margin: 0 -8px;
4645
}
4646
task-list-view taskrow:hover {
4648
transition: none;
4649
}
4650
task-list-view taskrow label {
4652
margin: 0 8px;
4653
}
4654
task-list-view taskrow image.dim-label, task-list-view taskrow .titlebar:not(headerbar) image.subtitle, .titlebar:not(headerbar) task-list-view taskrow image.subtitle,
4656
task-list-view taskrow headerbar image.subtitle, headerbar task-list-view taskrow image.subtitle, task-list-view taskrow .budgie-notification image.notification-body, .budgie-notification task-list-view taskrow image.notification-body, task-list-view taskrow .budgie-switcher image.notification-body, .budgie-switcher task-list-view taskrow image.notification-body {
4657
min-width: 16px;
4658
}
4659
task-list-view > box > revealer > box > button {
4661
margin: -4px;
4662
}
4663
task-list-view > box > revealer > box > button .dim-label, task-list-view > box > revealer > box > button label.separator, task-list-view > box > revealer > box > button .titlebar:not(headerbar) .subtitle, .titlebar:not(headerbar) task-list-view > box > revealer > box > button .subtitle,
4665
task-list-view > box > revealer > box > button headerbar .subtitle, headerbar task-list-view > box > revealer > box > button .subtitle, task-list-view > box > revealer > box > button .budgie-notification .notification-body, .budgie-notification task-list-view > box > revealer > box > button .notification-body, task-list-view > box > revealer > box > button .budgie-switcher .notification-body, .budgie-switcher task-list-view > box > revealer > box > button .notification-body {
4666
opacity: 1;
4667
}
4668
tasklistview taskrow {
4670
outline: none;
4671
}
4672
tasklistview taskrow entry, tasklistview taskrow entry:focus, tasklistview taskrow entry:disabled {
4674
box-shadow: none;
4675
}
4676
tasklistview taskrow image.dim-label, tasklistview taskrow .titlebar:not(headerbar) image.subtitle, .titlebar:not(headerbar) tasklistview taskrow image.subtitle,
4678
tasklistview taskrow headerbar image.subtitle, headerbar tasklistview taskrow image.subtitle, tasklistview taskrow .budgie-notification image.notification-body, .budgie-notification tasklistview taskrow image.notification-body, tasklistview taskrow .budgie-switcher image.notification-body, .budgie-switcher tasklistview taskrow image.notification-body {
4679
min-width: 16px;
4680
}
4681
tasklistview > box > revealer > box > button {
4683
margin: -4px;
4684
}
4685
tasklistview > box > revealer > box > button .dim-label, tasklistview > box > revealer > box > button label.separator, tasklistview > box > revealer > box > button .titlebar:not(headerbar) .subtitle, .titlebar:not(headerbar) tasklistview > box > revealer > box > button .subtitle,
4687
tasklistview > box > revealer > box > button headerbar .subtitle, headerbar tasklistview > box > revealer > box > button .subtitle, tasklistview > box > revealer > box > button .budgie-notification .notification-body, .budgie-notification tasklistview > box > revealer > box > button .notification-body, tasklistview > box > revealer > box > button .budgie-switcher .notification-body, .budgie-switcher tasklistview > box > revealer > box > button .notification-body {
4688
opacity: 1;
4689
}
4690
/*******
4692
* eog *
4693
*******/
4694
#eog-thumb-nav scrolledwindow {
4695
border-top: none;
4696
}
4697
#eog-thumb-nav button {
4699
-gtk-outline-radius: 4px;
4700
}
4701
/*************
4703
* Evolution *
4704
*************/
4705
frame.taskbar > border {
4706
border-style: solid none none;
4707
}
4708
box.vertical > paned.horizontal notebook widget .frame {
4710
border-style: none;
4711
}
4712
/********
4714
* gitg *
4715
********/
4716
frame.commit-frame > border {
4717
border-style: solid none none;
4718
}
4719
/**************
4721
* Characters *
4722
**************/
4723
box.dialog-vbox scrolledwindow.related {
4724
border: 1px solid rgba(0, 0, 0, 0.26);
4725
}
4726
list.categories {
4728
background-image: image(#2C2C2C);
4729
}
4730
/*********
4732
* Boxes *
4733
*********/
4734
.transparent-bg + stack overlay > label {
4735
min-height: 24px;
4736
padding: 0 4px;
4737
border-radius: 4px;
4738
background-color: rgba(0, 0, 0, 0.6);
4739
color: white;
4740
}
4741
/**************
4743
* Calculator *
4744
**************/
4745
button.title label {
4746
min-height: 32px;
4747
}
4748
/*********
4750
* Geary *
4751
*********/
4752
.geary-titlebar-left:dir(ltr) {
4753
margin-right: 5px;
4754
padding-right: 0;
4755
}
4756
.geary-titlebar-left:dir(rtl) {
4758
margin-left: 5px;
4759
padding-left: 0;
4760
}
4761
.geary-titlebar-left > separator {
4763
background-color: rgba(0, 0, 0, 0.05);
4764
}
4765
.geary-titlebar-right:dir(ltr) {
4767
margin-left: -5px;
4768
}
4769
.geary-titlebar-right:dir(rtl) {
4771
margin-right: -5px;
4772
}
4773
/*********
4775
* Tilix *
4776
*********/
4777
overlay > revealer.left > scrolledwindow.frame,
4778
overlay > revealer.right > scrolledwindow.frame {
4779
border-style: none;
4780
box-shadow: 0 14px 14px rgba(0, 0, 0, 0.25), 0 10px 5px rgba(0, 0, 0, 0.22);
4781
}
4782
overlay > revealer.left > scrolledwindow.frame {
4784
margin-right: 32px;
4785
}
4786
overlay > revealer.right > scrolledwindow.frame {
4788
margin-left: 32px;
4789
}
4790
.terminix-session-sidebar,
4792
.tilix-session-sidebar {
4793
background-image: image(#424242);
4794
}
4795
.terminal-titlebar button {
4797
border-radius: 0;
4798
}
4799
button.image-button.session-new-button {
4801
min-width: 28px;
4802
}
4803
/**************
4805
* Terminator *
4806
**************/
4807
.terminator-terminal-window paned > separator {
4808
background-color: #282828;
4809
}
4810
.terminator-terminal-window notebook.frame {
4812
border-style: none;
4813
}
4814
/***********
4816
* Eclipse *
4817
***********/
4818
window.background > box.vertical > scrolledwindow > widget toolbar {
4819
padding: 2px;
4820
}
4821
window.background > box.vertical > scrolledwindow > widget toolbar separator,
4823
window.background > box.vertical > scrolledwindow > widget toolbar button {
4824
margin: 2px;
4825
}
4826
window.background > box.vertical > scrolledwindow > widget toolbar button {
4828
border-radius: 4px;
4829
}
4830
/************
4832
* Chromium *
4833
************/
4834
window.background.chromium {
4835
background-color: #424242;
4836
}
4837
window.background.chromium entry,
4839
window.background.chromium > button:not(.suggested-action):not(.destructive-action) {
4840
border: 1px solid rgba(0, 0, 0, 0.26);
4841
}
4842
window.background.chromium > button {
4844
box-shadow: none;
4845
background-size: auto;
4846
}
4847
window.background.chromium > button:hover {
4849
background-image: image(alpha(currentColor, 0.08));
4850
}
4851
window.background.chromium > button:active {
4853
background-image: image(alpha(currentColor, 0.24));
4854
}
4855
window.background.chromium headerbar button:active {
4857
background-size: 1000% 1000%;
4858
}
4859
window.background.chromium spinner {
4861
color: #4285F4;
4862
}
4863
window.background.chromium textview {
4865
background-color: #424242;
4866
}
4867
tooltip.background.chromium {
4869
background-color: #616161;
4870
}
4871
/***********
4873
* Firefox *
4874
***********/
4875
window.background:not(.csd) > widget > separator {
4876
color: rgba(0, 0, 0, 0.26);
4877
}
4878
window.background:not(.csd) > widget > scrollbar {
4880
background-clip: border-box;
4881
}
4882
window.background:not(.csd) > widget > scrollbar,
4884
window.background:not(.csd) > widget > frame > border {
4885
border-color: rgba(0, 0, 0, 0.26);
4886
}
4887
window.background:not(.csd) > widget > entry,
4889
window.background:not(.csd) > widget > button > button {
4890
border: 1px solid rgba(0, 0, 0, 0.26);
4891
border-radius: 5px;
4892
box-shadow: none;
4893
}
4894
window.background:not(.csd) > widget > entry {
4896
min-height: 30px;
4897
}
4898
window.background:not(.csd) > widget > entry:focus {
4900
border-color: #4285F4;
4901
}
4902
window.background:not(.csd) > widget > button > button {
4904
padding: 4px 8px;
4905
background-size: auto;
4906
}
4907
window.background:not(.csd) > widget > button > button:hover {
4909
background-image: image(alpha(currentColor, 0.08));
4910
}
4911
window.background:not(.csd) > widget > button > button:active {
4913
background-image: image(alpha(currentColor, 0.24));
4914
}
4915
window.background:not(.csd) > widget > checkbutton > check:not(:checked),
4917
window.background:not(.csd) > widget > radiobutton > radio:not(:checked) {
4918
color: #757575;
4919
}
4920
window.background:not(.csd) > widget > checkbutton > check:not(:checked):hover, window.background:not(.csd) > widget > checkbutton > check:not(:checked):active,
4922
window.background:not(.csd) > widget > radiobutton > radio:not(:checked):hover,
4923
window.background:not(.csd) > widget > radiobutton > radio:not(:checked):active {
4924
color: #212121;
4925
}
4926
window.background:not(.csd) > widget > checkbutton > check:not(:checked):disabled,
4928
window.background:not(.csd) > widget > radiobutton > radio:not(:checked):disabled {
4929
color: rgba(117, 117, 117, 0.5);
4930
}
4931
window.background:not(.csd) > window > menu,
4933
window.background:not(.csd) > menu > menu {
4934
border: none;
4935
}
4936
window.background:not(.csd) > widget > menubar {
4938
color: rgba(255, 255, 255, 0.7);
4939
}
4940
window.background:not(.csd) > widget > menubar:hover {
4942
color: white;
4943
}
4944
window.background:not(.csd) > widget > menubar:disabled {
4946
color: rgba(255, 255, 255, 0.3);
4947
}
4948
window.background:not(.csd) > widget > frame {
4950
color: rgba(0, 0, 0, 0.26);
4951
}
4952
window.background:not(.csd) > widget > checkbutton > check,
4954
window.background:not(.csd) > widget > radiobutton > radio {
4955
margin: 0;
4956
padding: 0;
4957
}
4958
window.background:not(.csd) > window.background > menu > separator {
4960
color: rgba(0, 0, 0, 0.26);
4961
}
4962
/************
4964
* Inkscape *
4965
************/
4966
#ToolboxCommon > #AuxToolbox #StyleSwatch {
4967
font-size: smaller;
4968
}
4969
#ToolboxCommon > #AuxToolbox #Kludge {
4971
padding: 0;
4972
}
4973
#ToolboxCommon > #AuxToolbox spinbutton,
4975
#ToolboxCommon > #AuxToolbox entry {
4976
min-height: 32px;
4977
}
4978
#ToolboxCommon > #AuxToolbox button:not(.up):not(.down) {
4980
min-height: 24px;
4981
min-width: 16px;
4982
padding: 4px 8px;
4983
border-radius: 4px;
4984
-gtk-outline-radius: 4px;
4985
}
4986
#ToolboxCommon > #AuxToolbox spinbutton button {
4988
border-width: 4px;
4989
}
4990
#ToolboxCommon > toolbar.vertical {
4992
margin-top: -4px;
4993
}
4994
#ToolboxCommon > toolbar.vertical button {
4996
min-height: 24px;
4997
min-width: 24px;
4998
padding: 4px;
4999
border-radius: 4px;
5000
-gtk-outline-radius: 4px;
5001
}
5002
#CanvasTable button {
5004
min-height: 16px;
5005
min-width: 16px;
5006
padding: 0;
5007
}
5008
#CanvasTable #HorizontalScrollbar {
5010
border-top: 1px solid rgba(0, 0, 0, 0.26);
5011
}
5012
#CanvasTable #VerticalScrollbar:dir(ltr) {
5014
border-left: 1px solid rgba(0, 0, 0, 0.26);
5015
}
5016
#CanvasTable #VerticalScrollbar:dir(rtl) {
5018
border-right: 1px solid rgba(0, 0, 0, 0.26);
5019
}
5020
#Canvas_and_Dock frame > border {
5022
border: none;
5023
}
5024
#Canvas_and_Dock widget > widget > button.flat {
5026
min-height: 16px;
5027
min-width: 16px;
5028
padding: 4px;
5029
}
5030
#Canvas_and_Dock widget > widget > box.horizontal image {
5032
padding: 4px;
5033
}
5034
#Canvas_and_Dock box.horizontal > box.vertical > button.flat {
5036
min-height: 16px;
5037
min-width: 24px;
5038
padding: 8px 4px;
5039
}
5040
/***********
5042
* Synapse *
5043
***********/
5044
box.vertical > widget > widget:selected {
5045
background-color: #4285F4;
5046
}
5047
/*********
5049
* Unity *
5050
*********/
5051
UnityDecoration {
5052
-UnityDecoration-extents: 28px 0 0 0;
5053
-UnityDecoration-input-extents: 8px;
5054
-UnityDecoration-shadow-offset-x: 0;
5055
-UnityDecoration-shadow-offset-y: 3px;
5056
-UnityDecoration-active-shadow-color: rgba(0, 0, 0, 0.48);
5057
-UnityDecoration-active-shadow-radius: 18px;
5058
-UnityDecoration-inactive-shadow-color: rgba(0, 0, 0, 0.32);
5059
-UnityDecoration-inactive-shadow-radius: 6px;
5060
-UnityDecoration-glow-size: 8px;
5061
-UnityDecoration-glow-color: #4285F4;
5062
-UnityDecoration-title-indent: 4px;
5063
-UnityDecoration-title-fade: 32px;
5064
-UnityDecoration-title-alignment: 0.0;
5065
}
5066
UnityDecoration .top {
5068
padding: 0 2px;
5069
border-style: none;
5070
border-radius: 4px 4px 0 0;
5071
box-shadow: inset 0 1px rgba(255, 255, 255, 0.1);
5072
background-color: #383838;
5073
color: white;
5074
}
5075
UnityDecoration .top:backdrop {
5077
color: rgba(255, 255, 255, 0.7);
5078
}
5079
UnityDecoration .menuitem {
5081
color: rgba(255, 255, 255, 0.7);
5082
}
5083
UnityDecoration .menuitem:hover {
5085
box-shadow: inset 0 -2px currentColor;
5086
background-color: transparent;
5087
color: white;
5088
}
5089
.background:not(.csd) headerbar:not(.titlebar) {
5091
border-radius: 0;
5092
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
5093
}
5094
.background:not(.csd) headerbar:not(.titlebar).inline-toolbar {
5096
border-style: none;
5097
}
5098
UnityPanelWidget,
5100
.unity-panel {
5101
background-color: #212121;
5102
color: white;
5103
}
5104
UnityPanelWidget:backdrop,
5106
.unity-panel:backdrop {
5107
color: rgba(255, 255, 255, 0.7);
5108
}
5109
.unity-panel.menuitem,
5111
.unity-panel .menuitem {
5112
color: rgba(255, 255, 255, 0.7);
5113
}
5114
.unity-panel.menubar.menuitem:hover,
5116
.unity-panel.menubar .menuitem *:hover {
5117
box-shadow: inset 0 -2px currentColor;
5118
background-color: transparent;
5119
color: white;
5120
}
5121
.menu IdoPlaybackMenuItem.menuitem:active {
5123
-gtk-icon-source: -gtk-icontheme("process-working-symbolic");
5124
animation: spin 1s linear infinite;
5125
color: #4285F4;
5126
}
5127
/**************
5129
* Mate-Panel *
5130
**************/
5131
.mate-panel-menu-bar menubar,
5132
#PanelApplet-window-menu-applet-button {
5133
background-color: transparent;
5134
}
5135
.mate-panel-menu-bar {
5137
background-color: #212121;
5138
font-weight: 500;
5139
}
5140
.mate-panel-menu-bar:not(.popup) {
5142
color: rgba(255, 255, 255, 0.7);
5143
}
5144
.mate-panel-menu-bar button {
5146
min-height: 16px;
5147
min-width: 16px;
5148
padding: 0;
5149
border-radius: 0;
5150
}
5151
.mate-panel-menu-bar button:checked {
5153
background-color: rgba(255, 255, 255, 0.12);
5154
}
5155
PanelToplevel.horizontal > grid > button {
5157
min-width: 24px;
5158
}
5159
PanelToplevel.vertical > grid > button {
5161
min-height: 24px;
5162
}
5163
PanelSeparator {
5165
color: rgba(255, 255, 255, 0.12);
5166
}
5167
MatePanelAppletFrameDBus {
5169
border-style: solid;
5170
border-color: rgba(255, 255, 255, 0.12);
5171
}
5172
.mate-panel-menu-bar.horizontal MatePanelAppletFrameDBus {
5174
border-width: 0 1px;
5175
}
5176
.mate-panel-menu-bar.vertical MatePanelAppletFrameDBus {
5178
border-width: 1px 0;
5179
}
5180
.mate-panel-menu-bar menubar > menuitem {
5182
color: rgba(255, 255, 255, 0.7);
5183
}
5184
.mate-panel-menu-bar menubar > menuitem:hover {
5186
background-color: rgba(255, 255, 255, 0.12);
5187
color: white;
5188
}
5189
.mate-panel-menu-bar menubar > menuitem:disabled {
5191
color: rgba(255, 255, 255, 0.3);
5192
}
5193
.mate-panel-menu-bar.horizontal menubar > menuitem {
5195
padding: 0 8px;
5196
}
5197
.mate-panel-menu-bar.vertical menubar > menuitem {
5199
padding: 8px 0;
5200
}
5201
.mate-panel-menu-bar menubar menu > menuitem {
5203
min-height: 28px;
5204
padding: 0 6px;
5205
}
5206
.mate-panel-menu-bar #PanelApplet button {
5208
-GtkWidget-window-dragging: true;
5209
}
5210
.mate-panel-menu-bar #tasklist-button {
5212
border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), currentColor 0%, transparent 0%) 0 0 0/0 0 0px;
5213
}
5214
.mate-panel-menu-bar #tasklist-button:checked {
5216
border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), currentColor 100%, transparent 0%) 0 0 2/0 0 2px;
5217
}
5218
.mate-panel-menu-bar #tasklist-button image:dir(ltr), .mate-panel-menu-bar #tasklist-button label:dir(rtl) {
5220
padding-left: 4px;
5221
}
5222
.mate-panel-menu-bar #tasklist-button label:dir(ltr), .mate-panel-menu-bar #tasklist-button image:dir(rtl) {
5224
padding-right: 4px;
5225
}
5226
.mate-panel-menu-bar.vertical #tasklist-button {
5228
min-height: 32px;
5229
}
5230
.mate-panel-menu-bar.horizontal #showdesktop-button image {
5232
min-width: 24px;
5233
padding: 0 4px;
5234
}
5235
.mate-panel-menu-bar.vertical #showdesktop-button image {
5237
min-height: 24px;
5238
padding: 4px 0;
5239
}
5240
PanelApplet.wnck-applet .wnck-pager {
5242
background-color: transparent;
5243
color: #7BAAF7;
5244
}
5245
PanelApplet.wnck-applet .wnck-pager:hover {
5247
background-color: rgba(255, 255, 255, 0.12);
5248
}
5249
PanelApplet.wnck-applet .wnck-pager:active {
5251
background-color: rgba(255, 255, 255, 0.3);
5252
}
5253
PanelApplet.wnck-applet .wnck-pager:selected {
5255
background-color: #4285F4;
5256
}
5257
.mate-panel-menu-bar.horizontal #clock-applet-button label {
5259
padding: 0 8px;
5260
}
5261
.mate-panel-menu-bar.vertical #clock-applet-button label {
5263
padding: 8px 0;
5264
}
5265
#MatePanelPopupWindow {
5267
border: 1px solid rgba(0, 0, 0, 0.26);
5268
border-radius: 5px;
5269
box-shadow: inset 0 1px rgba(255, 255, 255, 0.1);
5270
}
5271
#MatePanelPopupWindow frame > border {
5273
border-style: none;
5274
}
5275
#MatePanelPopupWindow button {
5277
padding: 4px 16px;
5278
}
5279
#MatePanelPopupWindow > frame > box > box > box > widget {
5281
color: rgba(0, 0, 0, 0.26);
5282
}
5283
na-tray-applet {
5285
-NaTrayApplet-icon-padding: 3px;
5286
-NaTrayApplet-icon-size: 16;
5287
}
5288
.mate-panel-menu-bar {
5290
-PanelMenuBar-icon-visible: true;
5291
}
5292
.mate-panel-applet-slider {
5294
border: 1px solid rgba(0, 0, 0, 0.26);
5295
border-radius: 5px;
5296
box-shadow: inset 0 1px rgba(255, 255, 255, 0.1);
5297
background-color: #282828;
5298
}
5299
.mate-panel-applet-slider frame > border {
5301
border-style: none;
5302
}
5303
#PanelApplet:not(:selected) > box {
5305
transition: all 100ms cubic-bezier(0, 0, 0.2, 1);
5306
}
5307
#PanelApplet:selected > box {
5309
background-color: rgba(255, 255, 255, 0.12);
5310
color: white;
5311
}
5312
#mate-menu {
5314
border: 1px solid rgba(0, 0, 0, 0.26);
5315
}
5316
#mate-menu button {
5318
min-height: 24px;
5319
min-width: 24px;
5320
padding: 4px 0;
5321
color: white;
5322
font-weight: normal;
5323
}
5324
#mate-menu button label:not(:first-child) {
5326
color: rgba(255, 255, 255, 0.7);
5327
}
5328
#mate-menu entry {
5330
margin: 0 0 8px;
5331
}
5332
#mate-menu entry image {
5334
margin: 0;
5335
}
5336
#mate-menu entry + button {
5338
margin: 0 4px 8px;
5339
padding: 4px;
5340
}
5341
/*********************
5343
* CAJA File manager *
5344
*********************/
5345
.caja-navigation-window button.toggle.image-button {
5346
border-radius: 4px;
5347
}
5348
.caja-pathbar button {
5350
margin: 0 -1px 0 -2px;
5351
}
5352
.caja-pathbar button > widget {
5354
-gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
5355
-GtkArrow-arrow-scaling: 1;
5356
}
5357
.caja-side-pane notebook viewport.frame,
5359
.caja-side-pane notebook widget .vertical {
5360
background-color: #303030;
5361
}
5362
.caja-side-pane notebook,
5364
.caja-notebook {
5365
border-top: 1px solid rgba(0, 0, 0, 0.26);
5366
}
5367
.caja-side-pane notebook .frame,
5369
.caja-notebook .frame {
5370
border-style: none;
5371
}
5372
.caja-navigation-window statusbar {
5374
margin: 0 -10px;
5375
padding: 0 4px;
5376
border-top: 1px solid rgba(0, 0, 0, 0.26);
5377
}
5378
.caja-notebook frame > border {
5380
border-style: none;
5381
}
5382
#caja-extra-view-widget {
5384
border-bottom: 1px solid rgba(0, 0, 0, 0.26);
5385
background-color: #282828;
5386
}
5387
#caja-extra-view-widget > box > box > label {
5389
font-weight: bold;
5390
}
5391
/*********
5393
* Pluma *
5394
*********/
5395
.pluma-window statusbar {
5396
margin: 0 -10px;
5397
padding: 0 4px;
5398
border-top: 1px solid rgba(0, 0, 0, 0.26);
5399
}
5400
.pluma-window statusbar frame > border {
5402
border-style: none;
5403
}
5404
.pluma-window statusbar frame button.flat {
5406
padding: 0 4px;
5407
border-radius: 0;
5408
}
5409
.pluma-window statusbar frame button.flat widget {
5411
-gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
5412
-GtkArrow-arrow-scaling: 1;
5413
}
5414
.pluma-print-preview toolbar {
5416
border-bottom: 1px solid rgba(0, 0, 0, 0.26);
5417
}
5418
.pluma-window paned.horizontal box.vertical box.horizontal button.flat {
5420
margin: 1px;
5421
}
5422
.pluma-window paned.horizontal box.vertical .frame {
5424
border-style: none;
5425
}
5426
.pluma-window paned.horizontal box.vertical notebook.frame {
5428
margin-top: -1px;
5429
border-top: 1px solid rgba(0, 0, 0, 0.26);
5430
}
5431
.pluma-window paned.horizontal box.vertical notebook.frame box.vertical toolbar.horizontal {
5433
border-bottom: 1px solid rgba(0, 0, 0, 0.26);
5434
}
5435
/*********
5437
* Atril *
5438
*********/
5439
.atril-window paned.horizontal box.vertical .frame {
5440
border-style: none;
5441
}
5442
.atril-window paned.horizontal box.vertical notebook .frame {
5444
border-top: 1px solid rgba(0, 0, 0, 0.26);
5445
}
5446
/* mate-screensaver lock dialog */
5448
.lock-dialog {
5449
border-radius: 4px;
5450
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);
5451
}
5452
.lock-dialog frame > border {
5454
border-style: none;
5455
}
5456
/* multimedia OSD */
5458
MsdOsdWindow.background.osd {
5459
border-radius: 4px;
5460
background-color: rgba(97, 97, 97, 0.9);
5461
color: white;
5462
}
5463
MsdOsdWindow.background.osd .trough {
5465
border-radius: 0;
5466
background-color: rgba(255, 255, 255, 0.12);
5467
}
5468
MsdOsdWindow.background.osd .progressbar {
5470
border-radius: 0;
5471
background-color: #4285F4;
5472
}
5473
/******************
5475
* Budgie Desktop *
5476
******************/
5477
.budgie-container {
5478
background-color: transparent;
5479
}
5480
.budgie-settings-window buttonbox.inline-toolbar {
5482
border-style: none none solid;
5483
}
5484
.budgie-settings-window buttonbox.inline-toolbar button {
5486
border-radius: 4px;
5487
-gtk-outline-radius: 4px;
5488
}
5489
.budgie-popover {
5491
border-style: solid;
5492
border-width: 1px;
5493
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.2) rgba(0, 0, 0, 0.3);
5494
border-radius: 5px;
5495
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23);
5496
background-color: #424242;
5497
}
5498
.budgie-popover .container {
5500
padding: 2px;
5501
}
5502
.budgie-popover border {
5504
border: none;
5505
}
5506
.budgie-popover list {
5508
background-color: transparent;
5509
}
5510
.budgie-popover row {
5512
padding: 0;
5513
}
5514
.budgie-popover row:hover {
5516
box-shadow: none;
5517
}
5518
.budgie-popover:not(.budgie-menu) button.flat:not(.image-button) {
5520
min-height: 28px;
5521
padding: 0 8px;
5522
color: white;
5523
font-weight: normal;
5524
}
5525
.budgie-popover:not(.budgie-menu) button.flat:not(.image-button):disabled {
5527
color: rgba(255, 255, 255, 0.5);
5528
}
5529
.budgie-popover.budgie-menu .container {
5531
padding: 0;
5532
}
5533
.budgie-popover.user-menu .container {
5535
padding: 8px;
5536
}
5537
.budgie-popover.user-menu separator {
5539
margin: 4px 0;
5540
}
5541
.budgie-popover.sound-popover separator {
5543
margin: 3px 0;
5544
}
5545
.budgie-popover.night-light-indicator .container {
5547
padding: 8px;
5548
}
5549
.budgie-popover.places-menu .container {
5551
padding: 8px;
5552
}
5553
.budgie-popover.places-menu .places-list:not(.always-expand) {
5555
margin-top: 4px;
5556
padding-top: 4px;
5557
border-top: 1px solid rgba(0, 0, 0, 0.26);
5558
}
5559
.budgie-popover.places-menu .alternative-label {
5561
padding: 3px;
5562
font-size: 15px;
5563
}
5564
.budgie-popover.workspace-popover .container {
5566
padding: 2px 8px 8px;
5567
}
5568
.budgie-popover.workspace-popover separator {
5570
margin: 4px 0;
5571
}
5572
.budgie-popover.workspace-popover flowboxchild {
5574
padding: 0;
5575
}
5576
.workspace-switcher .workspace-layout {
5578
border: 0 solid rgba(255, 255, 255, 0.12);
5579
}
5580
.top .workspace-switcher .workspace-layout:dir(ltr),
5582
.bottom .workspace-switcher .workspace-layout:dir(ltr) {
5583
border-left-width: 1px;
5584
}
5585
.top .workspace-switcher .workspace-layout:dir(rtl),
5587
.bottom .workspace-switcher .workspace-layout:dir(rtl) {
5588
border-right-width: 1px;
5589
}
5590
.left .workspace-switcher .workspace-layout,
5592
.right .workspace-switcher .workspace-layout {
5593
border-top-width: 1px;
5594
}
5595
.workspace-switcher .workspace-item,
5597
.workspace-switcher .workspace-add-button {
5598
border: 0 solid rgba(255, 255, 255, 0.12);
5599
}
5600
.top .workspace-switcher .workspace-item:dir(ltr),
5602
.bottom .workspace-switcher .workspace-item:dir(ltr), .top
5603
.workspace-switcher .workspace-add-button:dir(ltr),
5604
.bottom
5605
.workspace-switcher .workspace-add-button:dir(ltr) {
5606
border-right-width: 1px;
5607
}
5608
.top .workspace-switcher .workspace-item:dir(rtl),
5610
.bottom .workspace-switcher .workspace-item:dir(rtl), .top
5611
.workspace-switcher .workspace-add-button:dir(rtl),
5612
.bottom
5613
.workspace-switcher .workspace-add-button:dir(rtl) {
5614
border-left-width: 1px;
5615
}
5616
.left .workspace-switcher .workspace-item,
5618
.right .workspace-switcher .workspace-item, .left
5619
.workspace-switcher .workspace-add-button,
5620
.right
5621
.workspace-switcher .workspace-add-button {
5622
border-bottom-width: 1px;
5623
}
5624
.workspace-switcher .workspace-item {
5626
transition: all 100ms cubic-bezier(0, 0, 0.2, 1);
5627
}
5628
.workspace-switcher .workspace-item.current-workspace {
5630
background-color: rgba(255, 255, 255, 0.12);
5631
}
5632
.workspace-switcher .workspace-add-button:hover {
5634
box-shadow: none;
5635
}
5636
.workspace-switcher .workspace-add-button:active {
5638
background-image: none;
5639
}
5640
.workspace-switcher .workspace-add-button:active image {
5642
margin: 1px 0 -1px;
5643
}
5644
.budgie-panel .workspace-switcher .workspace-icon-button {
5646
min-height: 24px;
5647
min-width: 24px;
5648
padding: 0;
5649
border-radius: 4px;
5650
}
5651
.budgie-menu.background {
5653
padding: 0;
5654
}
5655
.budgie-menu .sidebar,
5657
.budgie-menu scrollbar,
5658
.budgie-menu entry.search {
5659
background-color: transparent;
5660
}
5661
.budgie-menu entry.search {
5663
border-bottom: 1px solid rgba(0, 0, 0, 0.26);
5664
border-radius: 0;
5665
box-shadow: none;
5666
font-size: 120%;
5667
}
5668
.budgie-menu button {
5670
min-height: 32px;
5671
padding: 0 8px;
5672
border-radius: 0;
5673
color: white;
5674
font-weight: normal;
5675
}
5676
.budgie-menu button:disabled {
5678
color: rgba(255, 255, 255, 0.5);
5679
}
5680
.budgie-menu button:checked:disabled {
5682
background-color: #4285F4;
5683
}
5684
.budgie-menu row {
5686
padding: 0;
5687
}
5688
.budgie-menu row:hover {
5690
box-shadow: none;
5691
}
5692
popover.background.user-menu {
5694
padding: 8px;
5695
}
5696
popover.background.user-menu .content-box {
5698
background-color: transparent;
5699
}
5700
popover.background.user-menu separator {
5702
margin: 4px 0;
5703
}
5704
popover.background.user-menu row {
5706
padding: 0;
5707
box-shadow: none;
5708
background-image: none;
5709
}
5710
popover.background.places-menu {
5712
padding: 8px;
5713
}
5714
popover.background.places-menu .name-button.text-button {
5716
padding-left: 8px;
5717
padding-right: 8px;
5718
}
5719
popover.background.places-menu .name-button.text-button image:dir(ltr) {
5721
margin-right: 3px;
5722
}
5723
popover.background.places-menu .name-button.text-button image:dir(rtl) {
5725
margin-left: 3px;
5726
}
5727
popover.background.places-menu .places-section-header > image:dir(ltr) {
5729
margin: 0 -2px 0 5px;
5730
}
5731
popover.background.places-menu .places-section-header > image:dir(rtl) {
5733
margin: 0 5px 0 -2px;
5734
}
5735
popover.background.places-menu .places-list {
5737
margin-top: 4px;
5738
padding-top: 4px;
5739
border-top: 1px solid rgba(0, 0, 0, 0.26);
5740
background-color: transparent;
5741
}
5742
popover.background.places-menu row {
5744
padding: 0;
5745
box-shadow: none;
5746
background-image: none;
5747
}
5748
.budgie-panel {
5750
transition: background-color 100ms cubic-bezier(0, 0, 0.2, 1);
5751
background-color: #212121;
5752
color: rgba(255, 255, 255, 0.7);
5753
font-weight: 500;
5754
}
5755
.budgie-panel.transparent {
5757
background-color: rgba(0, 0, 0, 0.6);
5758
}
5759
.budgie-panel button {
5761
min-height: 16px;
5762
min-width: 16px;
5763
padding: 0;
5764
border-radius: 0;
5765
}
5766
.budgie-panel button:checked {
5768
background-color: rgba(255, 255, 255, 0.12);
5769
}
5770
.budgie-panel.horizontal button {
5772
padding: 0 4px;
5773
}
5774
.budgie-panel.vertical button {
5776
padding: 4px 0;
5777
}
5778
.budgie-panel separator {
5780
background-color: rgba(255, 255, 255, 0.3);
5781
}
5782
.budgie-panel .alert {
5784
color: #EA4335;
5785
}
5786
.budgie-panel .titlebar:not(headerbar) {
5788
min-height: 0;
5789
padding: 0;
5790
box-shadow: none;
5791
background-color: transparent;
5792
color: white;
5793
}
5794
.budgie-panel .titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action) {
5796
color: rgba(255, 255, 255, 0.7);
5797
}
5798
.budgie-panel .titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):hover, .budgie-panel .titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):active {
5800
color: white;
5801
}
5802
.budgie-panel #tasklist-button {
5804
padding: 0 4px;
5805
}
5806
.budgie-panel.vertical #tasklist-button {
5808
min-height: 32px;
5809
}
5810
.budgie-panel button.flat.launcher {
5812
padding: 0;
5813
}
5814
.budgie-panel button.flat.launcher:not(:checked) {
5816
color: rgba(255, 255, 255, 0.5);
5817
}
5818
.budgie-panel button.flat.launcher:not(:checked):hover, .budgie-panel button.flat.launcher:not(:checked):active {
5820
color: rgba(255, 255, 255, 0.7);
5821
}
5822
.budgie-panel button.flat.launcher:not(:checked):disabled {
5824
color: rgba(255, 255, 255, 0.3);
5825
}
5826
.top .budgie-panel #tasklist-button, .budgie-panel .top #tasklist-button, .top .budgie-panel button.flat.launcher, .budgie-panel .top button.flat.launcher {
5828
border-image: radial-gradient(circle closest-corner at center calc(1px), currentColor 0%, transparent 0%) 0 0 0 0/0 0 0 0;
5829
}
5830
.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,
5832
.top .budgie-panel .pinned button.flat.launcher.running, .budgie-panel .pinned .top button.flat.launcher.running {
5833
border-image: radial-gradient(circle closest-corner at center calc(1px), currentColor 100%, transparent 0%) 2 0 0 0/2px 0 0 0;
5834
}
5835
.bottom .budgie-panel #tasklist-button, .budgie-panel .bottom #tasklist-button, .bottom .budgie-panel button.flat.launcher, .budgie-panel .bottom button.flat.launcher {
5837
border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), currentColor 0%, transparent 0%) 0 0 0 0/0 0 0 0;
5838
}
5839
.bottom .budgie-panel #tasklist-button:checked, .budgie-panel .bottom #tasklist-button:checked, .bottom .budgie-panel button.flat.launcher:checked, .budgie-panel .bottom button.flat.launcher:checked, .bottom .budgie-panel .unpinned button.flat.launcher, .budgie-panel .unpinned .bottom button.flat.launcher,
5841
.bottom .budgie-panel .pinned button.flat.launcher.running, .budgie-panel .pinned .bottom button.flat.launcher.running {
5842
border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), currentColor 100%, transparent 0%) 0 0 2 0/0 0 2px 0;
5843
}
5844
.left .budgie-panel #tasklist-button, .budgie-panel .left #tasklist-button, .left .budgie-panel button.flat.launcher, .budgie-panel .left button.flat.launcher {
5846
border-image: radial-gradient(circle closest-corner at calc(1px) center, currentColor 0%, transparent 0%) 0 0 0 0/0 0 0 0;
5847
}
5848
.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,
5850
.left .budgie-panel .pinned button.flat.launcher.running, .budgie-panel .pinned .left button.flat.launcher.running {
5851
border-image: radial-gradient(circle closest-corner at calc(1px) center, currentColor 100%, transparent 0%) 0 0 0 2/0 0 0 2px;
5852
}
5853
.right .budgie-panel #tasklist-button, .budgie-panel .right #tasklist-button, .right .budgie-panel button.flat.launcher, .budgie-panel .right button.flat.launcher {
5855
border-image: radial-gradient(circle closest-corner at calc(100% - 1px) center, currentColor 0%, transparent 0%) 0 0 0 0/0 0 0 0;
5856
}
5857
.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,
5859
.right .budgie-panel .pinned button.flat.launcher.running, .budgie-panel .pinned .right button.flat.launcher.running {
5860
border-image: radial-gradient(circle closest-corner at calc(100% - 1px) center, currentColor 100%, transparent 0%) 0 2 0 0/0 2px 0 0;
5861
}
5862
frame.raven-frame > border {
5864
border-style: none;
5865
box-shadow: 0 14px 14px rgba(0, 0, 0, 0.25), 0 10px 5px rgba(0, 0, 0, 0.22);
5866
}
5867
.top frame.raven-frame > border {
5869
margin-bottom: 32px;
5870
}
5871
.bottom frame.raven-frame > border {
5873
margin-top: 32px;
5874
}
5875
.left frame.raven-frame > border {
5877
margin-right: 32px;
5878
}
5879
.right frame.raven-frame > border {
5881
margin-left: 32px;
5882
}
5883
.raven {
5885
background-color: #424242;
5886
}
5887
.raven > box {
5889
margin-bottom: -10px;
5890
}
5891
.raven > stack {
5893
margin-bottom: -10px;
5894
}
5895
.raven stackswitcher.linked > button {
5897
border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #FBBC05 0%, transparent 0%) 0 0 0/0 0 0px;
5898
border-radius: 0;
5899
}
5900
.raven stackswitcher.linked > button:checked {
5902
border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #FBBC05 100%, transparent 0%) 0 0 2/0 0 2px;
5903
background-color: transparent;
5904
}
5905
.raven .raven-header {
5907
min-height: 32px;
5908
padding: 3px;
5909
}
5910
.raven .raven-header:not(.top) {
5912
margin-top: -6px;
5913
}
5914
.raven .raven-header.top {
5916
padding: 2px 0;
5917
background-color: #4285F4;
5918
color: white;
5919
}
5920
.raven .raven-header.top stackswitcher button {
5922
margin: -4px 0;
5923
min-height: 32px;
5924
}
5925
.raven .raven-header.top button.image-button:dir(ltr) {
5927
margin-right: 2px;
5928
}
5929
.raven .raven-header.top button.image-button:dir(rtl) {
5931
margin-left: 2px;
5932
}
5933
.raven .raven-header.top > image {
5935
margin: 0 8px;
5936
}
5937
.raven .raven-header.top > label {
5939
margin: 0 -8px;
5940
font-weight: bold;
5941
}
5942
.raven .raven-header.bottom {
5944
border-top: 1px solid rgba(0, 0, 0, 0.26);
5945
}
5946
.raven viewport.frame .raven-header {
5948
margin-top: -8px;
5949
}
5950
.raven .raven-background {
5952
border-style: solid none;
5953
border-width: 1px;
5954
border-color: rgba(0, 0, 0, 0.26);
5955
background-color: #303030;
5956
}
5957
.raven .raven-background.frame {
5959
border-style: solid none;
5960
}
5961
.raven .raven-background > overlay > widget > image {
5963
color: rgba(255, 255, 255, 0.12);
5964
}
5965
.raven .raven-background grid > label:first-child {
5967
min-height: 32px;
5968
}
5969
.raven scrolledwindow.raven-background {
5971
border-bottom-style: none;
5972
}
5973
.raven .raven-header.top + .raven-background {
5975
border-style: none;
5976
background-color: #4285F4;
5977
color: white;
5978
}
5979
.raven .raven-header.top + .raven-background stackswitcher button {
5981
margin: -4px 0;
5982
}
5983
.raven .powerstrip button {
5985
margin: 2px 0 1px;
5986
padding: 8px;
5987
}
5988
.raven .option-subtitle {
5990
font-size: smaller;
5991
}
5992
calendar.raven-calendar {
5994
border-style: none;
5995
background-color: transparent;
5996
}
5997
calendar.raven-calendar:selected {
5999
border-radius: 4px;
6000
background-color: #4285F4;
6001
}
6002
.raven-mpris {
6004
background-color: rgba(0, 0, 0, 0.6);
6005
color: white;
6006
}
6007
.raven-mpris label {
6009
min-height: 24px;
6010
}
6011
.raven-mpris button.image-button {
6013
padding: 8px;
6014
}
6015
.budgie-notification-window, .budgie-osd-window, .budgie-switcher-window {
6017
background-color: transparent;
6018
}
6019
.budgie-notification .notification-title, .budgie-switcher .notification-title {
6021
font-size: 120%;
6022
}
6023
.budgie-osd .budgie-osd-text {
6025
font-size: 120%;
6026
}
6027
.drop-shadow {
6029
margin: 5px 9px;
6030
padding: 3px;
6031
border-radius: 4px;
6032
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);
6033
background-color: #424242;
6034
}
6035
.drop-shadow .linked > button {
6037
border-radius: 4px;
6038
}
6039
.budgie-session-dialog, .budgie-polkit-dialog, .budgie-run-dialog {
6041
border-radius: 4px;
6042
background-color: #424242;
6043
}
6044
.budgie-session-dialog decoration, .budgie-polkit-dialog decoration, .budgie-run-dialog decoration {
6046
border-radius: 4px;
6047
}
6048
.budgie-session-dialog label:not(:last-child),
6050
.budgie-session-dialog .dialog-title {
6051
font-size: 120%;
6052
}
6053
.budgie-session-dialog .linked.horizontal > button {
6055
padding: 8px 16px;
6056
border-top: 1px solid rgba(0, 0, 0, 0.26);
6057
border-radius: 0;
6058
}
6059
.budgie-session-dialog .linked.horizontal > button:first-child {
6061
border-bottom-left-radius: 4px;
6062
}
6063
.budgie-session-dialog .linked.horizontal > button:last-child {
6065
border-bottom-right-radius: 4px;
6066
}
6067
.budgie-polkit-dialog .message {
6069
color: rgba(255, 255, 255, 0.5);
6070
}
6071
.budgie-polkit-dialog .failure {
6073
color: #EA4335;
6074
}
6075
.budgie-run-dialog {
6077
background-color: #303030;
6078
}
6079
.budgie-run-dialog entry.search {
6081
font-size: 120%;
6082
padding: 4px 12px;
6083
box-shadow: inset 0 1px rgba(255, 255, 255, 0.1);
6084
background-color: transparent;
6085
}
6086
.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,
6088
.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 {
6089
opacity: 1;
6090
}
6091
.budgie-run-dialog scrolledwindow {
6093
border-top: 1px solid rgba(0, 0, 0, 0.26);
6094
}
6095
/************************
6097
* LightDM GTK+ Greeter *
6098
************************/
6099
#panel_window {
6100
background-color: rgba(0, 0, 0, 0.3);
6101
color: white;
6102
}
6103
#panel_window menubar,
6105
#panel_window separator {
6106
background-color: transparent;
6107
}
6108
#panel_window separator {
6110
padding: 0 4px;
6111
}
6112
#panel_window separator:first-child {
6114
padding: 0 8px;
6115
}
6116
#panel_window menubar > menuitem {
6118
color: rgba(255, 255, 255, 0.7);
6119
}
6120
#panel_window menubar > menuitem:hover {
6122
color: white;
6123
}
6124
#panel_window menubar > menuitem:disabled label {
6126
color: rgba(255, 255, 255, 0.3);
6127
}
6128
#login_window,
6130
#shutdown_dialog,
6131
#restart_dialog {
6132
margin: 8px;
6133
border-radius: 4px;
6134
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);
6135
background-color: #424242;
6136
}
6137
#content_frame {
6139
padding-bottom: 20px;
6140
border-bottom: 1px solid rgba(0, 0, 0, 0.26);
6141
}
6142
#buttonbox_frame {
6144
padding-top: 24px;
6145
}
6146
#buttonbox_frame button {
6148
margin: -16px;
6149
}
6150
#greeter_infobar {
6152
margin-top: -1px;
6153
}
6154
/********
6156
* Nemo *
6157
********/
6158
.nemo-window .primary-toolbar {
6159
border-bottom: 1px solid rgba(0, 0, 0, 0.26);
6160
}
6161
.nemo-window .primary-toolbar entry {
6163
min-height: 0;
6164
margin: 0;
6165
}
6166
.nemo-window .primary-toolbar button.text-button {
6168
padding-left: 8px;
6169
padding-right: 8px;
6170
}
6171
.nemo-window .primary-toolbar button:not(.text-button):not(.image-button) {
6173
padding-left: 4px;
6174
padding-right: 4px;
6175
}
6176
.nemo-window scrolledwindow.frame {
6178
border-style: none;
6179
}
6180
.nemo-window scrolledwindow.frame .view:not(:selected) {
6182
background-color: transparent;
6183
}
6184
.nemo-window infobar {
6186
margin-top: -6px;
6187
}
6188
.nemo-window .nemo-inactive-pane .view:not(:selected) {
6190
background-color: #2C2C2C;
6191
}
6192
/* GTK NAMED COLORS
6194
----------------
6195
use responsibly! */
6196
/*
6197
widget text/foreground color */
6198
@define-color theme_fg_color white;
6199
/*
6200
text color for entries, views and content in general */
6201
@define-color theme_text_color white;
6202
/*
6203
widget base background color */
6204
@define-color theme_bg_color #282828;
6205
/*
6206
text widgets and the like base background color */
6207
@define-color theme_base_color #303030;
6208
/*
6209
base background color of selections */
6210
@define-color theme_selected_bg_color #4285F4;
6211
/*
6212
text/foreground color of selections */
6213
@define-color theme_selected_fg_color white;
6214
/*
6215
base background color of insensitive widgets */
6216
@define-color insensitive_bg_color #282828;
6217
/*
6218
text foreground color of insensitive widgets */
6219
@define-color insensitive_fg_color rgba(255, 255, 255, 0.5);
6220
/*
6221
insensitive text widgets and the like base background color */
6222
@define-color insensitive_base_color #2C2C2C;
6223
/*
6224
widget text/foreground color on backdrop windows */
6225
@define-color theme_unfocused_fg_color white;
6226
/*
6227
text color for entries, views and content in general on backdrop windows */
6228
@define-color theme_unfocused_text_color white;
6229
/*
6230
widget base background color on backdrop windows */
6231
@define-color theme_unfocused_bg_color #282828;
6232
/*
6233
text widgets and the like base background color on backdrop windows */
6234
@define-color theme_unfocused_base_color #303030;
6235
/*
6236
base background color of selections on backdrop windows */
6237
@define-color theme_unfocused_selected_bg_color #4285F4;
6238
/*
6239
text/foreground color of selections on backdrop windows */
6240
@define-color theme_unfocused_selected_fg_color white;
6241
/*
6242
insensitive color on backdrop windows */
6243
@define-color unfocused_insensitive_color rgba(255, 255, 255, 0.5);
6244
/*
6245
widgets main borders color */
6246
@define-color borders rgba(0, 0, 0, 0.26);
6247
/*
6248
widgets main borders color on backdrop windows */
6249
@define-color unfocused_borders rgba(0, 0, 0, 0.26);
6250
/*
6251
these are pretty self explicative */
6252
@define-color warning_color #FBBC05;
6253
@define-color error_color #EA4335;
6254
@define-color success_color #34A853;
6255
/*
6256
these colors are exported for the window manager and shouldn't be used in applications,
6257
read if you used those and something break with a version upgrade you're on your own... */
6258
@define-color wm_title white;
6259
@define-color wm_unfocused_title rgba(255, 255, 255, 0.7);
6260
@define-color wm_highlight rgba(255, 255, 255, 0.1);
6261
@define-color wm_bg #383838;
6262
/*
6263
FIXME this is really an API */
6264
@define-color content_view_bg #303030;
6265
@define-color placeholder_text_color #c1c1c1;
6266