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
.nautilus-window,
10
.nautilus-window notebook,
11
.nautilus-window notebook > stack {
12
background: $base_color;
13
}
14
.nautilus-canvas-item {
16
// border-radius: $md_radius;
17
}
18
.nautilus-canvas-item.dim-label,
20
.nautilus-list-dim-label {
21
// @extend .dim-label;
22
}
23
.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
.nautilus-desktop.nautilus-canvas-item:selected {
31
// color: $inversed_fg_color;
32
text-shadow: none;
33
}
34
// Toolbar
36
@keyframes needs_attention_keyframes {
37
from { background-color: transparent; }
38
to { background-color: $track_color; }
39
}
40
.nautilus-operations-button-needs-attention {
42
color: $accent_color;
43
animation: needs_attention_keyframes $longer_duration $standard_curve 2 alternate;
44
}
45
.nautilus-operations-button-needs-attention-multiple {
47
color: $accent_color;
48
animation: needs_attention_keyframes $longer_duration $standard_curve 4 alternate;
49
}
50
// Floating status bar
52
.nautilus-window .floating-bar {
53
@extend %osd;
54
// @extend .toolbar.osd;
56
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
&.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
&.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
button {
80
margin: (32px - $small_size) / 2;
81
@extend %small_button;
83
}
84
}
85
.disk-space-display {
87
// border-style: solid;
88
// border-width: 2px;
89
}
90
.disk-space-display.unknown {
92
background-color: $warning_color;
93
}
94
.disk-space-display.used {
96
background-color: $primary_color;
97
}
98
.disk-space-display.free {
100
background-color: $track_color;
101
color: $disabled_fg_color;
102
}
103
// View
105
.nautilus-list-view .view {
106
// border-bottom: 1px solid $borders_color;
107
}
108
// Hide superfluous treeview drop target indication
110
.nautilus-list-view .view.dnd {
111
// border-style: none;
112
}
113
// 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
&:hover { box-shadow: $z-depth-1; }
126
}
127
.documents-entry-tag.button {
129
// @extend %simple_flat_button;
130
// 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
&:hover, &:active { color: $inversed_fg_color; }
140
}
141
// 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
.nautilus-window .searchbar-container { margin-top: -1px; }
147
.nautilus-window headerbar > revealer > button { @extend %circular_button; }
149
.conflict-row:not(:selected) { background-color: mix($warning_color, $base_color, percentage($lower_opacity)); }
151
dialog.background > box.dialog-vbox.vertical > grid.horizontal {
153
> scrolledwindow.frame { border-style: none; }
154
> box.horizontal:last-child {
156
margin: -6px 0 0 -6px;
157
border-top: 1px solid $borders_color;
158
> label { margin: 0 8px; }
160
> box > button { border-radius: 0; }
162
}
163
}
164
.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
&:disabled { color: $tertiary_fg_color; }
173
}
174
.nautilus-window > popover.menu {
176
padding: 3px;
177
> stack > box > box > box {
179
margin-top: -6px;
180
> box {
182
margin-bottom: -6px;
183
&.linked { margin-top: 1px; }
185
}
186
}
187
separator { margin-bottom: -2px; }
189
}
190
/*********
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
// Only normal state is handle
201
.open-document-selector-name-label {
202
font-weight: bold;
203
}
204
// Only normal state is handle
206
.open-document-selector-path-label {
207
color: gtkalpha(currentColor, $hint_opacity);
208
font-size: smaller;
209
// @extend .dim-label;
211
}
212
.gedit-document-panel {
214
background-color: $lighter_bg_color;
215
}
216
.gedit-document-panel-group-row {
218
border-top: 1px solid $borders_color;
219
}
220
.gedit-document-panel-group-row:first-child {
222
border-top: none;
223
}
224
// 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
@extend %small_button;
231
}
232
.gedit-side-panel-paned statusbar {
234
border-top: 1px solid $borders_color;
235
}
236
.gedit-search-slider {
238
margin: 4px 4px 8px;
239
entry {
241
&:dir(ltr),
242
&:dir(rtl) { // specificity bump
243
border-radius: 2px;
244
.gedit-search-entry-occurrences-tag {
246
all: unset;
247
color: gtkalpha(currentColor, $hint_opacity);
248
}
249
}
250
$buttons_width: $small_size * 2 + $container_padding * 3;
252
&:dir(ltr) {
254
margin-right: -$buttons_width;
255
padding-right: $buttons_width;
256
.gedit-search-entry-occurrences-tag { margin-left: $container_padding; }
258
image.right { margin-right: 0; }
260
}
261
&:dir(rtl) {
263
margin-left: -$buttons_width;
264
padding-left: $buttons_width;
265
.gedit-search-entry-occurrences-tag { margin-right: $container_padding; }
267
image.left { margin-left: 0; }
269
}
270
&.error ~ button {
272
color: $secondary_inversed_fg_color;
273
&:hover, &:active { color: $inversed_fg_color; }
275
&:disabled { color: $disabled_secondary_inversed_fg_color; }
277
}
278
}
279
button {
281
border: solid $container_padding transparent;
282
@extend %simple_flat_button;
284
&:dir(ltr),
286
&:dir(rtl) { @extend %small_button; } // specificity bump
287
&:last-child:dir(ltr),
289
&:not(:first-child):dir(rtl) { margin-left: -$container_padding / 2; }
290
&:first-child:dir(rtl),
292
&:not(:last-child):dir(ltr) { margin-right: -$container_padding / 2; }
293
}
294
}
295
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
/**************
303
* Tweak Tool *
304
**************/
305
// hard-coded css:
306
// https://git.gnome.org/browse/gnome-tweak-tool/tree/data/shell.css
307
// 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
// hide separators
315
separator {
316
min-width: 0;
317
min-height: 0;
318
background: transparent;
319
}
320
}
321
.tweak {
323
padding: 3px;
324
// padding-top: 3px;
325
&.title:hover { box-shadow: none; }
327
}
328
.tweak-group-white,
330
.tweak-white,
331
.tweak-white:hover {
332
// background-color: white;
333
background-image: image($base_color);
334
}
335
.tweak-startup,
337
.tweak-startup:hover {
338
// background-color: lighter(shade(@theme_bg_color, 0.9));
339
background-image: image($base_color);
340
}
341
.tweak-group-startup {
343
// background-color: @view_separators;
344
background-image: image($base_color);
345
border: 1px solid $borders_color;
346
}
347
/***********
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
// 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
workbench:not(.tiled):not(.maximized):not(.fullscreen) stack.titlebar headerbar {
369
border-radius: 2px 2px 0 0;
370
// box-shadow: none;
371
}
372
// 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
layouttabbar button { @extend %flat_button; }
381
layouttabbar > box > button {
383
margin: (40px - $medium_size) / 2 0;
384
// border-radius: 0;
385
}
386
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
layouttab separator.vertical {
397
margin: 8px 4px;
398
}
399
layouttab button {
401
&.text-button, &.image-button, & {
402
margin-top: 8px;
403
margin-bottom: 8px;
404
padding: 0 4px;
405
}
406
}
407
// Close button styling for layouttab.
409
layouttab > box > button.close {
410
border-radius: $circular_radius;
411
}
412
layout {
414
border: 1px solid $borders_color;
415
-PnlDockBin-handle-size: 1;
416
}
417
entry.search-missing {
419
background-color: $error_color;
420
color: $inversed_fg_color;
421
}
422
// tweak icons for treeviews
424
workbench treeview.image { color: gtkalpha(currentColor, $hint_opacity); }
425
workbench treeview.image:selected { color: $tertiary_inversed_fg_color; }
427
popover.popover-selector list {
429
padding: 8px - 2px;
430
}
431
popover.popover-selector list row {
433
border-radius: 2px;
434
}
435
popover.popover-selector list row image {
437
&:dir(ltr) { margin-right: 6px; }
438
&:dir(rtl) { margin-left: 6px; }
439
}
440
omnibar {
442
&.linked:not(.vertical) entry { border-radius: 2px; }
443
&:not(:hover):not(:active) entry { color: $secondary_fg_color; }
445
}
446
popover.omnibar list row:not(:last-child) {
448
border-bottom: 1px solid $borders_color;
449
}
450
entry.preferences-search {
452
@extend %entry.flat;
453
box-shadow: inset 0 -1px $borders_color;
455
background-color: $base_color;
456
// doesn't work properly
458
// &:dir(ltr) { border-right: 1px solid $borders_color; }
459
// &:dir(rtl) { border-left: 1px solid $borders_color; }
460
}
461
preferences stacksidebar.sidebar list {
463
background-color: $lighter_bg_color;
464
}
465
preferences stacksidebar.sidebar {
467
&:dir(ltr),
468
&:dir(rtl) { list { border-style: none; }}
469
}
470
preferences stacksidebar list separator {
472
min-width: 0;
473
min-height: 0;
474
background: transparent;
475
}
476
preferences > box > box {
478
&:dir(ltr) { border-right: 1px solid $borders_color; }
479
&:dir(rtl) { border-left: 1px solid $borders_color; }
480
}
481
popover.messagepopover.background {
483
padding: 0;
484
}
485
popover.messagepopover .popover-action-area button {
487
@extend %simple_flat_button;
488
padding: 8px 16px;
490
border-top: 1px solid $borders_color;
491
border-radius: 0;
492
}
493
popover.messagepopover .popover-action-area button:first-child {
495
border-bottom-left-radius: 2px;
496
}
497
popover.messagepopover .popover-action-area button:last-child {
499
border-bottom-right-radius: 2px;
500
}
501
popover.messagepopover .popover-content-area {
503
margin: 16px;
504
}
505
popover.transfers list {
507
background-color: transparent;
508
}
509
popover.transfers list row:not(:first-child) {
511
border-top: 1px solid $borders_color;
512
}
513
popover.transfers list row > box {
515
padding: 10px;
516
}
517
dockbin {
519
border: 1px solid $borders_color;
520
-PnlDockBin-handle-size: 1;
521
}
522
dockpaned {
524
border: 1px solid $borders_color;
525
}
526
eggsearchbar box.search-bar {
528
padding: 0 8px;
529
border-bottom: 1px solid $borders_color;
530
background-color: $bg_color;
531
}
532
docktabstrip {
534
padding: 0 8px;
535
border-bottom: 1px solid $borders_color;
536
background-color: $bg_color;
537
}
538
docktab {
540
transition: $longer_transition,
541
background-size 0,
542
background-image 0;
543
min-height: $small_size;
544
min-width: $small_size;
545
margin-bottom: -1px;
546
padding: $container_padding 6px;
547
outline-offset: -6px;
549
border-width: 1px; // for reorderable tabs
551
border-color: transparent; //
552
background-image: radial-gradient(circle farthest-corner at center,
554
$primary_color 10%,
555
transparent 0%);
556
background-repeat: no-repeat;
557
background-position: center;
558
background-size: 0% 0%;
559
color: $secondary_fg_color;
561
font-weight: 500;
562
&:hover {
564
box-shadow: inset 0 -2px $track_color;
565
color: $fg_color;
566
}
567
&:checked {
569
transition: $longer_transition,
570
background-size $longer_duration $deceleration_curve,
571
background-image $longer_duration + $ripple_duration $deceleration_curve;
572
box-shadow: inset 0 -2px $primary_color;
573
background-image: radial-gradient(circle farthest-corner at center,
574
transparent 10%,
575
transparent 0%);
576
background-size: 1000% 1000%;
577
color: $fg_color;
578
}
579
}
580
dockoverlayedge {
582
background-color: $bg_color;
583
}
584
dockoverlayedge docktabstrip {
586
padding: 0;
587
border: none;
588
}
589
dockoverlayedge.left-edge docktab {
591
&:hover { box-shadow: inset -2px 0 $track_color; }
592
&:checked { box-shadow: inset -2px 0 $primary_color; }
593
}
594
dockoverlayedge.right-edge docktab {
596
&:hover { box-shadow: inset 2px 0 $track_color; }
597
&:checked { box-shadow: inset 2px 0 $primary_color; }
598
}
599
pillbox {
601
background-color: $bg_color;
602
border-radius: 2px;
603
}
604
buildperspective row {
606
// padding: 10px;
607
}
608
layoutpane entry.search {
610
@extend %entry.flat;
611
box-shadow: inset 0 -1px $borders_color;
613
background-color: $base_color;
614
}
615
editortweak entry.search {
617
@extend %entry.flat;
618
margin-bottom: -1px;
620
box-shadow: none;
621
}
622
//
624
// let's tweak hard-coded elements
625
//
626
.gb-search-entry-occurrences-tag {
628
box-shadow: none;
629
background-color: transparent;
630
}
631
// Keep search bar and layouttab height in sync.
633
docktabstrip {
634
min-height: 39px;
635
}
636
layouttabbar > box {
638
// min-height: 39px;
639
}
640
eggsearchbar > revealer > box {
642
// min-height: 39px;
643
}
644
eggsearchbar entry {
646
// min-height: 24px;
647
}
648
workbench preferences preferencesgroup list entry {
650
// background: none;
651
// min-height: 0px;
652
padding-top: 8px;
653
padding-bottom: 8px;
654
}
655
button.run-arrow-button {
657
// min-width: 12px;
658
padding-left: ($medium_size - 16px) / 2;
659
padding-right: ($medium_size - 16px) / 2;
660
}
661
/**********
664
* Photos *
665
**********/
666
// based css:
667
// https://git.gnome.org/browse/gnome-photos/tree/data/Adwaita.css
668
GdMainIconView.content-view {
670
-GdMainIconView-icon-size: 48;
671
}
672
// Make spinner visible on both dark and bright backgrounds w/o making
674
// it look ugly/weird.
675
GdMainIconView.content-view.cell:active {
676
// color: $tertiary_fg_color;
677
}
678
.documents-counter {
680
margin: 8px;
681
border-radius: $circular_radius;
682
box-shadow: $z-depth-2;
683
background-color: $accent_color;
684
color: $inversed_fg_color;
685
font-weight: bold;
686
}
687
.photos-entry-tag {
689
@extend .documents-entry-tag;
690
}
691
.documents-scrolledwin.frame {
693
border-style: none;
694
}
695
.photos-icon-bg {
697
}
698
.photos-fade-in {
700
opacity: 1;
701
transition: opacity $shorter_duration $deceleration_curve;
702
}
703
.photos-fade-out {
705
opacity: 0;
706
transition: opacity $shorter_duration $deceleration_curve;
707
}
708
.photos-collection-icon {
710
}
711
overlay grid.horizontal > revealer > scrolledwindow.frame {
713
&:dir(ltr) { border-style: none none none solid; }
714
&:dir(rtl) { border-style: none solid none none; }
715
}
716
/*********
719
* Music *
720
*********/
721
// hard-coded css:
722
// https://git.gnome.org/browse/gnome-music/tree/data/application.css
723
.side-panel:dir(ltr) {
725
// border-width: 0 1px 0 0;
726
border-style: solid;
727
border-color: $borders_color;
728
}
729
.side-panel:dir(rtl) {
731
// border-width: 0 0 0 1px;
732
border-style: solid;
733
border-color: $borders_color;
734
}
735
.side-panel .view {
737
// background-color: mix(@theme_fg_color, @theme_bg_color, 0.9);
738
background-image: image($lighter_bg_color);
739
&:hover { background-image: image(mix($fg_color, $lighter_bg_color, percentage(0.05))); }
741
}
742
.side-panel .view:selected {
744
// background-color: mix(@theme_fg_color, @theme_bg_color, 0.5);
745
background-image: image($primary_color);
746
&:hover { background-image: image(mix($inversed_fg_color, $primary_color, percentage(0.05))); }
748
}
749
.songs-list {
751
// box-shadow: inset 0 -1px shade(@borders, 1.30);
752
// background-color: @theme_bg_color;
753
&:hover { background-image: image($row_track_color); }
755
}
756
frame.documents-dropdown {
758
@extend toolbar.osd;
759
margin: 8px;
761
> border { border: none; }
763
}
764
box.vertical:not(.titlebar) > revealer > toolbar.search-bar {
766
border-bottom: 1px solid $borders_color;
767
button > widget {
769
-gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
770
// -GtkArrow-arrow-scaling: 1;
771
}
772
}
773
/*********
776
* To Do *
777
*********/
778
task-row {
779
transition: $shorter_transition;
780
margin: 0 -4px;
781
&:hover { transition: none; }
783
label { margin: 0 8px; }
785
image { margin: 0 4px; }
787
}
788
task-list-view > box > revealer > box > button {
790
min-height: $medium_size;
791
margin: -4px;
792
padding: 0 12px;
793
label { margin: 0 8px; }
795
image { margin: 0 4px; }
797
}
798
/*******
801
* eog *
802
*******/
803
#eog-thumb-nav {
804
scrolledwindow { border-top: none; }
805
button { -gtk-outline-radius: 2px; }
807
}
808
/*************
811
* Evolution *
812
*************/
813
frame.taskbar > border { border-style: solid none none; }
814
box.vertical > paned.horizontal notebook widget .frame { border-style: none; }
816
/********
819
* gitg *
820
********/
821
frame.commit-frame > border { border-style: solid none none; }
822
/**************
825
* Characters *
826
**************/
827
box.dialog-vbox scrolledwindow.related { border: 1px solid $borders_color; }
828
list.categories { background-image: image($lighter_bg_color); }
830
/**************
833
* Calculator *
834
**************/
835
button.title label { min-height: $medium_size; }
836
/************
839
* Terminix *
840
************/
841
.terminix-background box.vertical > widget > box.horizontal {
842
padding: 3px 0 2px;
843
// border-bottom: 1px solid $borders_color;
844
button {
846
padding: 4px 8px;
847
&.image-button { padding: 4px; }
849
}
850
}
851
.terminix-background revealer > frame > border {
853
// border-style: none none solid;
854
border-style: none;
855
}
856
button.image-button.session-new-button { min-width: $medium_size - 4px; }
858
overlay > revealer.left > scrolledwindow.frame,
860
overlay > revealer.right > scrolledwindow.frame {
861
border-style: none;
862
box-shadow: $z-depth-4;
863
}
864
overlay > revealer.left > scrolledwindow.frame {
866
margin-right: 32px;
867
// border-style: none solid none none;
868
}
869
overlay > revealer.right > scrolledwindow.frame {
871
margin-left: 32px;
872
// border-style: none none none solid;
873
}
874
.terminix-session-sidebar { background-image: image($lighter_bg_color); }
876
/***********
879
* Eclipse *
880
***********/
881
window.background > box.vertical > scrolledwindow > widget toolbar {
882
padding: 2px;
883
separator,
885
button { margin: 2px; }
886
button { border-radius: 2px; }
888
}
889
/***********
892
* Firefox *
893
***********/
894
window.background > widget > menubar {
895
color: $secondary_topbar_fg_color;
896
&:hover { color: $topbar_fg_color; }
898
&:disabled { color: $disabled_secondary_topbar_fg_color; }
900
}
901
window.background > menu > menuitem > label:disabled { color: $disabled_fg_color; }
903
window.background > window.background > menu > separator { color: $borders_color; }
905
window.background > widget > frame { color: rgba(0, 0, 0, 0.2); }
907
window.background > widget > checkbutton > check,
909
window.background > widget > radiobutton > radio {
910
margin: 0;
911
padding: 0;
912
}
913
window.background > widget > radiobutton > radio:checked {
915
-gtk-icon-source: image(-gtk-recolor(url("assets/radio-checked-symbolic.svg")),
916
-gtk-recolor(url("assets/radio-checked-symbolic.png")));
917
border-image: none;
918
}
919
/***********
922
* Synapse *
923
***********/
924
window.background > box.vertical > widget > widget:selected { background-color: $primary_color; }
925
/*********
928
* Unity *
929
*********/
930
// based css:
931
// http://bazaar.launchpad.net/~ubuntu-art-pkg/ubuntu-themes/trunk/view/head:/Ambiance/gtk-3.20/apps/unity.css
932
// Decorations
934
UnityDecoration {
935
-UnityDecoration-extents: 28px 0 0 0;
936
-UnityDecoration-input-extents: 8px;
937
-UnityDecoration-shadow-offset-x: 0;
939
-UnityDecoration-shadow-offset-y: 3px;
940
-UnityDecoration-active-shadow-color: rgba(0, 0, 0, 0.48);
941
-UnityDecoration-active-shadow-radius: 18px;
942
-UnityDecoration-inactive-shadow-color: rgba(0, 0, 0, 0.32);
943
-UnityDecoration-inactive-shadow-radius: 6px;
944
-UnityDecoration-glow-size: 8px;
946
-UnityDecoration-glow-color: $primary_color;
947
-UnityDecoration-title-indent: 4px;
949
-UnityDecoration-title-fade: 32px;
950
-UnityDecoration-title-alignment: 0.0;
951
}
952
UnityDecoration .top {
954
padding: 0 2px;
955
border-style: none;
956
border-radius: 2px 2px 0 0;
957
// box-shadow: inset 0 1px $topbar_highlight_color;
958
box-shadow: inset 0 1px if($light == 'true', scale-alpha(#FFFFFF, 0.2), scale-alpha(#FFFFFF, 0.1));
959
background-color: $secondary_titlebar_color;
960
color: $topbar_fg_color;
961
}
962
UnityDecoration .top:backdrop {
964
color: $secondary_topbar_fg_color;
965
}
966
UnityDecoration .left,
968
UnityDecoration .right {
969
}
970
UnityDecoration .bottom {
972
}
973
UnityDecoration .menuitem {
975
color: gtkalpha(currentColor, $enabled_opacity);
976
}
977
UnityDecoration .menuitem:hover {
979
box-shadow: inset 0 -2px currentColor;
980
background-color: transparent;
981
color: currentColor;
982
}
983
.background:not(.csd) headerbar:not(.titlebar) {
985
border-radius: 0;
986
box-shadow: none;
987
&.inline-toolbar { border-style: none; }
989
}
990
sheet-style-dialog.unity-force-quit {
992
// background-color: $bg_color;
993
}
994
// Panel Style
996
UnityPanelWidget,
997
.unity-panel {
998
background-color: $topbar_color;
999
background-image: image($topbar_color);
1000
color: $topbar_fg_color;
1001
}
1002
UnityPanelWidget:backdrop,
1004
.unity-panel:backdrop {
1005
color: $secondary_topbar_fg_color;
1006
}
1007
.unity-panel.menubar,
1009
.unity-panel .menubar {
1010
}
1011
.unity-panel.menuitem,
1013
.unity-panel .menuitem {
1014
color: gtkalpha(currentColor, $enabled_opacity);
1015
}
1016
.unity-panel.menubar.menuitem:hover,
1018
.unity-panel.menubar .menuitem *:hover {
1019
box-shadow: inset 0 -2px currentColor;
1020
background-color: transparent;
1021
color: currentColor;
1022
}
1023
@keyframes playbackmenuitem_spinner {
1025
to { -gtk-icon-transform: rotate(1turn); }
1026
}
1027
.menu IdoPlaybackMenuItem.menuitem:active {
1029
-gtk-icon-source: -gtk-icontheme("process-working-symbolic");
1030
animation: playbackmenuitem_spinner 1s infinite linear;
1031
color: $primary_color;
1032
}
1033