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
169
.nautilus-list-view .view:not(.dnd) {
170
// border-bottom: 1px solid divider($on-surface);
171
}
172
.nautilus-empty-state-icon + .large-title {
174
@extend .title-1;
175
color: hint($on-surface);
176
}
177
.search-information {
179
padding: 2px;
180
border-bottom: 1px solid divider($on-surface);
181
}
182
.documents-entry-tag {
184
@extend .entry-tag;
185
}
186
.conflict-row:not(:selected) {
188
background-color: mix($warning, $surface-z1, percentage(.3));
189
}
190
// Icon view
192
.nautilus-window flowboxchild {
193
.icon-background {
194
// background-color: black;
195
}
196
.icon-item-background {
198
padding: 4px;
199
border-radius: $corner-radius;
200
}
201
&:selected {
203
background-color: transparent;
204
.icon-item-background {
206
background-color: $overlay-selected;
207
}
208
}
209
}
210
// Batch rename dialog
212
dialog.background > box.dialog-vbox.vertical > grid.horizontal {
213
> scrolledwindow.frame {
214
border-style: none;
215
}
216
> box.horizontal:last-child {
218
margin: -6px 0 0 -6px;
219
border-top: 1px solid divider($on-surface);
220
> label {
222
margin: 0 8px;
223
}
224
> box > button {
226
border-radius: 0;
227
}
228
}
229
}
230
// Tweak to fix the messy sizing of the popover menu
232
.nautilus-window > popover.menu:not(:last-child) {
233
padding: 3px;
234
> stack > box > box > box {
236
margin-top: -6px;
237
> box {
239
margin-bottom: -6px;
240
&.linked {
242
margin-top: 1px;
243
}
244
}
245
}
246
separator {
248
margin-bottom: -2px;
249
}
250
}
251
.nautilus-menu-sort-heading {
253
// min-height: 26px;
254
// padding-left: 5px;
255
// padding-right: 5px;
256
margin: 1px 3px;
257
font-weight: 500;
258
&:disabled {
260
color: hint($on-surface);
261
}
262
}
263
// Make operations button circular
265
.nautilus-window headerbar revealer > button {
266
border-radius: $circular-radius;
267
}
268
// Ensure paned separator rendering. See issue #84 for details.
270
.nautilus-window paned > separator {
271
background-color: $surface-z0;
272
}
273
/**
276
* gedit
277
*/
278
// based css:
280
// https://gitlab.gnome.org/GNOME/gedit/blob/master/gedit/resources/css/gedit.adwaita.css
281
// hard-coded css:
282
// https://gitlab.gnome.org/GNOME/gedit/blob/master/gedit/resources/css/gedit-style.css
283
// Only normal state is handle
285
.open-document-selector-name-label {
286
// font-weight: bold;
287
}
288
// Only normal state is handle
290
.open-document-selector-path-label {
291
color: hint($on-surface);
292
font-size: smaller;
293
}
294
// Only normal state is handle
296
.open-document-selector-match {
297
background-color: $warning;
298
color: $on-warning;
299
}
300
.gedit-document-panel {
302
// Try to look as the notebook tab close button
303
row button.flat {
304
margin-top: 8px;
305
margin-bottom: 8px;
306
@extend %button-small;
308
}
309
}
310
.gedit-document-panel-group-row:not(:first-child) {
312
border-top: 1px solid divider($on-surface);
313
}
314
.gedit-side-panel-paned statusbar {
316
border-top: 1px solid divider($on-surface);
317
}
318
.gedit-search-slider {
320
margin: 4px 4px 8px;
321
.linked:not(.vertical) > entry {
323
border-radius: $corner-radius;
324
@extend %entry_raised;
325
.gedit-search-entry-occurrences-tag {
327
all: unset;
328
color: hint($on-surface);
329
}
330
$buttons_width: $small-size * 2 + $container-padding * 3;
332
&:dir(ltr) {
334
margin-right: -$buttons_width;
335
padding-right: $buttons_width;
336
.gedit-search-entry-occurrences-tag {
338
margin-left: $container-padding;
339
}
340
image.right {
342
margin-right: 0;
343
}
344
}
345
&:dir(rtl) {
347
margin-left: -$buttons_width;
348
padding-left: $buttons_width;
349
.gedit-search-entry-occurrences-tag {
351
margin-right: $container-padding;
352
}
353
image.left {
355
margin-left: 0;
356
}
357
}
358
&:not(.error) {
360
background-color: $surface-z8;
361
}
362
&.error ~ button {
364
color: hint($on-error);
365
@include ink-color($on-error, $button-style: "flat");
366
&:disabled {
368
color: disabled-hint($on-error);
369
}
370
}
371
}
372
.linked:not(.vertical) > button {
374
border: solid $container-padding transparent;
375
border-radius: $circular-radius;
376
background-clip: padding-box;
377
@extend %button-flat-basic;
379
@extend %button-small;
380
&:last-child:dir(ltr),
382
&:not(:first-child):dir(rtl) {
383
margin-left: -$container-padding / 2;
384
}
385
&:first-child:dir(rtl),
387
&:not(:last-child):dir(ltr) {
388
margin-right: -$container-padding / 2;
389
}
390
}
391
}
392
frame.gedit-map-frame > border {
394
&:dir(ltr) {
395
border-style: none none none solid;
396
}
397
&:dir(rtl) {
399
border-style: none solid none none;
400
}
401
}
402
/**
404
* Tweaks
405
*/
406
// hard-coded css:
408
// https://gitlab.gnome.org/GNOME/gnome-tweaks/blob/master/data/shell.css
409
// the sidebar
411
.tweak-categories {
412
// padding: 4px 0;
413
// background-color: shade(@theme_bg_color, 0.99);
414
background-image: image($surface-z0);
415
separator {
417
@extend %hide_separators;
418
}
419
}
420
.tweak {
422
// padding-top: 3px;
423
padding: 3px;
424
&.title:hover {
426
box-shadow: none;
427
}
428
}
429
.tweak-group-white,
431
.tweak-white,
432
.tweak-white:hover {
433
// background-color: white;
434
background-image: image($surface-z1);
435
}
436
.tweak-startup,
438
.tweak-startup:hover {
439
// background-color: lighter(shade(@theme_bg_color, 0.9));
440
background-image: image($surface-z1);
441
}
442
.tweak-group-startup {
444
border: 1px solid divider($on-surface);
445
background-clip: padding-box;
446
// background-color: @view_separators;
447
background-image: image($surface-z1);
448
}
449
//
451
// Workaround for 3.26
452
//
453
row#Focus,
455
row#ClickMethod,
456
row#StaticWorkspaceTweak, // for 3.26.0
457
row#dynamic-workspaces,
458
row#PrimaryWorkspaceTweak, // for 3.26.0
459
row#workspaces-only-on-primary {
460
padding: 0;
461
border: 1px solid divider($on-surface);
462
background-clip: padding-box;
463
background-image: image($surface-z1);
464
row:not(:last-child) {
466
border-bottom: 1px solid divider($on-surface);
467
}
468
&.tweak > list {
470
margin-top: -3px;
471
}
472
}
473
// Add more spaces between title and list
475
row#Focus,
476
row#ClickMethod,
477
row#PrimaryWorkspaceTweak, // for 3.26.0
478
row#workspaces-only-on-primary {
479
margin-top: 4px;
480
}
481
// Workaround for gnome-tweaks >= 3.34
483
// See https://github.com/nana-4/materia-theme/issues/432
484
leaflet.titlebar > .titlebar.tweak-titlebar-left,
485
leaflet.titlebar > .titlebar.tweak-titlebar-right,
486
hdyleaflet.titlebar > .titlebar.tweak-titlebar-left,
487
hdyleaflet.titlebar > .titlebar.tweak-titlebar-right {
488
background-color: inherit;
489
box-shadow: inherit;
490
// Remove only background-color transition.
491
// This shouldn't be necessary, but otherwise it gets lag...
492
transition: color $duration $ease-out;
493
+ separator {
495
background-color: inherit;
496
background-image: image(divider($on-titlebar));
497
}
498
}
499
/**
501
* Builder
502
*/
503
// based css for 3.22:
505
// https://gitlab.gnome.org/GNOME/gnome-builder/tree/gnome-builder-3-22/data/theme
506
// based css for 3.24:
507
// https://gitlab.gnome.org/GNOME/gnome-builder/tree/gnome-builder-3-24/data/theme
508
// based css for 3.26:
509
// https://gitlab.gnome.org/GNOME/gnome-builder/tree/gnome-builder-3-26/data/themes
510
// Layout tab and tab bar tweaks
512
// The following makes the layout stack header look similar to a tab bar.
513
layouttabbar {
514
border-bottom: 1px solid divider($on-surface);
515
background-color: $surface-z0;
516
button {
518
@extend %button-flat-activatable;
519
}
520
> box > button {
522
margin: (40px - $medium-size) / 2 0;
523
// border-radius: 0;
524
}
525
}
526
layouttab {
528
margin: 0 8px; // not working
529
border-style: none solid;
530
border-width: 1px;
531
border-color: divider($on-surface);
532
box-shadow: inset 0 -2px $primary;
533
background-color: $surface-z1;
534
separator.vertical {
536
margin: 8px 4px;
537
}
538
button {
540
&,
541
&.text-button,
542
&.image-button {
543
margin-top: 8px;
544
margin-bottom: 8px;
545
padding: 0 4px;
546
}
547
}
548
// Close button styling for layouttab.
550
> box > button.close {
551
// border-radius: $circular-radius;
552
}
553
}
554
layout {
556
border: 1px solid divider($on-surface);
557
-PnlDockBin-handle-size: 1;
558
}
559
entry.search-missing {
561
background-color: $error;
562
color: $on-error;
563
}
564
// tweak icons for treeviews
566
window.workbench treeview.image {
567
color: hint($on-surface);
568
}
569
popover.popover-selector list {
571
padding: 8px - 2px;
572
row {
574
border-radius: $corner-radius;
575
image {
577
&:dir(ltr) {
578
margin-right: 6px;
579
}
580
&:dir(rtl) {
582
margin-left: 6px;
583
}
584
}
585
.accel {
587
&:dir(ltr) {
588
margin-left: 6px;
589
}
590
&:dir(rtl) {
592
margin-right: 6px;
593
}
594
}
595
}
596
}
597
omnibar {
599
&.linked:not(.vertical) entry {
600
border-radius: $corner-radius;
601
}
602
entry {
604
color: hint($on-surface);
605
}
606
}
607
popover.omnibar list row:not(:last-child) {
609
border-bottom: 1px solid divider($on-surface);
610
}
611
entry.preferences-search {
613
border-bottom: 1px solid divider($on-surface);
614
box-shadow: none;
615
background-color: transparent;
616
// doesn't work properly
618
&:dir(ltr) {
619
// border-right: 1px solid divider($on-surface);
620
}
621
&:dir(rtl) {
623
// border-left: 1px solid divider($on-surface);
624
}
625
}
626
preferences stacksidebar.sidebar {
628
list {
629
// background-color: $surface-z0;
630
}
631
&:dir(ltr),
633
&:dir(rtl) {
634
list {
635
border-style: none;
636
}
637
}
638
list separator {
640
@extend %hide_separators;
641
}
642
}
643
preferences > box > box {
645
&:dir(ltr) {
646
border-right: 1px solid divider($on-surface);
647
}
648
&:dir(rtl) {
650
border-left: 1px solid divider($on-surface);
651
}
652
}
653
popover.messagepopover {
655
&.background {
656
padding: 0;
657
}
658
.popover-action-area button {
660
@extend %button-flat-basic;
661
padding: 8px 16px;
663
border-top: 1px solid divider($on-surface);
664
border-radius: 0;
665
&:first-child {
667
border-bottom-left-radius: $corner-radius;
668
}
669
&:last-child {
671
border-bottom-right-radius: $corner-radius;
672
}
673
}
674
.popover-content-area {
676
margin: 16px;
677
}
678
}
679
popover.transfers list {
681
background-color: transparent;
682
row:not(:first-child) {
684
border-top: 1px solid divider($on-surface);
685
}
686
row > box {
688
padding: 10px;
689
}
690
}
691
dockbin {
693
border: 1px solid divider($on-surface);
694
-PnlDockBin-handle-size: 1;
695
}
696
dockpaned {
698
border: 1px solid divider($on-surface);
699
}
700
eggsearchbar box.search-bar {
702
padding: 0 8px;
703
border-bottom: 1px solid divider($on-surface);
704
background-color: $surface-z0;
705
}
706
docktabstrip {
708
padding: 0 8px;
709
border-bottom: 1px solid divider($on-surface);
710
background-color: $surface-z0;
711
}
712
docktab {
714
transition: $transition,
715
background-size 0ms,
716
background-image 0ms;
717
min-height: $small-size;
718
min-width: $small-size;
719
margin-bottom: -1px;
720
padding: $container-padding 6px;
721
border-width: 1px; // for reorderable tabs
723
border-color: transparent; //
724
box-shadow: inset 0 -2px transparent;
726
background-image: radial-gradient(circle, $primary 10%, transparent 0%);
727
background-repeat: no-repeat;
728
background-position: center;
729
background-size: 0% 0%;
730
color: hint($on-surface);
732
font-weight: 500;
733
&:hover {
735
background-color: overlay("hover", $on-surface);
736
}
737
&:checked {
739
transition: $transition,
740
background-size $ripple-fade-in-duration $ease-out,
741
background-image $ripple-fade-in-duration + $ripple-fade-out-duration $ease-out;
742
box-shadow: inset 0 -2px $primary;
743
background-color: transparent;
744
background-image: radial-gradient(circle, transparent 10%, transparent 0%);
745
background-size: 1000% 1000%;
746
color: $on-surface;
747
}
748
}
749
dockoverlayedge {
751
background-color: $surface-z0;
752
docktabstrip {
754
padding: 0;
755
border: none;
756
}
757
&.left-edge docktab:checked {
759
box-shadow: inset -2px 0 $primary;
760
}
761
&.right-edge docktab:checked {
763
box-shadow: inset 2px 0 $primary;
764
}
765
}
766
pillbox {
768
background-color: $surface-z0;
769
border-radius: $corner-radius;
770
}
771
buildperspective row {
773
// padding: 10px;
774
}
775
layoutpane entry.search {
777
border-bottom: 1px solid divider($on-surface);
778
box-shadow: none;
779
background-color: $surface-z1;
780
}
781
editortweak entry.search {
783
margin-bottom: -1px;
784
box-shadow: none;
785
background-color: transparent;
786
}
787
//
789
// let's tweak hard-coded elements
790
//
791
.gb-search-entry-occurrences-tag {
793
box-shadow: none;
794
background-color: transparent;
795
}
796
// Keep search bar and layouttab height in sync.
798
// layouttabbar > box,
799
// eggsearchbar > revealer > box,
800
docktabstrip {
801
min-height: 39px;
802
}
803
eggsearchbar entry {
805
// min-height: 24px;
806
}
807
window.workbench preferences preferencesgroup list entry {
809
// background: none;
810
// min-height: 0px;
811
padding-top: 8px;
812
padding-bottom: 8px;
813
}
814
button.run-arrow-button {
816
// min-width: 12px;
817
padding-left: ($medium-size - 16px) / 2;
818
padding-right: ($medium-size - 16px) / 2;
819
}
820
//
822
// Additional styles for 3.26
823
//
824
button.dzlmenubutton image {
826
min-width: $medium-size - 6px;
827
&.arrow {
829
min-width: $medium-size - 9px;
830
}
831
}
832
button.dzlmenubuttonitem {
834
color: $on-surface;
835
font-weight: normal;
836
&:disabled {
838
color: disabled($on-surface);
839
}
840
}
841
idelayoutstackheader {
843
border-bottom: 1px solid divider($on-surface);
844
button:checked {
846
color: $on-surface;
847
}
848
}
849
// utilities stack switcher
851
ideeditorutilities > dzldockpaned > box > stackswitcher {
852
padding: 8px 0;
853
background-color: $surface-z0;
854
&:dir(ltr) {
856
border-right: 1px solid divider($on-surface);
857
}
858
&:dir(rtl) {
860
border-left: 1px solid divider($on-surface);
861
}
862
button {
864
border-radius: 0;
865
box-shadow: none;
866
background-color: transparent;
867
&:active {
869
background-image: radial-gradient(circle, rgba($primary, .7) 10%, transparent 0%);
870
}
871
&:checked {
873
background-color: transparent;
874
color: $on-surface;
875
}
876
&:dir(ltr) {
878
margin-right: -1px;
879
&:checked {
881
box-shadow: inset -2px 0 $primary;
882
}
883
}
884
&:dir(rtl) {
886
margin-left: -1px;
887
&:checked {
889
box-shadow: inset 2px 0 $primary;
890
}
891
}
892
}
893
}
894
// buildui panel
896
ideeditorsidebar notebook header {
897
background: transparent;
898
}
899
popover.messagepopover {
901
// padding: 0;
902
list {
904
border: 1px solid divider($on-surface);
905
background-clip: padding-box;
906
row:not(:last-child) {
908
border-bottom: 1px solid divider($on-surface);
909
}
910
}
911
}
912
// Workaround for hard-coded .title color
914
dzlsuggestionpopover > revealer > box > elastic > scrolledwindow > viewport > list > row:selected {
915
.title {
916
// color: @theme_selected_fg_color;
917
}
918
background-color: $primary;
920
color: $on-primary;
921
}
922
// Workaround for hard-coded button background
924
#titlebar_container .suggestionbutton button {
925
// background-color: @content_view_bg;
926
// background-image: none;
927
padding: 0;
929
border-radius: 0;
930
box-shadow: inset 0 0 0 9999px $titlebar;
931
&:backdrop {
933
box-shadow: inset 0 0 0 9999px $titlebar-backdrop;
934
}
935
// For some reason background-image doesn't work well with transition :(
937
image {
938
transition:
939
box-shadow $duration $ease-out,
940
background-color $ripple-fade-in-duration $ease-out;
941
min-width: $medium-size;
942
min-height: $medium-size;
943
border-radius: $circular-radius;
944
box-shadow: inset 0 0 0 9999px transparent;
945
}
946
&:hover image {
948
box-shadow: inset 0 0 0 9999px overlay("hover", $on-titlebar);
949
}
950
&:focus image {
952
box-shadow: inset 0 0 0 9999px overlay("focus", $on-titlebar);
953
}
954
&:active image {
956
background-color: overlay("pressed", $on-titlebar);
957
}
958
}
959
/**
961
* Photos
962
*/
963
// based css:
965
// https://gitlab.gnome.org/GNOME/gnome-photos/blob/master/data/Adwaita.css
966
GdMainIconView.content-view {
968
-GdMainIconView-icon-size: 48;
969
// Make spinner visible on both dark and bright backgrounds w/o making
971
// it look ugly/weird.
972
&.cell:active {
973
// color: disabled($on-surface);
974
}
975
}
976
.documents-counter {
978
margin: 8px;
979
border-radius: $circular-radius;
980
box-shadow: $shadow-z4;
981
background-color: $primary;
982
color: $on-primary;
983
font-weight: bold;
984
}
985
.photos-entry-tag {
987
@extend .entry-tag;
988
}
989
.documents-scrolledwin.frame {
991
border-style: none;
992
background-color: transparent;
993
frame.content-view > border {
995
border-style: none;
996
background-color: transparent;
997
}
998
}
999
.photos-icon-bg {
1001
}
1002
.photos-fade-in {
1004
opacity: 1;
1005
transition: opacity $duration $ease-out;
1006
}
1007
.photos-fade-out {
1009
opacity: 0;
1010
transition: opacity $duration $ease-out;
1011
}
1012
.photos-collection-icon {
1014
}
1015
button.photos-filter-preview {
1017
color: $on-surface;
1018
font-weight: normal;
1019
&:checked {
1021
background-color: $overlay-selected;
1022
color: $on-surface;
1023
image {
1025
color: $on-dark;
1026
-gtk-icon-shadow: $text-shadow;
1027
}
1028
}
1029
}
1030
overlay grid.horizontal > revealer > scrolledwindow.frame {
1032
border-style: none;
1033
background-color: transparent;
1034
&:dir(ltr) {
1036
border-left-style: solid;
1037
}
1038
&:dir(rtl) {
1040
border-right-style: solid;
1041
}
1042
}
1043
/**
1045
* Music
1046
*/
1047
// hard-coded css:
1049
// https://gitlab.gnome.org/GNOME/gnome-music/blob/master/data/application.css
1050
.side-panel:dir(ltr) {
1052
// border-width: 0 1px 0 0;
1053
border-style: solid;
1054
border-color: divider($on-surface);
1055
}
1056
.side-panel:dir(rtl) {
1058
// border-width: 0 0 0 1px;
1059
border-style: solid;
1060
border-color: divider($on-surface);
1061
}
1062
.side-panel .view {
1064
// background-color: mix(@theme_fg_color, @theme_bg_color, 0.9);
1065
background-image: image($surface-z0);
1066
&:hover {
1068
background-image: image(overlay("hover", $on-surface, $on: $surface-z0));
1069
}
1070
}
1071
.side-panel .view:selected {
1073
// background-color: mix(@theme_fg_color, @theme_bg_color, 0.5);
1074
background-image: image($primary);
1075
&:hover {
1077
background-image: image(overlay("hover", $on-primary, $on: $primary));
1078
}
1079
}
1080
.songs-list {
1082
// box-shadow: inset 0 -1px shade(@borders, 1.30);
1083
// background-color: @theme_bg_color;
1084
&:hover {
1086
background-image: image(overlay("hover", $on-surface));
1087
}
1088
}
1089
frame.documents-dropdown {
1091
@extend %toolbar-osd;
1092
margin: 8px;
1094
> border {
1096
border: none;
1097
}
1098
}
1099
box.vertical > revealer > toolbar.search-bar {
1101
border-bottom: 1px solid divider($on-surface);
1102
button > widget {
1104
-gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
1105
// -GtkArrow-arrow-scaling: 1;
1106
}
1107
}
1108
/**
1110
* Terminal
1111
*/
1112
terminal-window notebook > header > box {
1114
// Remove hard-coded margin around button(s)
1115
margin: -2px;
1116
button {
1118
border-radius: 0;
1119
}
1120
}
1121
/**
1123
* To Do
1124
*/
1125
// less than 3.28
1127
task-list-view {
1128
taskrow {
1129
transition: $transition;
1130
margin: 0 -8px;
1131
&:hover {
1133
transition: none;
1134
}
1135
label {
1137
margin: 0 8px;
1138
}
1139
image.dim-label {
1141
min-width: 16px;
1142
}
1143
}
1144
> box > revealer > box > button {
1146
margin: (12px * 2 - $medium-size) / 2;
1147
.dim-label {
1149
color: inherit;
1150
}
1151
}
1152
}
1153
// 3.28 or later
1155
tasklistview {
1156
taskrow {
1157
outline: none;
1158
entry {
1160
&,
1161
&:focus,
1162
&:disabled {
1163
box-shadow: none;
1164
}
1165
}
1166
image.dim-label {
1168
min-width: 16px;
1169
}
1170
}
1171
> box > revealer > box > button {
1173
margin: (12px * 2 - $medium-size) / 2;
1174
.dim-label {
1176
color: inherit;
1177
}
1178
}
1179
}
1180
/**
1182
* eog
1183
*/
1184
#eog-thumb-nav {
1186
scrolledwindow.frame {
1187
border-top: none;
1188
}
1189
}
1190
/**
1192
* Evolution
1193
*/
1194
frame.taskbar > border {
1196
border-style: solid none none;
1197
}
1198
box.vertical > paned.horizontal notebook widget .frame {
1200
border-style: none;
1201
}
1202
/**
1204
* gitg
1205
*/
1206
frame.commit-frame > border {
1208
border-style: solid none none;
1209
}
1210
/**
1212
* Characters
1213
*/
1214
box.dialog-vbox scrolledwindow.related {
1216
border: 1px solid divider($on-surface);
1217
background-clip: padding-box;
1218
background-color: $surface-z1;
1219
}
1220
list.categories {
1222
background-image: image($surface-z0);
1223
}
1224
/**
1226
* Boxes
1227
*/
1228
.transparent-bg + stack overlay > label {
1230
min-height: 24px;
1231
padding: 0 4px;
1232
border-radius: $corner-radius;
1233
background-color: $scrim;
1234
color: $on-scrim;
1235
}
1236
/**
1238
* Evince
1239
*/
1240
// Color is needed for Evince to match hardcoded background-color,
1242
// since Documents app is also uses this style, background-color needs to be set accordingly.
1243
evview.content-view.view:selected {
1244
background-color: $primary;
1245
color: $on-primary;
1246
}
1247
/**
1249
* Polari
1250
*/
1251
// hard-coded css:
1253
// https://gitlab.gnome.org/GNOME/polari/blob/master/data/resources/application.css
1254
// background-color is needed to match hard-coded row colors.
1256
// Just $primary is too harsh for activated rows, so add transparency.
1257
.polari-room-list row:selected {
1258
background-color: rgba($primary, .5);
1259
}
1260
/**
1262
* Fractal
1263
*/
1264
.message-input-area button {
1266
@extend %button-flat-activatable;
1267
}
1268
// To display the drop shadow
1270
button.osd.scroll_button {
1271
margin: 4px;
1272
}
1273
/**
1275
* Mines
1276
*/
1277
grid.minefield > button.tile {
1279
border-style: solid;
1280
}
1281