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
leaflet.titlebar > .titlebar.tweak-titlebar-left,
479
leaflet.titlebar > .titlebar.tweak-titlebar-right,
480
hdyleaflet.titlebar > .titlebar.tweak-titlebar-left,
481
hdyleaflet.titlebar > .titlebar.tweak-titlebar-right {
482
background-color: inherit;
483
box-shadow: inherit;
484
// Remove only background-color transition.
485
// This shouldn't be necessary, but otherwise it gets lag...
486
transition: color $duration $ease-out;
487
+ separator {
489
background-color: inherit;
490
background-image: image(divider($on-titlebar));
491
}
492
}
493
/**
495
* Builder
496
*/
497
// based css for 3.22:
499
// https://gitlab.gnome.org/GNOME/gnome-builder/tree/gnome-builder-3-22/data/theme
500
// based css for 3.24:
501
// https://gitlab.gnome.org/GNOME/gnome-builder/tree/gnome-builder-3-24/data/theme
502
// based css for 3.26:
503
// https://gitlab.gnome.org/GNOME/gnome-builder/tree/gnome-builder-3-26/data/themes
504
// Layout tab and tab bar tweaks
506
// The following makes the layout stack header look similar to a tab bar.
507
layouttabbar {
508
border-bottom: 1px solid divider($on-surface);
509
background-color: $surface-z0;
510
button {
512
@extend %button-flat-activatable;
513
}
514
> box > button {
516
margin: (40px - $medium-size) / 2 0;
517
// border-radius: 0;
518
}
519
}
520
layouttab {
522
margin: 0 8px; // not working
523
border-style: none solid;
524
border-width: 1px;
525
border-color: divider($on-surface);
526
box-shadow: inset 0 -2px $primary;
527
background-color: $surface-z1;
528
separator.vertical {
530
margin: 8px 4px;
531
}
532
button {
534
&,
535
&.text-button,
536
&.image-button {
537
margin-top: 8px;
538
margin-bottom: 8px;
539
padding: 0 4px;
540
}
541
}
542
// Close button styling for layouttab.
544
> box > button.close {
545
// border-radius: $circular-radius;
546
}
547
}
548
layout {
550
border: 1px solid divider($on-surface);
551
-PnlDockBin-handle-size: 1;
552
}
553
entry.search-missing {
555
background-color: $error;
556
color: $on-error;
557
}
558
// tweak icons for treeviews
560
window.workbench treeview.image {
561
color: hint($on-surface);
562
}
563
popover.popover-selector list {
565
padding: 8px - 2px;
566
row {
568
border-radius: $corner-radius;
569
image {
571
&:dir(ltr) {
572
margin-right: 6px;
573
}
574
&:dir(rtl) {
576
margin-left: 6px;
577
}
578
}
579
.accel {
581
&:dir(ltr) {
582
margin-left: 6px;
583
}
584
&:dir(rtl) {
586
margin-right: 6px;
587
}
588
}
589
}
590
}
591
omnibar {
593
&.linked:not(.vertical) entry {
594
border-radius: $corner-radius;
595
}
596
entry {
598
color: hint($on-surface);
599
}
600
}
601
popover.omnibar list row:not(:last-child) {
603
border-bottom: 1px solid divider($on-surface);
604
}
605
entry.preferences-search {
607
border-bottom: 1px solid divider($on-surface);
608
box-shadow: none;
609
background-color: transparent;
610
// doesn't work properly
612
&:dir(ltr) {
613
// border-right: 1px solid divider($on-surface);
614
}
615
&:dir(rtl) {
617
// border-left: 1px solid divider($on-surface);
618
}
619
}
620
preferences stacksidebar.sidebar {
622
list {
623
// background-color: $surface-z0;
624
}
625
&:dir(ltr),
627
&:dir(rtl) {
628
list {
629
border-style: none;
630
}
631
}
632
list separator {
634
@extend %hide_separators;
635
}
636
}
637
preferences > box > box {
639
&:dir(ltr) {
640
border-right: 1px solid divider($on-surface);
641
}
642
&:dir(rtl) {
644
border-left: 1px solid divider($on-surface);
645
}
646
}
647
popover.messagepopover {
649
&.background {
650
padding: 0;
651
}
652
.popover-action-area button {
654
@extend %button-flat-basic;
655
padding: 8px 16px;
657
border-top: 1px solid divider($on-surface);
658
border-radius: 0;
659
&:first-child {
661
border-bottom-left-radius: $corner-radius;
662
}
663
&:last-child {
665
border-bottom-right-radius: $corner-radius;
666
}
667
}
668
.popover-content-area {
670
margin: 16px;
671
}
672
}
673
popover.transfers list {
675
background-color: transparent;
676
row:not(:first-child) {
678
border-top: 1px solid divider($on-surface);
679
}
680
row > box {
682
padding: 10px;
683
}
684
}
685
dockbin {
687
border: 1px solid divider($on-surface);
688
-PnlDockBin-handle-size: 1;
689
}
690
dockpaned {
692
border: 1px solid divider($on-surface);
693
}
694
eggsearchbar box.search-bar {
696
padding: 0 8px;
697
border-bottom: 1px solid divider($on-surface);
698
background-color: $surface-z0;
699
}
700
docktabstrip {
702
padding: 0 8px;
703
border-bottom: 1px solid divider($on-surface);
704
background-color: $surface-z0;
705
}
706
docktab {
708
transition: $transition,
709
background-size 0ms,
710
background-image 0ms;
711
min-height: $small-size;
712
min-width: $small-size;
713
margin-bottom: -1px;
714
padding: $container-padding 6px;
715
border-width: 1px; // for reorderable tabs
717
border-color: transparent; //
718
box-shadow: inset 0 -2px transparent;
720
background-image: radial-gradient(circle, $primary 10%, transparent 0%);
721
background-repeat: no-repeat;
722
background-position: center;
723
background-size: 0% 0%;
724
color: hint($on-surface);
726
font-weight: 500;
727
&:hover {
729
background-color: overlay("hover", $on-surface);
730
}
731
&:checked {
733
transition: $transition,
734
background-size $ripple-fade-in-duration $ease-out,
735
background-image $ripple-fade-in-duration + $ripple-fade-out-duration $ease-out;
736
box-shadow: inset 0 -2px $primary;
737
background-color: transparent;
738
background-image: radial-gradient(circle, transparent 10%, transparent 0%);
739
background-size: 1000% 1000%;
740
color: $on-surface;
741
}
742
}
743
dockoverlayedge {
745
background-color: $surface-z0;
746
docktabstrip {
748
padding: 0;
749
border: none;
750
}
751
&.left-edge docktab:checked {
753
box-shadow: inset -2px 0 $primary;
754
}
755
&.right-edge docktab:checked {
757
box-shadow: inset 2px 0 $primary;
758
}
759
}
760
pillbox {
762
background-color: $surface-z0;
763
border-radius: $corner-radius;
764
}
765
buildperspective row {
767
// padding: 10px;
768
}
769
layoutpane entry.search {
771
border-bottom: 1px solid divider($on-surface);
772
box-shadow: none;
773
background-color: $surface-z1;
774
}
775
editortweak entry.search {
777
margin-bottom: -1px;
778
box-shadow: none;
779
background-color: transparent;
780
}
781
//
783
// let's tweak hard-coded elements
784
//
785
.gb-search-entry-occurrences-tag {
787
box-shadow: none;
788
background-color: transparent;
789
}
790
// Keep search bar and layouttab height in sync.
792
// layouttabbar > box,
793
// eggsearchbar > revealer > box,
794
docktabstrip {
795
min-height: 39px;
796
}
797
eggsearchbar entry {
799
// min-height: 24px;
800
}
801
window.workbench preferences preferencesgroup list entry {
803
// background: none;
804
// min-height: 0px;
805
padding-top: 8px;
806
padding-bottom: 8px;
807
}
808
button.run-arrow-button {
810
// min-width: 12px;
811
padding-left: ($medium-size - 16px) / 2;
812
padding-right: ($medium-size - 16px) / 2;
813
}
814
//
816
// Additional styles for 3.26
817
//
818
button.dzlmenubutton image {
820
min-width: $medium-size - 6px;
821
&.arrow {
823
min-width: $medium-size - 9px;
824
}
825
}
826
button.dzlmenubuttonitem {
828
color: $on-surface;
829
font-weight: normal;
830
&:disabled {
832
color: disabled($on-surface);
833
}
834
}
835
idelayoutstackheader {
837
border-bottom: 1px solid divider($on-surface);
838
button:checked {
840
color: $on-surface;
841
}
842
}
843
// utilities stack switcher
845
ideeditorutilities > dzldockpaned > box > stackswitcher {
846
padding: 8px 0;
847
background-color: $surface-z0;
848
&:dir(ltr) {
850
border-right: 1px solid divider($on-surface);
851
}
852
&:dir(rtl) {
854
border-left: 1px solid divider($on-surface);
855
}
856
button {
858
border-radius: 0;
859
box-shadow: none;
860
background-color: transparent;
861
&:active {
863
background-image: radial-gradient(circle, rgba($primary, .7) 10%, transparent 0%);
864
}
865
&:checked {
867
background-color: transparent;
868
color: $on-surface;
869
}
870
&:dir(ltr) {
872
margin-right: -1px;
873
&:checked {
875
box-shadow: inset -2px 0 $primary;
876
}
877
}
878
&:dir(rtl) {
880
margin-left: -1px;
881
&:checked {
883
box-shadow: inset 2px 0 $primary;
884
}
885
}
886
}
887
}
888
// buildui panel
890
ideeditorsidebar notebook header {
891
background: transparent;
892
}
893
popover.messagepopover {
895
// padding: 0;
896
list {
898
border: 1px solid divider($on-surface);
899
background-clip: padding-box;
900
row:not(:last-child) {
902
border-bottom: 1px solid divider($on-surface);
903
}
904
}
905
}
906
// Workaround for hard-coded .title color
908
dzlsuggestionpopover > revealer > box > elastic > scrolledwindow > viewport > list > row:selected {
909
.title {
910
// color: @theme_selected_fg_color;
911
}
912
background-color: $primary;
914
color: $on-primary;
915
}
916
// Workaround for hard-coded button background
918
#titlebar_container .suggestionbutton button {
919
// background-color: @content_view_bg;
920
// background-image: none;
921
padding: 0;
923
border-radius: 0;
924
box-shadow: inset 0 0 0 9999px $titlebar;
925
&:backdrop {
927
box-shadow: inset 0 0 0 9999px $titlebar-backdrop;
928
}
929
// For some reason background-image doesn't work well with transition :(
931
image {
932
transition:
933
box-shadow $duration $ease-out,
934
background-color $ripple-fade-in-duration $ease-out;
935
min-width: $medium-size;
936
min-height: $medium-size;
937
border-radius: $circular-radius;
938
box-shadow: inset 0 0 0 9999px transparent;
939
}
940
&:hover image {
942
box-shadow: inset 0 0 0 9999px overlay("hover", $on-titlebar);
943
}
944
&:focus image {
946
box-shadow: inset 0 0 0 9999px overlay("focus", $on-titlebar);
947
}
948
&:active image {
950
background-color: overlay("pressed", $on-titlebar);
951
}
952
}
953
/**
955
* Photos
956
*/
957
// based css:
959
// https://gitlab.gnome.org/GNOME/gnome-photos/blob/master/data/Adwaita.css
960
GdMainIconView.content-view {
962
-GdMainIconView-icon-size: 48;
963
// Make spinner visible on both dark and bright backgrounds w/o making
965
// it look ugly/weird.
966
&.cell:active {
967
// color: disabled($on-surface);
968
}
969
}
970
.documents-counter {
972
margin: 8px;
973
border-radius: $circular-radius;
974
box-shadow: $shadow-z4;
975
background-color: $primary;
976
color: $on-primary;
977
font-weight: bold;
978
}
979
.photos-entry-tag {
981
@extend .entry-tag;
982
}
983
.documents-scrolledwin.frame {
985
border-style: none;
986
background-color: transparent;
987
frame.content-view > border {
989
border-style: none;
990
background-color: transparent;
991
}
992
}
993
.photos-icon-bg {
995
}
996
.photos-fade-in {
998
opacity: 1;
999
transition: opacity $duration $ease-out;
1000
}
1001
.photos-fade-out {
1003
opacity: 0;
1004
transition: opacity $duration $ease-out;
1005
}
1006
.photos-collection-icon {
1008
}
1009
button.photos-filter-preview {
1011
color: $on-surface;
1012
font-weight: normal;
1013
&:checked {
1015
background-color: $overlay-selected;
1016
color: $on-surface;
1017
image {
1019
color: $on-dark;
1020
-gtk-icon-shadow: $text-shadow;
1021
}
1022
}
1023
}
1024
overlay grid.horizontal > revealer > scrolledwindow.frame {
1026
border-style: none;
1027
background-color: transparent;
1028
&:dir(ltr) {
1030
border-left-style: solid;
1031
}
1032
&:dir(rtl) {
1034
border-right-style: solid;
1035
}
1036
}
1037
/**
1039
* Music
1040
*/
1041
// hard-coded css:
1043
// https://gitlab.gnome.org/GNOME/gnome-music/blob/master/data/application.css
1044
.side-panel:dir(ltr) {
1046
// border-width: 0 1px 0 0;
1047
border-style: solid;
1048
border-color: divider($on-surface);
1049
}
1050
.side-panel:dir(rtl) {
1052
// border-width: 0 0 0 1px;
1053
border-style: solid;
1054
border-color: divider($on-surface);
1055
}
1056
.side-panel .view {
1058
// background-color: mix(@theme_fg_color, @theme_bg_color, 0.9);
1059
background-image: image($surface-z0);
1060
&:hover {
1062
background-image: image(overlay("hover", $on-surface, $on: $surface-z0));
1063
}
1064
}
1065
.side-panel .view:selected {
1067
// background-color: mix(@theme_fg_color, @theme_bg_color, 0.5);
1068
background-image: image($primary);
1069
&:hover {
1071
background-image: image(overlay("hover", $on-primary, $on: $primary));
1072
}
1073
}
1074
.songs-list {
1076
// box-shadow: inset 0 -1px shade(@borders, 1.30);
1077
// background-color: @theme_bg_color;
1078
&:hover {
1080
background-image: image(overlay("hover", $on-surface));
1081
}
1082
}
1083
frame.documents-dropdown {
1085
@extend %toolbar-osd;
1086
margin: 8px;
1088
> border {
1090
border: none;
1091
}
1092
}
1093
box.vertical > revealer > toolbar.search-bar {
1095
border-bottom: 1px solid divider($on-surface);
1096
button > widget {
1098
-gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
1099
// -GtkArrow-arrow-scaling: 1;
1100
}
1101
}
1102
/**
1104
* Terminal
1105
*/
1106
terminal-window notebook > header > box {
1108
// Remove hard-coded margin around button(s)
1109
margin: -2px;
1110
button {
1112
border-radius: 0;
1113
}
1114
}
1115
/**
1117
* To Do
1118
*/
1119
// less than 3.28
1121
task-list-view {
1122
taskrow {
1123
transition: $transition;
1124
margin: 0 -8px;
1125
&:hover {
1127
transition: none;
1128
}
1129
label {
1131
margin: 0 8px;
1132
}
1133
image.dim-label {
1135
min-width: 16px;
1136
}
1137
}
1138
> box > revealer > box > button {
1140
margin: (12px * 2 - $medium-size) / 2;
1141
.dim-label {
1143
color: inherit;
1144
}
1145
}
1146
}
1147
// 3.28 or later
1149
tasklistview {
1150
taskrow {
1151
outline: none;
1152
entry {
1154
&,
1155
&:focus,
1156
&:disabled {
1157
box-shadow: none;
1158
}
1159
}
1160
image.dim-label {
1162
min-width: 16px;
1163
}
1164
}
1165
> box > revealer > box > button {
1167
margin: (12px * 2 - $medium-size) / 2;
1168
.dim-label {
1170
color: inherit;
1171
}
1172
}
1173
}
1174
/**
1176
* eog
1177
*/
1178
#eog-thumb-nav {
1180
scrolledwindow.frame {
1181
border-top: none;
1182
}
1183
}
1184
/**
1186
* Evolution
1187
*/
1188
frame.taskbar > border {
1190
border-style: solid none none;
1191
}
1192
box.vertical > paned.horizontal notebook widget .frame {
1194
border-style: none;
1195
}
1196
/**
1198
* gitg
1199
*/
1200
frame.commit-frame > border {
1202
border-style: solid none none;
1203
}
1204
/**
1206
* Characters
1207
*/
1208
box.dialog-vbox scrolledwindow.related {
1210
border: 1px solid divider($on-surface);
1211
background-clip: padding-box;
1212
background-color: $surface-z1;
1213
}
1214
list.categories {
1216
background-image: image($surface-z0);
1217
}
1218
/**
1220
* Boxes
1221
*/
1222
.transparent-bg + stack overlay > label {
1224
min-height: 24px;
1225
padding: 0 4px;
1226
border-radius: $corner-radius;
1227
background-color: $scrim;
1228
color: $on-scrim;
1229
}
1230
/**
1232
* Evince
1233
*/
1234
// Color is needed for Evince to match hardcoded background-color,
1236
// since Documents app is also uses this style, background-color needs to be set accordingly.
1237
evview.content-view.view:selected {
1238
background-color: $primary;
1239
color: $on-primary;
1240
}
1241
/**
1243
* Polari
1244
*/
1245
// hard-coded css:
1247
// https://gitlab.gnome.org/GNOME/polari/blob/master/data/resources/application.css
1248
// background-color is needed to match hard-coded row colors.
1250
// Just $primary is too harsh for activated rows, so add transparency.
1251
.polari-room-list row:selected {
1252
background-color: rgba($primary, .5);
1253
}
1254
/**
1256
* Fractal
1257
*/
1258
.message-input-area button {
1260
@extend %button-flat-activatable;
1261
}
1262
// To display the drop shadow
1264
button.osd.scroll_button {
1265
margin: 4px;
1266
}
1267
/**
1269
* Mines
1270
*/
1271
grid.minefield > button.tile {
1273
border-style: solid;
1274
}
1275