ASCII text
1
/**
2
* Nautilus
3
*/
4
// based css:
6
// https://gitlab.gnome.org/GNOME/nautilus/blob/master/src/resources/css/Adwaita.css
7
// hard-coded css:
8
// https://gitlab.gnome.org/GNOME/nautilus/blob/master/src/resources/css/nautilus.css
9
.nautilus-window,
11
.nautilus-window notebook,
12
.nautilus-window notebook > stack {
13
// background-color: $surface-z0;
14
}
15
.nautilus-canvas-item {
17
// border-radius: $corner-radius;
18
}
19
.nautilus-canvas-item.dim-label,
21
.nautilus-list-dim-label {
22
color: hint($on-surface);
23
}
24
.nautilus-desktop.nautilus-canvas-item {
26
@extend %iconview-desktop;
27
}
28
// Toolbar
30
@keyframes nautilus-operations-button-needs-attention {
32
to {
33
background-color: overlay("focus", $on-titlebar);
34
}
35
}
36
.nautilus-operations-button-needs-attention {
38
animation: nautilus-operations-button-needs-attention $ripple-fade-out-duration $ease 2 alternate;
39
}
40
.nautilus-operations-button-needs-attention-multiple {
42
animation: nautilus-operations-button-needs-attention $ripple-fade-out-duration $ease 6 alternate;
43
}
44
.linked:not(.vertical) > button:not(.suggested-action):not(.destructive-action):not(:only-child).disclosure-button {
46
border-radius: $circular-radius;
47
}
48
// Path bar
50
.path-bar-box {
52
transition: background-color $duration $ease-out;
53
margin: $container-padding 0;
54
border-radius: $corner-radius;
55
// reset the margin
57
button {
58
margin: 0;
59
}
60
&.width-maximized {
62
background-color: entry-fill($on-titlebar);
63
}
64
// workaround for 3.30.1
66
&.background.frame {
67
border-style: none;
68
background-color: entry-fill($on-titlebar);
69
}
70
// for 3.30
72
.path-bar button {
73
label:not(:only-child) {
74
&:first-child {
75
margin-left: 0;
76
}
77
&:last-child {
79
margin-right: 0;
80
}
81
}
82
}
83
// for 3.32
85
.nautilus-path-bar button:not(.suggested-action):not(.destructive-action) {
86
padding-left: ($medium-size - 24px) / 2;
87
padding-right: ($medium-size - 24px) / 2;
88
&.text-button {
90
min-width: 0;
91
}
92
label:not(:only-child) {
94
&:first-child {
95
margin-left: 0;
96
}
97
&:last-child {
99
margin-right: 0;
100
}
101
}
102
&.text-button.image-button image:not(:only-child) {
104
margin: 0;
105
}
106
&:last-child:dir(ltr),
108
&:first-child:dir(rtl) {
109
@extend %titlebar-button-checked;
110
}
111
}
112
}
113
// Floating status bar
115
.nautilus-window .floating-bar {
116
min-height: 32px;
117
padding: 0;
118
border-style: solid solid none;
119
border-width: 1px;
120
border-color: divider($on-surface);
121
border-radius: ($corner-radius + 1px) ($corner-radius + 1px) 0 0;
122
background-clip: padding-box;
123
background-color: $surface-z8;
124
// axes left border and border radius
126
&.bottom.left {
127
margin-right: 8px - 1px;
128
border-left-style: none;
129
border-top-left-radius: 0;
130
}
131
// axes right border and border radius
133
&.bottom.right {
134
margin-left: 8px - 1px;
135
border-right-style: none;
136
border-top-right-radius: 0;
137
}
138
button {
140
margin: (32px - $small-size) / 2;
141
@extend %button-small;
143
}
144
}
145
.disk-space-display {
147
// border-style: solid;
148
// border-width: 2px;
149
&.unknown {
151
background-color: stroke($on-surface);
152
color: stroke($on-surface);
153
}
154
&.used {
156
background-color: $primary;
157
color: $primary;
158
}
159
&.free {
161
background-color: fill($on-surface);
162
color: fill($on-surface);
163
}
164
}
165
// View
167
// Hide superfluous treeview drop target indication
168
.nautilus-list-view .view:not(.dnd) {
169
// border-bottom: 1px solid divider($on-surface);
170
}
171
.search-information {
173
padding: 2px;
174
border-bottom: 1px solid divider($on-surface);
175
}
176
.documents-entry-tag {
178
@extend .entry-tag;
179
}
180
.conflict-row:not(:selected) {
182
background-color: mix($warning, $surface-z1, percentage(.3));
183
}
184
// Icon view
186
.nautilus-window flowboxchild {
187
.icon-background {
188
// background-color: black;
189
}
190
.icon-item-background {
192
padding: 4px;
193
border-radius: $corner-radius;
194
}
195
&:selected {
197
background-color: transparent;
198
.icon-item-background {
200
background-color: $overlay-selected;
201
}
202
}
203
}
204
// Batch rename dialog
206
dialog.background > box.dialog-vbox.vertical > grid.horizontal {
207
> scrolledwindow.frame {
208
border-style: none;
209
}
210
> box.horizontal:last-child {
212
margin: -6px 0 0 -6px;
213
border-top: 1px solid divider($on-surface);
214
> label {
216
margin: 0 8px;
217
}
218
> box > button {
220
border-radius: 0;
221
}
222
}
223
}
224
// Tweak to fix the messy sizing of the popover menu
226
.nautilus-window > popover.menu:not(:last-child) {
227
padding: 3px;
228
> stack > box > box > box {
230
margin-top: -6px;
231
> box {
233
margin-bottom: -6px;
234
&.linked {
236
margin-top: 1px;
237
}
238
}
239
}
240
separator {
242
margin-bottom: -2px;
243
}
244
}
245
.nautilus-menu-sort-heading {
247
// min-height: 26px;
248
// padding-left: 5px;
249
// padding-right: 5px;
250
margin: 1px 3px;
251
font-weight: 500;
252
&:disabled {
254
color: hint($on-surface);
255
}
256
}
257
// Make operations button circular
259
.nautilus-window headerbar revealer > button {
260
border-radius: $circular-radius;
261
}
262
// Ensure paned separator rendering. See issue #84 for details.
264
.nautilus-window paned > separator {
265
background-color: $surface-z0;
266
}
267
/**
270
* gedit
271
*/
272
// based css:
274
// https://gitlab.gnome.org/GNOME/gedit/blob/master/gedit/resources/css/gedit.adwaita.css
275
// hard-coded css:
276
// https://gitlab.gnome.org/GNOME/gedit/blob/master/gedit/resources/css/gedit-style.css
277
// Only normal state is handle
279
.open-document-selector-name-label {
280
// font-weight: bold;
281
}
282
// Only normal state is handle
284
.open-document-selector-path-label {
285
color: hint($on-surface);
286
font-size: smaller;
287
}
288
// Only normal state is handle
290
.open-document-selector-match {
291
background-color: $warning;
292
color: $on-warning;
293
}
294
.gedit-document-panel {
296
// Try to look as the notebook tab close button
297
row button.flat {
298
margin-top: 8px;
299
margin-bottom: 8px;
300
@extend %button-small;
302
}
303
}
304
.gedit-document-panel-group-row:not(:first-child) {
306
border-top: 1px solid divider($on-surface);
307
}
308
.gedit-side-panel-paned statusbar {
310
border-top: 1px solid divider($on-surface);
311
}
312
.gedit-search-slider {
314
margin: 4px 4px 8px;
315
.linked:not(.vertical) > entry {
317
border-radius: $corner-radius;
318
@extend %entry_raised;
319
.gedit-search-entry-occurrences-tag {
321
all: unset;
322
color: hint($on-surface);
323
}
324
$buttons_width: $small-size * 2 + $container-padding * 3;
326
&:dir(ltr) {
328
margin-right: -$buttons_width;
329
padding-right: $buttons_width;
330
.gedit-search-entry-occurrences-tag {
332
margin-left: $container-padding;
333
}
334
image.right {
336
margin-right: 0;
337
}
338
}
339
&:dir(rtl) {
341
margin-left: -$buttons_width;
342
padding-left: $buttons_width;
343
.gedit-search-entry-occurrences-tag {
345
margin-right: $container-padding;
346
}
347
image.left {
349
margin-left: 0;
350
}
351
}
352
&:not(.error) {
354
background-color: $surface-z8;
355
}
356
&.error ~ button {
358
color: hint($on-error);
359
@include ink-color($on-error, $button-style: "flat");
360
&:disabled {
362
color: disabled-hint($on-error);
363
}
364
}
365
}
366
.linked:not(.vertical) > button {
368
border: solid $container-padding transparent;
369
border-radius: $circular-radius;
370
background-clip: padding-box;
371
@extend %button-flat-basic;
373
@extend %button-small;
374
&:last-child:dir(ltr),
376
&:not(:first-child):dir(rtl) {
377
margin-left: -$container-padding / 2;
378
}
379
&:first-child:dir(rtl),
381
&:not(:last-child):dir(ltr) {
382
margin-right: -$container-padding / 2;
383
}
384
}
385
}
386
frame.gedit-map-frame > border {
388
&:dir(ltr) {
389
border-style: none none none solid;
390
}
391
&:dir(rtl) {
393
border-style: none solid none none;
394
}
395
}
396
/**
398
* Tweaks
399
*/
400
// hard-coded css:
402
// https://gitlab.gnome.org/GNOME/gnome-tweaks/blob/master/data/shell.css
403
// the sidebar
405
.tweak-categories {
406
// padding: 4px 0;
407
// background-color: shade(@theme_bg_color, 0.99);
408
background-image: image($surface-z0);
409
separator {
411
@extend %hide_separators;
412
}
413
}
414
.tweak {
416
// padding-top: 3px;
417
padding: 3px;
418
&.title:hover {
420
box-shadow: none;
421
}
422
}
423
.tweak-group-white,
425
.tweak-white,
426
.tweak-white:hover {
427
// background-color: white;
428
background-image: image($surface-z1);
429
}
430
.tweak-startup,
432
.tweak-startup:hover {
433
// background-color: lighter(shade(@theme_bg_color, 0.9));
434
background-image: image($surface-z1);
435
}
436
.tweak-group-startup {
438
border: 1px solid divider($on-surface);
439
background-clip: padding-box;
440
// background-color: @view_separators;
441
background-image: image($surface-z1);
442
}
443
//
445
// Workaround for 3.26
446
//
447
row#Focus,
449
row#ClickMethod,
450
row#StaticWorkspaceTweak, // for 3.26.0
451
row#dynamic-workspaces,
452
row#PrimaryWorkspaceTweak, // for 3.26.0
453
row#workspaces-only-on-primary {
454
padding: 0;
455
border: 1px solid divider($on-surface);
456
background-clip: padding-box;
457
background-image: image($surface-z1);
458
row:not(:last-child) {
460
border-bottom: 1px solid divider($on-surface);
461
}
462
&.tweak > list {
464
margin-top: -3px;
465
}
466
}
467
// Add more spaces between title and list
469
row#Focus,
470
row#ClickMethod,
471
row#PrimaryWorkspaceTweak, // for 3.26.0
472
row#workspaces-only-on-primary {
473
margin-top: 4px;
474
}
475
// Workaround for gnome-tweaks 3.34
477
// See https://github.com/nana-4/materia-theme/issues/432
478
hdyleaflet.titlebar > .titlebar.tweak-titlebar-left,
479
hdyleaflet.titlebar > .titlebar.tweak-titlebar-right {
480
background-color: inherit;
481
box-shadow: inherit;
482
// Remove only background-color transition.
483
// This shouldn't be necessary, but otherwise it gets lag...
484
transition: color $duration $ease-out;
485
+ separator {
487
background-color: inherit;
488
background-image: image(divider($on-titlebar));
489
}
490
}
491
/**
493
* Builder
494
*/
495
// based css for 3.22:
497
// https://gitlab.gnome.org/GNOME/gnome-builder/tree/gnome-builder-3-22/data/theme
498
// based css for 3.24:
499
// https://gitlab.gnome.org/GNOME/gnome-builder/tree/gnome-builder-3-24/data/theme
500
// based css for 3.26:
501
// https://gitlab.gnome.org/GNOME/gnome-builder/tree/gnome-builder-3-26/data/themes
502
// Layout tab and tab bar tweaks
504
// The following makes the layout stack header look similar to a tab bar.
505
layouttabbar {
506
border-bottom: 1px solid divider($on-surface);
507
background-color: $surface-z0;
508
button {
510
@extend %button-flat-activatable;
511
}
512
> box > button {
514
margin: (40px - $medium-size) / 2 0;
515
// border-radius: 0;
516
}
517
}
518
layouttab {
520
margin: 0 8px; // not working
521
border-style: none solid;
522
border-width: 1px;
523
border-color: divider($on-surface);
524
box-shadow: inset 0 -2px $primary;
525
background-color: $surface-z1;
526
separator.vertical {
528
margin: 8px 4px;
529
}
530
button {
532
&,
533
&.text-button,
534
&.image-button {
535
margin-top: 8px;
536
margin-bottom: 8px;
537
padding: 0 4px;
538
}
539
}
540
// Close button styling for layouttab.
542
> box > button.close {
543
// border-radius: $circular-radius;
544
}
545
}
546
layout {
548
border: 1px solid divider($on-surface);
549
-PnlDockBin-handle-size: 1;
550
}
551
entry.search-missing {
553
background-color: $error;
554
color: $on-error;
555
}
556
// tweak icons for treeviews
558
window.workbench treeview.image {
559
color: hint($on-surface);
560
}
561
popover.popover-selector list {
563
padding: 8px - 2px;
564
row {
566
border-radius: $corner-radius;
567
image {
569
&:dir(ltr) {
570
margin-right: 6px;
571
}
572
&:dir(rtl) {
574
margin-left: 6px;
575
}
576
}
577
.accel {
579
&:dir(ltr) {
580
margin-left: 6px;
581
}
582
&:dir(rtl) {
584
margin-right: 6px;
585
}
586
}
587
}
588
}
589
omnibar {
591
&.linked:not(.vertical) entry {
592
border-radius: $corner-radius;
593
}
594
entry {
596
color: hint($on-surface);
597
}
598
}
599
popover.omnibar list row:not(:last-child) {
601
border-bottom: 1px solid divider($on-surface);
602
}
603
entry.preferences-search {
605
border-bottom: 1px solid divider($on-surface);
606
box-shadow: none;
607
background-color: transparent;
608
// doesn't work properly
610
&:dir(ltr) {
611
// border-right: 1px solid divider($on-surface);
612
}
613
&:dir(rtl) {
615
// border-left: 1px solid divider($on-surface);
616
}
617
}
618
preferences stacksidebar.sidebar {
620
list {
621
// background-color: $surface-z0;
622
}
623
&:dir(ltr),
625
&:dir(rtl) {
626
list {
627
border-style: none;
628
}
629
}
630
list separator {
632
@extend %hide_separators;
633
}
634
}
635
preferences > box > box {
637
&:dir(ltr) {
638
border-right: 1px solid divider($on-surface);
639
}
640
&:dir(rtl) {
642
border-left: 1px solid divider($on-surface);
643
}
644
}
645
popover.messagepopover {
647
&.background {
648
padding: 0;
649
}
650
.popover-action-area button {
652
@extend %button-flat-basic;
653
padding: 8px 16px;
655
border-top: 1px solid divider($on-surface);
656
border-radius: 0;
657
&:first-child {
659
border-bottom-left-radius: $corner-radius;
660
}
661
&:last-child {
663
border-bottom-right-radius: $corner-radius;
664
}
665
}
666
.popover-content-area {
668
margin: 16px;
669
}
670
}
671
popover.transfers list {
673
background-color: transparent;
674
row:not(:first-child) {
676
border-top: 1px solid divider($on-surface);
677
}
678
row > box {
680
padding: 10px;
681
}
682
}
683
dockbin {
685
border: 1px solid divider($on-surface);
686
-PnlDockBin-handle-size: 1;
687
}
688
dockpaned {
690
border: 1px solid divider($on-surface);
691
}
692
eggsearchbar box.search-bar {
694
padding: 0 8px;
695
border-bottom: 1px solid divider($on-surface);
696
background-color: $surface-z0;
697
}
698
docktabstrip {
700
padding: 0 8px;
701
border-bottom: 1px solid divider($on-surface);
702
background-color: $surface-z0;
703
}
704
docktab {
706
transition: $transition,
707
background-size 0ms,
708
background-image 0ms;
709
min-height: $small-size;
710
min-width: $small-size;
711
margin-bottom: -1px;
712
padding: $container-padding 6px;
713
border-width: 1px; // for reorderable tabs
715
border-color: transparent; //
716
box-shadow: inset 0 -2px transparent;
718
background-image: radial-gradient(circle, $primary 10%, transparent 0%);
719
background-repeat: no-repeat;
720
background-position: center;
721
background-size: 0% 0%;
722
color: hint($on-surface);
724
font-weight: 500;
725
&:hover {
727
background-color: overlay("hover", $on-surface);
728
}
729
&:checked {
731
transition: $transition,
732
background-size $ripple-fade-in-duration $ease-out,
733
background-image $ripple-fade-in-duration + $ripple-fade-out-duration $ease-out;
734
box-shadow: inset 0 -2px $primary;
735
background-color: transparent;
736
background-image: radial-gradient(circle, transparent 10%, transparent 0%);
737
background-size: 1000% 1000%;
738
color: $on-surface;
739
}
740
}
741
dockoverlayedge {
743
background-color: $surface-z0;
744
docktabstrip {
746
padding: 0;
747
border: none;
748
}
749
&.left-edge docktab:checked {
751
box-shadow: inset -2px 0 $primary;
752
}
753
&.right-edge docktab:checked {
755
box-shadow: inset 2px 0 $primary;
756
}
757
}
758
pillbox {
760
background-color: $surface-z0;
761
border-radius: $corner-radius;
762
}
763
buildperspective row {
765
// padding: 10px;
766
}
767
layoutpane entry.search {
769
border-bottom: 1px solid divider($on-surface);
770
box-shadow: none;
771
background-color: $surface-z1;
772
}
773
editortweak entry.search {
775
margin-bottom: -1px;
776
box-shadow: none;
777
background-color: transparent;
778
}
779
//
781
// let's tweak hard-coded elements
782
//
783
.gb-search-entry-occurrences-tag {
785
box-shadow: none;
786
background-color: transparent;
787
}
788
// Keep search bar and layouttab height in sync.
790
// layouttabbar > box,
791
// eggsearchbar > revealer > box,
792
docktabstrip {
793
min-height: 39px;
794
}
795
eggsearchbar entry {
797
// min-height: 24px;
798
}
799
window.workbench preferences preferencesgroup list entry {
801
// background: none;
802
// min-height: 0px;
803
padding-top: 8px;
804
padding-bottom: 8px;
805
}
806
button.run-arrow-button {
808
// min-width: 12px;
809
padding-left: ($medium-size - 16px) / 2;
810
padding-right: ($medium-size - 16px) / 2;
811
}
812
//
814
// Additional styles for 3.26
815
//
816
button.dzlmenubutton image {
818
min-width: $medium-size - 6px;
819
&.arrow {
821
min-width: $medium-size - 9px;
822
}
823
}
824
button.dzlmenubuttonitem {
826
color: $on-surface;
827
font-weight: normal;
828
&:disabled {
830
color: disabled($on-surface);
831
}
832
}
833
idelayoutstackheader {
835
border-bottom: 1px solid divider($on-surface);
836
button:checked {
838
color: $on-surface;
839
}
840
}
841
// utilities stack switcher
843
ideeditorutilities > dzldockpaned > box > stackswitcher {
844
padding: 8px 0;
845
background-color: $surface-z0;
846
&:dir(ltr) {
848
border-right: 1px solid divider($on-surface);
849
}
850
&:dir(rtl) {
852
border-left: 1px solid divider($on-surface);
853
}
854
button {
856
border-radius: 0;
857
box-shadow: none;
858
background-color: transparent;
859
&:active {
861
background-image: radial-gradient(circle, rgba($primary, .7) 10%, transparent 0%);
862
}
863
&:checked {
865
background-color: transparent;
866
color: $on-surface;
867
}
868
&:dir(ltr) {
870
margin-right: -1px;
871
&:checked {
873
box-shadow: inset -2px 0 $primary;
874
}
875
}
876
&:dir(rtl) {
878
margin-left: -1px;
879
&:checked {
881
box-shadow: inset 2px 0 $primary;
882
}
883
}
884
}
885
}
886
// buildui panel
888
ideeditorsidebar notebook header {
889
background: transparent;
890
}
891
popover.messagepopover {
893
// padding: 0;
894
list {
896
border: 1px solid divider($on-surface);
897
background-clip: padding-box;
898
row:not(:last-child) {
900
border-bottom: 1px solid divider($on-surface);
901
}
902
}
903
}
904
// Workaround for hard-coded .title color
906
dzlsuggestionpopover > revealer > box > elastic > scrolledwindow > viewport > list > row:selected {
907
.title {
908
// color: @theme_selected_fg_color;
909
}
910
background-color: $primary;
912
color: $on-primary;
913
}
914
// Workaround for hard-coded button background
916
#titlebar_container .suggestionbutton button {
917
// background-color: @content_view_bg;
918
// background-image: none;
919
padding: 0;
921
border-radius: 0;
922
box-shadow: inset 0 0 0 9999px $titlebar;
923
&:backdrop {
925
box-shadow: inset 0 0 0 9999px $titlebar-backdrop;
926
}
927
// For some reason background-image doesn't work well with transition :(
929
image {
930
transition:
931
box-shadow $duration $ease-out,
932
background-color $ripple-fade-in-duration $ease-out;
933
min-width: $medium-size;
934
min-height: $medium-size;
935
border-radius: $circular-radius;
936
box-shadow: inset 0 0 0 9999px transparent;
937
}
938
&:hover image {
940
box-shadow: inset 0 0 0 9999px overlay("hover", $on-titlebar);
941
}
942
&:focus image {
944
box-shadow: inset 0 0 0 9999px overlay("focus", $on-titlebar);
945
}
946
&:active image {
948
background-color: overlay("pressed", $on-titlebar);
949
}
950
}
951
/**
953
* Photos
954
*/
955
// based css:
957
// https://gitlab.gnome.org/GNOME/gnome-photos/blob/master/data/Adwaita.css
958
GdMainIconView.content-view {
960
-GdMainIconView-icon-size: 48;
961
// Make spinner visible on both dark and bright backgrounds w/o making
963
// it look ugly/weird.
964
&.cell:active {
965
// color: disabled($on-surface);
966
}
967
}
968
.documents-counter {
970
margin: 8px;
971
border-radius: $circular-radius;
972
box-shadow: $shadow-z4;
973
background-color: $primary;
974
color: $on-primary;
975
font-weight: bold;
976
}
977
.photos-entry-tag {
979
@extend .entry-tag;
980
}
981
.documents-scrolledwin.frame {
983
border-style: none;
984
background-color: transparent;
985
frame.content-view > border {
987
border-style: none;
988
background-color: transparent;
989
}
990
}
991
.photos-icon-bg {
993
}
994
.photos-fade-in {
996
opacity: 1;
997
transition: opacity $duration $ease-out;
998
}
999
.photos-fade-out {
1001
opacity: 0;
1002
transition: opacity $duration $ease-out;
1003
}
1004
.photos-collection-icon {
1006
}
1007
button.photos-filter-preview {
1009
color: $on-surface;
1010
font-weight: normal;
1011
&:checked {
1013
background-color: $overlay-selected;
1014
color: $on-surface;
1015
image {
1017
color: $on-dark;
1018
-gtk-icon-shadow: $text-shadow;
1019
}
1020
}
1021
}
1022
overlay grid.horizontal > revealer > scrolledwindow.frame {
1024
border-style: none;
1025
background-color: transparent;
1026
&:dir(ltr) {
1028
border-left-style: solid;
1029
}
1030
&:dir(rtl) {
1032
border-right-style: solid;
1033
}
1034
}
1035
/**
1037
* Music
1038
*/
1039
// hard-coded css:
1041
// https://gitlab.gnome.org/GNOME/gnome-music/blob/master/data/application.css
1042
.side-panel:dir(ltr) {
1044
// border-width: 0 1px 0 0;
1045
border-style: solid;
1046
border-color: divider($on-surface);
1047
}
1048
.side-panel:dir(rtl) {
1050
// border-width: 0 0 0 1px;
1051
border-style: solid;
1052
border-color: divider($on-surface);
1053
}
1054
.side-panel .view {
1056
// background-color: mix(@theme_fg_color, @theme_bg_color, 0.9);
1057
background-image: image($surface-z0);
1058
&:hover {
1060
background-image: image(overlay("hover", $on-surface, $on: $surface-z0));
1061
}
1062
}
1063
.side-panel .view:selected {
1065
// background-color: mix(@theme_fg_color, @theme_bg_color, 0.5);
1066
background-image: image($primary);
1067
&:hover {
1069
background-image: image(overlay("hover", $on-primary, $on: $primary));
1070
}
1071
}
1072
.songs-list {
1074
// box-shadow: inset 0 -1px shade(@borders, 1.30);
1075
// background-color: @theme_bg_color;
1076
&:hover {
1078
background-image: image(overlay("hover", $on-surface));
1079
}
1080
}
1081
frame.documents-dropdown {
1083
@extend %toolbar-osd;
1084
margin: 8px;
1086
> border {
1088
border: none;
1089
}
1090
}
1091
box.vertical > revealer > toolbar.search-bar {
1093
border-bottom: 1px solid divider($on-surface);
1094
button > widget {
1096
-gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
1097
// -GtkArrow-arrow-scaling: 1;
1098
}
1099
}
1100
/**
1102
* Terminal
1103
*/
1104
terminal-window notebook > header > box {
1106
// Remove hard-coded margin around button(s)
1107
margin: -2px;
1108
button {
1110
border-radius: 0;
1111
}
1112
}
1113
/**
1115
* To Do
1116
*/
1117
// less than 3.28
1119
task-list-view {
1120
taskrow {
1121
transition: $transition;
1122
margin: 0 -8px;
1123
&:hover {
1125
transition: none;
1126
}
1127
label {
1129
margin: 0 8px;
1130
}
1131
image.dim-label {
1133
min-width: 16px;
1134
}
1135
}
1136
> box > revealer > box > button {
1138
margin: (12px * 2 - $medium-size) / 2;
1139
.dim-label {
1141
color: inherit;
1142
}
1143
}
1144
}
1145
// 3.28 or later
1147
tasklistview {
1148
taskrow {
1149
outline: none;
1150
entry {
1152
&,
1153
&:focus,
1154
&:disabled {
1155
box-shadow: none;
1156
}
1157
}
1158
image.dim-label {
1160
min-width: 16px;
1161
}
1162
}
1163
> box > revealer > box > button {
1165
margin: (12px * 2 - $medium-size) / 2;
1166
.dim-label {
1168
color: inherit;
1169
}
1170
}
1171
}
1172
/**
1174
* eog
1175
*/
1176
#eog-thumb-nav {
1178
scrolledwindow.frame {
1179
border-top: none;
1180
}
1181
}
1182
/**
1184
* Evolution
1185
*/
1186
frame.taskbar > border {
1188
border-style: solid none none;
1189
}
1190
box.vertical > paned.horizontal notebook widget .frame {
1192
border-style: none;
1193
}
1194
/**
1196
* gitg
1197
*/
1198
frame.commit-frame > border {
1200
border-style: solid none none;
1201
}
1202
/**
1204
* Characters
1205
*/
1206
box.dialog-vbox scrolledwindow.related {
1208
border: 1px solid divider($on-surface);
1209
background-clip: padding-box;
1210
background-color: $surface-z1;
1211
}
1212
list.categories {
1214
background-image: image($surface-z0);
1215
}
1216
/**
1218
* Boxes
1219
*/
1220
.transparent-bg + stack overlay > label {
1222
min-height: 24px;
1223
padding: 0 4px;
1224
border-radius: $corner-radius;
1225
background-color: $scrim;
1226
color: $on-scrim;
1227
}
1228
/**
1230
* Evince
1231
*/
1232
// Color is needed for Evince to match hardcoded background-color,
1234
// since Documents app is also uses this style, background-color needs to be set accordingly.
1235
evview.content-view.view:selected {
1236
background-color: $primary;
1237
color: $on-primary;
1238
}
1239
/**
1241
* Polari
1242
*/
1243
// hard-coded css:
1245
// https://gitlab.gnome.org/GNOME/polari/blob/master/data/resources/application.css
1246
// background-color is needed to match hard-coded row colors.
1248
// Just $primary is too harsh for activated rows, so add transparency.
1249
.polari-room-list row:selected {
1250
background-color: rgba($primary, .5);
1251
}
1252
/**
1254
* Fractal
1255
*/
1256
.message-input-area button {
1258
@extend %button-flat-activatable;
1259
}
1260
// To display the drop shadow
1262
button.osd.scroll_button {
1263
margin: 4px;
1264
}
1265
/**
1267
* Mines
1268
*/
1269
grid.minefield > button.tile {
1271
border-style: solid;
1272
}
1273