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