A fork of the Materia GTK theme.

Important information: Google announced that, from September 2026, Android devices will require ALL apps to be signed by Google, effectively leading to an iOS situation. Value your right to a computer that does what you want; do not tolerate this monopolistic practice! Contact me if you don't understand why it is bad. Click to learn more.

 _apps.scss

View raw Download
text/plain • 21.28 kiB
ASCII text
        
            
1
/************
2
* Nautilus *
3
************/
4
// based css:
5
// https://git.gnome.org/browse/nautilus/tree/src/resources/css/Adwaita.css
6
// hard-coded css:
7
// https://git.gnome.org/browse/nautilus/tree/src/resources/css/nautilus.css
8
9
.nautilus-window,
10
.nautilus-window notebook,
11
.nautilus-window notebook > stack {
12
background: $base_color;
13
}
14
15
.nautilus-canvas-item {
16
// border-radius: $md_radius;
17
}
18
19
.nautilus-canvas-item.dim-label,
20
.nautilus-list-dim-label {
21
// @extend .dim-label;
22
}
23
24
.nautilus-desktop.nautilus-canvas-item {
25
// background-color: scale-alpha(#000000, $lower_opacity);
26
color: $inversed_fg_color;
27
text-shadow: $z-depth-1;
28
}
29
30
.nautilus-desktop.nautilus-canvas-item:selected {
31
// color: $inversed_fg_color;
32
text-shadow: none;
33
}
34
35
// Toolbar
36
@keyframes needs_attention_keyframes {
37
from { background-color: transparent; }
38
to { background-color: $track_color; }
39
}
40
41
.nautilus-operations-button-needs-attention {
42
color: $accent_color;
43
animation: needs_attention_keyframes $longer_duration $standard_curve 2 alternate;
44
}
45
46
.nautilus-operations-button-needs-attention-multiple {
47
color: $accent_color;
48
animation: needs_attention_keyframes $longer_duration $standard_curve 4 alternate;
49
}
50
51
// Floating status bar
52
.nautilus-window .floating-bar {
53
@extend %osd;
54
55
// @extend .toolbar.osd;
56
57
min-height: 32px;
58
padding: 0;
59
border-style: solid solid none;
60
border-width: 1px;
61
border-color: $borders_color;
62
border-radius: (2px + 1px) (2px + 1px) 0 0;
63
background-color: $base_color;
64
background-clip: $extra_background_clip;
65
transition: $longer_transition, border-width 0;
66
67
&.bottom.left { // axes left border and border radius
68
margin-right: 8px - 1px;
69
border-left-style: none;
70
border-top-left-radius: 0;
71
}
72
73
&.bottom.right { // axes right border and border radius
74
margin-left: 8px - 1px;
75
border-right-style: none;
76
border-top-right-radius: 0;
77
}
78
79
button {
80
margin: (32px - $small_size) / 2;
81
82
@extend %small_button;
83
}
84
}
85
86
.disk-space-display {
87
// border-style: solid;
88
// border-width: 2px;
89
}
90
91
.disk-space-display.unknown {
92
background-color: $warning_color;
93
}
94
95
.disk-space-display.used {
96
background-color: $primary_color;
97
}
98
99
.disk-space-display.free {
100
background-color: $track_color;
101
color: $disabled_fg_color;
102
}
103
104
// View
105
.nautilus-list-view .view {
106
// border-bottom: 1px solid $borders_color;
107
}
108
109
// Hide superfluous treeview drop target indication
110
.nautilus-list-view .view.dnd {
111
// border-style: none;
112
}
113
114
// Libgd tag entries in the search. Sadly it requires this copy pasted css style.
115
// https://git.gnome.org/browse/libgd/tree/libgd/gd-tagged-entry-default.css
116
.documents-entry-tag {
117
// min-height: 24px;
118
margin: 3px -2px 3px 8px;
119
padding: 0 8px;
120
border-radius: $circular_radius;
121
box-shadow: none;
122
background-color: $primary_color;
123
color: $inversed_fg_color;
124
125
&:hover { box-shadow: $z-depth-1; }
126
}
127
128
.documents-entry-tag.button {
129
// @extend %simple_flat_button;
130
131
// min-height: 24px;
132
// min-width: 24px;
133
margin: 0 -2px;
134
padding: 4px;
135
border-radius: $circular_radius;
136
box-shadow: none;
137
color: $secondary_inversed_fg_color;
138
139
&:hover, &:active { color: $inversed_fg_color; }
140
}
141
142
// Workaround for the double border of the searchbar since we use a revealer which
143
// always allocates at least 1 pixel
144
.nautilus-window searchbar { border-top: 1px solid $borders_color; }
145
146
.nautilus-window .searchbar-container { margin-top: -1px; }
147
148
.nautilus-window headerbar > revealer > button { @extend %circular_button; }
149
150
.conflict-row:not(:selected) { background-color: mix($warning_color, $base_color, percentage($lower_opacity)); }
151
152
dialog.background > box.dialog-vbox.vertical > grid.horizontal {
153
> scrolledwindow.frame { border-style: none; }
154
155
> box.horizontal:last-child {
156
margin: -6px 0 0 -6px;
157
border-top: 1px solid $borders_color;
158
159
> label { margin: 0 8px; }
160
161
> box > button { border-radius: 0; }
162
}
163
}
164
165
.nautilus-menu-sort-heading {
166
// min-height: 26px;
167
// padding-left: 5px;
168
// padding-right: 5px;
169
margin: 1px 3px;
170
font-weight: 500;
171
172
&:disabled { color: $tertiary_fg_color; }
173
}
174
175
.nautilus-window > popover.menu {
176
padding: 3px;
177
178
> stack > box > box > box {
179
margin-top: -6px;
180
181
> box {
182
margin-bottom: -6px;
183
184
&.linked { margin-top: 1px; }
185
}
186
}
187
188
separator { margin-bottom: -2px; }
189
}
190
191
192
/*********
193
* gedit *
194
*********/
195
// based css:
196
// https://git.gnome.org/browse/gedit/tree/gedit/resources/css/gedit.adwaita.css
197
// hard-coded css:
198
// https://git.gnome.org/browse/gedit/tree/gedit/resources/css/gedit-style.css
199
200
// Only normal state is handle
201
.open-document-selector-name-label {
202
font-weight: bold;
203
}
204
205
// Only normal state is handle
206
.open-document-selector-path-label {
207
color: gtkalpha(currentColor, $hint_opacity);
208
font-size: smaller;
209
210
// @extend .dim-label;
211
}
212
213
.gedit-document-panel {
214
background-color: $lighter_bg_color;
215
}
216
217
.gedit-document-panel-group-row {
218
border-top: 1px solid $borders_color;
219
}
220
221
.gedit-document-panel-group-row:first-child {
222
border-top: none;
223
}
224
225
// Try to look as the notebook tab close button
226
.gedit-document-panel row button.flat {
227
margin-top: 8px;
228
margin-bottom: 8px;
229
230
@extend %small_button;
231
}
232
233
.gedit-side-panel-paned statusbar {
234
border-top: 1px solid $borders_color;
235
}
236
237
.gedit-search-slider {
238
margin: 4px 4px 8px;
239
240
entry {
241
&:dir(ltr),
242
&:dir(rtl) { // specificity bump
243
border-radius: 2px;
244
245
.gedit-search-entry-occurrences-tag {
246
all: unset;
247
color: gtkalpha(currentColor, $hint_opacity);
248
}
249
}
250
251
$buttons_width: $small_size * 2 + $container_padding * 3;
252
253
&:dir(ltr) {
254
margin-right: -$buttons_width;
255
padding-right: $buttons_width;
256
257
.gedit-search-entry-occurrences-tag { margin-left: $container_padding; }
258
259
image.right { margin-right: 0; }
260
}
261
262
&:dir(rtl) {
263
margin-left: -$buttons_width;
264
padding-left: $buttons_width;
265
266
.gedit-search-entry-occurrences-tag { margin-right: $container_padding; }
267
268
image.left { margin-left: 0; }
269
}
270
271
&.error ~ button {
272
color: $secondary_inversed_fg_color;
273
274
&:hover, &:active { color: $inversed_fg_color; }
275
276
&:disabled { color: $disabled_secondary_inversed_fg_color; }
277
}
278
}
279
280
button {
281
border: solid $container_padding transparent;
282
283
@extend %simple_flat_button;
284
285
&:dir(ltr),
286
&:dir(rtl) { @extend %small_button; } // specificity bump
287
288
&:last-child:dir(ltr),
289
&:not(:first-child):dir(rtl) { margin-left: -$container_padding / 2; }
290
291
&:first-child:dir(rtl),
292
&:not(:last-child):dir(ltr) { margin-right: -$container_padding / 2; }
293
}
294
}
295
296
frame.gedit-map-frame > border {
297
&:dir(ltr) { border-style: none none none solid; }
298
&:dir(rtl) { border-style: none solid none none; }
299
}
300
301
302
/**************
303
* Tweak Tool *
304
**************/
305
// hard-coded css:
306
// https://git.gnome.org/browse/gnome-tweak-tool/tree/data/shell.css
307
308
// the sidebar
309
.tweak-categories {
310
// padding: 4px 0;
311
// background-color: shade(@theme_bg_color, 0.99);
312
background-image: image($lighter_bg_color);
313
314
// hide separators
315
separator {
316
min-width: 0;
317
min-height: 0;
318
background: transparent;
319
}
320
}
321
322
.tweak {
323
padding: 3px;
324
// padding-top: 3px;
325
326
&.title:hover { box-shadow: none; }
327
}
328
329
.tweak-group-white,
330
.tweak-white,
331
.tweak-white:hover {
332
// background-color: white;
333
background-image: image($base_color);
334
}
335
336
.tweak-startup,
337
.tweak-startup:hover {
338
// background-color: lighter(shade(@theme_bg_color, 0.9));
339
background-image: image($base_color);
340
}
341
342
.tweak-group-startup {
343
// background-color: @view_separators;
344
background-image: image($base_color);
345
border: 1px solid $borders_color;
346
}
347
348
349
/***********
350
* Builder *
351
***********/
352
// based css:
353
// https://git.gnome.org/browse/gnome-builder/tree/data/theme
354
// hard-coded css:
355
// https://git.gnome.org/browse/gnome-builder/tree/data/theme/shared.css
356
357
// Titlebar adjustments for workbench
358
//
359
// This is needed due to our placement of headerbar inside of a
360
// stack. We were seeing black edges around the header bar, and
361
// improper radius on the headerbar.
362
//
363
workbench stack.titlebar {
364
padding: 0;
365
// box-shadow: none;
366
}
367
368
workbench:not(.tiled):not(.maximized):not(.fullscreen) stack.titlebar headerbar {
369
border-radius: 2px 2px 0 0;
370
// box-shadow: none;
371
}
372
373
// Layout tab and tab bar tweaks
374
// The following makes the layout stack header look similar to a tab bar.
375
layouttabbar {
376
border-bottom: 1px solid $borders_color;
377
background-color: $bg_color;
378
}
379
380
layouttabbar button { @extend %flat_button; }
381
382
layouttabbar > box > button {
383
margin: (40px - $medium_size) / 2 0;
384
// border-radius: 0;
385
}
386
387
layouttab {
388
margin: 0 8px; // not working
389
border-style: none solid;
390
border-width: 1px;
391
border-color: $borders_color;
392
box-shadow: inset 0 -2px $primary_color;
393
background-color: $base_color;
394
}
395
396
layouttab separator.vertical {
397
margin: 8px 4px;
398
}
399
400
layouttab button {
401
&.text-button, &.image-button, & {
402
margin-top: 8px;
403
margin-bottom: 8px;
404
padding: 0 4px;
405
}
406
}
407
408
// Close button styling for layouttab.
409
layouttab > box > button.close {
410
border-radius: $circular_radius;
411
}
412
413
layout {
414
border: 1px solid $borders_color;
415
-PnlDockBin-handle-size: 1;
416
}
417
418
entry.search-missing {
419
background-color: $error_color;
420
color: $inversed_fg_color;
421
}
422
423
// tweak icons for treeviews
424
workbench treeview.image { color: gtkalpha(currentColor, $hint_opacity); }
425
426
workbench treeview.image:selected { color: $tertiary_inversed_fg_color; }
427
428
popover.popover-selector list {
429
padding: 8px - 2px;
430
}
431
432
popover.popover-selector list row {
433
border-radius: 2px;
434
}
435
436
popover.popover-selector list row image {
437
&:dir(ltr) { margin-right: 6px; }
438
&:dir(rtl) { margin-left: 6px; }
439
}
440
441
omnibar {
442
&.linked:not(.vertical) entry { border-radius: 2px; }
443
444
&:not(:hover):not(:active) entry { color: $secondary_fg_color; }
445
}
446
447
popover.omnibar list row:not(:last-child) {
448
border-bottom: 1px solid $borders_color;
449
}
450
451
entry.preferences-search {
452
@extend %entry.flat;
453
454
box-shadow: inset 0 -1px $borders_color;
455
background-color: $base_color;
456
457
// doesn't work properly
458
// &:dir(ltr) { border-right: 1px solid $borders_color; }
459
// &:dir(rtl) { border-left: 1px solid $borders_color; }
460
}
461
462
preferences stacksidebar.sidebar list {
463
background-color: $lighter_bg_color;
464
}
465
466
preferences stacksidebar.sidebar {
467
&:dir(ltr),
468
&:dir(rtl) { list { border-style: none; }}
469
}
470
471
preferences stacksidebar list separator {
472
min-width: 0;
473
min-height: 0;
474
background: transparent;
475
}
476
477
preferences > box > box {
478
&:dir(ltr) { border-right: 1px solid $borders_color; }
479
&:dir(rtl) { border-left: 1px solid $borders_color; }
480
}
481
482
popover.messagepopover.background {
483
padding: 0;
484
}
485
486
popover.messagepopover .popover-action-area button {
487
@extend %simple_flat_button;
488
489
padding: 8px 16px;
490
border-top: 1px solid $borders_color;
491
border-radius: 0;
492
}
493
494
popover.messagepopover .popover-action-area button:first-child {
495
border-bottom-left-radius: 2px;
496
}
497
498
popover.messagepopover .popover-action-area button:last-child {
499
border-bottom-right-radius: 2px;
500
}
501
502
popover.messagepopover .popover-content-area {
503
margin: 16px;
504
}
505
506
popover.transfers list {
507
background-color: transparent;
508
}
509
510
popover.transfers list row:not(:first-child) {
511
border-top: 1px solid $borders_color;
512
}
513
514
popover.transfers list row > box {
515
padding: 10px;
516
}
517
518
dockbin {
519
border: 1px solid $borders_color;
520
-PnlDockBin-handle-size: 1;
521
}
522
523
dockpaned {
524
border: 1px solid $borders_color;
525
}
526
527
eggsearchbar box.search-bar {
528
padding: 0 8px;
529
border-bottom: 1px solid $borders_color;
530
background-color: $bg_color;
531
}
532
533
docktabstrip {
534
padding: 0 8px;
535
border-bottom: 1px solid $borders_color;
536
background-color: $bg_color;
537
}
538
539
docktab {
540
transition: $longer_transition;
541
min-height: $small_size;
542
min-width: $small_size;
543
margin-bottom: -1px;
544
padding: $container_padding 6px;
545
546
outline-offset: -6px;
547
548
border-width: 1px; // for reorderable tabs
549
border-color: transparent; //
550
551
color: $secondary_fg_color;
552
font-weight: 500;
553
554
&:hover {
555
box-shadow: inset 0 -2px $track_color;
556
color: $fg_color;
557
}
558
559
&:checked {
560
animation: tab_ripple_effect $longer_duration * 3 $deceleration_curve;
561
box-shadow: inset 0 -2px $primary_color;
562
color: $fg_color;
563
}
564
}
565
566
dockoverlayedge {
567
background-color: $bg_color;
568
}
569
570
dockoverlayedge docktabstrip {
571
padding: 0;
572
border: none;
573
}
574
575
dockoverlayedge.left-edge docktab {
576
&:hover { box-shadow: inset -2px 0 $track_color; }
577
&:checked { box-shadow: inset -2px 0 $primary_color; }
578
}
579
580
dockoverlayedge.right-edge docktab {
581
&:hover { box-shadow: inset 2px 0 $track_color; }
582
&:checked { box-shadow: inset 2px 0 $primary_color; }
583
}
584
585
pillbox {
586
background-color: $bg_color;
587
border-radius: 2px;
588
}
589
590
buildperspective row {
591
// padding: 10px;
592
}
593
594
layoutpane entry.search {
595
@extend %entry.flat;
596
597
box-shadow: inset 0 -1px $borders_color;
598
background-color: $base_color;
599
}
600
601
editortweak entry.search {
602
@extend %entry.flat;
603
604
margin-bottom: -1px;
605
box-shadow: none;
606
}
607
608
//
609
// let's tweak hard-coded elements
610
//
611
612
.gb-search-entry-occurrences-tag {
613
box-shadow: none;
614
background-color: transparent;
615
}
616
617
// Keep search bar and layouttab height in sync.
618
docktabstrip {
619
min-height: 39px;
620
}
621
622
layouttabbar > box {
623
// min-height: 39px;
624
}
625
626
eggsearchbar > revealer > box {
627
// min-height: 39px;
628
}
629
630
eggsearchbar entry {
631
// min-height: 24px;
632
}
633
634
workbench preferences preferencesgroup list entry {
635
// background: none;
636
// min-height: 0px;
637
padding-top: 8px;
638
padding-bottom: 8px;
639
}
640
641
button.run-arrow-button {
642
// min-width: 12px;
643
padding-left: ($medium_size - 16px) / 2;
644
padding-right: ($medium_size - 16px) / 2;
645
}
646
647
648
/**********
649
* Photos *
650
**********/
651
// based css:
652
// https://git.gnome.org/browse/gnome-photos/tree/data/Adwaita.css
653
654
GdMainIconView.content-view {
655
-GdMainIconView-icon-size: 48;
656
}
657
658
// Make spinner visible on both dark and bright backgrounds w/o making
659
// it look ugly/weird.
660
GdMainIconView.content-view.cell:active {
661
// color: $tertiary_fg_color;
662
}
663
664
.documents-counter {
665
margin: 8px;
666
border-radius: $circular_radius;
667
box-shadow: $z-depth-2;
668
background-color: $accent_color;
669
color: $inversed_fg_color;
670
font-weight: bold;
671
}
672
673
.photos-entry-tag {
674
@extend .documents-entry-tag;
675
}
676
677
.documents-scrolledwin.frame {
678
border-style: none;
679
}
680
681
.photos-icon-bg {
682
}
683
684
.photos-fade-in {
685
opacity: 1;
686
transition: opacity $shorter_duration $deceleration_curve;
687
}
688
689
.photos-fade-out {
690
opacity: 0;
691
transition: opacity $shorter_duration $deceleration_curve;
692
}
693
694
.photos-collection-icon {
695
}
696
697
overlay grid.horizontal > revealer > scrolledwindow.frame {
698
&:dir(ltr) { border-style: none none none solid; }
699
&:dir(rtl) { border-style: none solid none none; }
700
}
701
702
703
/*********
704
* Music *
705
*********/
706
// hard-coded css:
707
// https://git.gnome.org/browse/gnome-music/tree/data/application.css
708
709
.side-panel:dir(ltr) {
710
// border-width: 0 1px 0 0;
711
border-style: solid;
712
border-color: $borders_color;
713
}
714
715
.side-panel:dir(rtl) {
716
// border-width: 0 0 0 1px;
717
border-style: solid;
718
border-color: $borders_color;
719
}
720
721
.side-panel .view {
722
// background-color: mix(@theme_fg_color, @theme_bg_color, 0.9);
723
background-image: image($lighter_bg_color);
724
725
&:hover { background-image: image(mix($fg_color, $lighter_bg_color, percentage(0.05))); }
726
}
727
728
.side-panel .view:selected {
729
// background-color: mix(@theme_fg_color, @theme_bg_color, 0.5);
730
background-image: image($primary_color);
731
732
&:hover { background-image: image(mix($inversed_fg_color, $primary_color, percentage(0.05))); }
733
}
734
735
.songs-list {
736
// box-shadow: inset 0 -1px shade(@borders, 1.30);
737
// background-color: @theme_bg_color;
738
739
&:hover { background-image: image($row_track_color); }
740
}
741
742
frame.documents-dropdown {
743
@extend toolbar.osd;
744
745
margin: 8px;
746
747
> border { border: none; }
748
}
749
750
box.vertical:not(.titlebar) > revealer > toolbar.search-bar {
751
border-bottom: 1px solid $borders_color;
752
753
button > widget {
754
-gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
755
// -GtkArrow-arrow-scaling: 1;
756
}
757
}
758
759
760
/*********
761
* To Do *
762
*********/
763
task-row {
764
transition: $shorter_transition;
765
margin: 0 -4px;
766
767
&:hover { transition: none; }
768
769
label { margin: 0 8px; }
770
771
image { margin: 0 4px; }
772
}
773
774
task-list-view > box > revealer > box > button {
775
min-height: $medium_size;
776
margin: -4px;
777
padding: 0 12px;
778
779
label { margin: 0 8px; }
780
781
image { margin: 0 4px; }
782
}
783
784
785
/*******
786
* eog *
787
*******/
788
#eog-thumb-nav {
789
scrolledwindow { border-top: none; }
790
791
button { -gtk-outline-radius: 2px; }
792
}
793
794
795
/*************
796
* Evolution *
797
*************/
798
frame.taskbar > border { border-style: solid none none; }
799
800
box.vertical > paned.horizontal notebook widget .frame { border-style: none; }
801
802
803
/********
804
* gitg *
805
********/
806
frame.commit-frame > border { border-style: solid none none; }
807
808
809
/**************
810
* Characters *
811
**************/
812
box.dialog-vbox scrolledwindow.related { border: 1px solid $borders_color; }
813
814
list.categories { background-image: image($lighter_bg_color); }
815
816
817
/**************
818
* Calculator *
819
**************/
820
button.title label { min-height: $medium_size; }
821
822
823
/************
824
* Terminix *
825
************/
826
.terminix-background box.vertical > widget > box.horizontal {
827
padding: 3px 0 2px;
828
// border-bottom: 1px solid $borders_color;
829
830
button {
831
padding: 4px 8px;
832
833
&.image-button { padding: 4px; }
834
}
835
}
836
837
.terminix-background revealer > frame > border {
838
// border-style: none none solid;
839
border-style: none;
840
}
841
842
button.image-button.session-new-button { min-width: $medium_size - 4px; }
843
844
overlay > revealer.left > scrolledwindow.frame,
845
overlay > revealer.right > scrolledwindow.frame {
846
border-style: none;
847
box-shadow: $z-depth-4;
848
}
849
850
overlay > revealer.left > scrolledwindow.frame {
851
margin-right: 32px;
852
// border-style: none solid none none;
853
}
854
855
overlay > revealer.right > scrolledwindow.frame {
856
margin-left: 32px;
857
// border-style: none none none solid;
858
}
859
860
.terminix-session-sidebar { background-image: image($lighter_bg_color); }
861
862
863
/***********
864
* Eclipse *
865
***********/
866
window.background > box.vertical > scrolledwindow > widget toolbar {
867
padding: 2px;
868
869
separator,
870
button { margin: 2px; }
871
872
button { border-radius: 2px; }
873
}
874
875
876
/***********
877
* Firefox *
878
***********/
879
window.background > widget > menubar {
880
color: $secondary_inversed_fg_color;
881
882
&:hover { color: $inversed_fg_color; }
883
884
&:disabled { color: $disabled_secondary_inversed_fg_color; }
885
}
886
887
window.background > menu > menuitem > label:disabled { color: $disabled_fg_color; }
888
889
window.background > window.background > menu > separator { color: $borders_color; }
890
891
window.background > widget > frame { color: rgba(0, 0, 0, 0.2); }
892
893
window.background > widget > checkbutton > check,
894
window.background > widget > radiobutton > radio {
895
margin: 0;
896
padding: 0;
897
}
898
899
window.background > widget > radiobutton > radio:checked {
900
-gtk-icon-source: image(-gtk-recolor(url("assets/radio-checked-symbolic.svg")),
901
-gtk-recolor(url("assets/radio-checked-symbolic.png")));
902
border-image: none;
903
}
904
905
906
/***********
907
* Synapse *
908
***********/
909
window.background > box.vertical > widget > widget:selected { background-color: $primary_color; }
910
911
912
/*********
913
* Unity *
914
*********/
915
// based css:
916
// http://bazaar.launchpad.net/~ubuntu-art-pkg/ubuntu-themes/trunk/view/head:/Ambiance/gtk-3.20/apps/unity.css
917
918
// Decorations
919
UnityDecoration {
920
-UnityDecoration-extents: 28px 0 0 0;
921
-UnityDecoration-input-extents: 8px;
922
923
-UnityDecoration-shadow-offset-x: 0;
924
-UnityDecoration-shadow-offset-y: 3px;
925
-UnityDecoration-active-shadow-color: rgba(0, 0, 0, 0.48);
926
-UnityDecoration-active-shadow-radius: 18px;
927
-UnityDecoration-inactive-shadow-color: rgba(0, 0, 0, 0.32);
928
-UnityDecoration-inactive-shadow-radius: 6px;
929
930
-UnityDecoration-glow-size: 8px;
931
-UnityDecoration-glow-color: $primary_color;
932
933
-UnityDecoration-title-indent: 4px;
934
-UnityDecoration-title-fade: 32px;
935
-UnityDecoration-title-alignment: 0.0;
936
}
937
938
UnityDecoration.top {
939
padding: 0 2px;
940
border-style: none;
941
border-radius: 2px 2px 0 0;
942
// box-shadow: inset 0 1px $secondary_highlight_color;
943
box-shadow: inset 0 1px scale-alpha(#FFFFFF, 0.1);
944
background-color: $secondary_titlebar_color;
945
color: $inversed_fg_color;
946
}
947
948
UnityDecoration.top:backdrop {
949
color: $secondary_inversed_fg_color;
950
}
951
952
UnityDecoration.left,
953
UnityDecoration.right {
954
}
955
956
UnityDecoration.bottom {
957
}
958
959
UnityDecoration.menuitem,
960
UnityDecoration .menuitem {
961
color: gtkalpha(currentColor, $enabled_opacity);
962
}
963
964
UnityDecoration.menubar.menuitem:hover,
965
UnityDecoration.menubar .menuitem *:hover {
966
box-shadow: inset 0 -2px currentColor;
967
background-color: transparent;
968
color: currentColor;
969
}
970
971
.background:not(.csd) headerbar:not(.titlebar) {
972
border-radius: 0;
973
box-shadow: none;
974
975
&.inline-toolbar { border-style: none; }
976
}
977
978
SheetStyleDialog.unity-force-quit {
979
// background-color: $bg_color;
980
}
981
982
// Panel Style
983
UnityPanelWidget,
984
.unity-panel {
985
background-color: $topbar_color;
986
background-image: image($topbar_color);
987
color: $inversed_fg_color;
988
}
989
990
UnityPanelWidget:backdrop,
991
.unity-panel:backdrop {
992
color: $secondary_inversed_fg_color;
993
}
994
995
.unity-panel.menubar,
996
.unity-panel .menubar {
997
}
998
999
.unity-panel.menuitem,
1000
.unity-panel .menuitem {
1001
color: gtkalpha(currentColor, $enabled_opacity);
1002
}
1003
1004
.unity-panel.menubar.menuitem:hover,
1005
.unity-panel.menubar .menuitem *:hover {
1006
box-shadow: inset 0 -2px currentColor;
1007
background-color: transparent;
1008
color: currentColor;
1009
}
1010
1011
@keyframes playbackmenuitem_spinner {
1012
to { -gtk-icon-transform: rotate(1turn); }
1013
}
1014
1015
.menu IdoPlaybackMenuItem.menuitem:active {
1016
-gtk-icon-source: -gtk-icontheme("process-working-symbolic");
1017
animation: playbackmenuitem_spinner 1s infinite linear;
1018
color: $primary_color;
1019
}
1020
1021