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: $base;
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-color: $surface;
123
// axes left border and border radius
125
&.bottom.left {
126
margin-right: 8px - 1px;
127
border-left-style: none;
128
border-top-left-radius: 0;
129
}
130
// axes right border and border radius
132
&.bottom.right {
133
margin-left: 8px - 1px;
134
border-right-style: none;
135
border-top-right-radius: 0;
136
}
137
button {
139
margin: (32px - $small-size) / 2;
140
@extend %button-small;
142
}
143
}
144
.disk-space-display {
146
// border-style: solid;
147
// border-width: 2px;
148
&.unknown {
150
background-color: stroke($on-surface);
151
color: stroke($on-surface);
152
}
153
&.used {
155
background-color: $primary;
156
color: $primary;
157
}
158
&.free {
160
background-color: fill($on-surface);
161
color: fill($on-surface);
162
}
163
}
164
// View
166
// Hide superfluous treeview drop target indication
167
.nautilus-list-view .view:not(.dnd) {
168
// border-bottom: 1px solid divider($on-surface);
169
}
170
.search-information {
172
padding: 2px;
173
border-bottom: 1px solid divider($on-surface);
174
background-color: $base;
175
color: $on-surface;
176
}
177
.documents-entry-tag {
179
@extend .entry-tag;
180
}
181
.conflict-row:not(:selected) {
183
background-color: mix($warning, $base, percentage(.3));
184
}
185
// Icon view
187
.nautilus-window flowboxchild {
188
.icon-background {
189
// background-color: black;
190
}
191
.icon-item-background {
193
padding: 4px;
194
border-radius: $corner-radius;
195
}
196
&:selected {
198
background-color: transparent;
199
.icon-item-background {
201
background-color: $overlay-selected;
202
}
203
}
204
}
205
// Batch rename dialog
207
dialog.background > box.dialog-vbox.vertical > grid.horizontal {
208
> scrolledwindow.frame {
209
border-style: none;
210
}
211
> box.horizontal:last-child {
213
margin: -6px 0 0 -6px;
214
border-top: 1px solid divider($on-surface);
215
> label {
217
margin: 0 8px;
218
}
219
> box > button {
221
border-radius: 0;
222
}
223
}
224
}
225
// Tweak to fix the messy sizing of the popover menu
227
.nautilus-window > popover.menu:not(:last-child) {
228
padding: 3px;
229
> stack > box > box > box {
231
margin-top: -6px;
232
> box {
234
margin-bottom: -6px;
235
&.linked {
237
margin-top: 1px;
238
}
239
}
240
}
241
separator {
243
margin-bottom: -2px;
244
}
245
}
246
.nautilus-menu-sort-heading {
248
// min-height: 26px;
249
// padding-left: 5px;
250
// padding-right: 5px;
251
margin: 1px 3px;
252
font-weight: 500;
253
&:disabled {
255
color: hint($on-surface);
256
}
257
}
258
// Make operations button circular
260
.nautilus-window headerbar revealer > button {
261
border-radius: $circular-radius;
262
}
263
// Ensure paned separator rendering. See issue #84 for details.
265
.nautilus-window paned > separator {
266
background-color: $base-alt;
267
}
268
/**
271
* gedit
272
*/
273
// based css:
275
// https://gitlab.gnome.org/GNOME/gedit/blob/master/gedit/resources/css/gedit.adwaita.css
276
// hard-coded css:
277
// https://gitlab.gnome.org/GNOME/gedit/blob/master/gedit/resources/css/gedit-style.css
278
// Only normal state is handle
280
.open-document-selector-name-label {
281
// font-weight: bold;
282
}
283
// Only normal state is handle
285
.open-document-selector-path-label {
286
color: hint($on-surface);
287
font-size: smaller;
288
}
289
// Only normal state is handle
291
.open-document-selector-match {
292
background-color: $warning;
293
color: $on-warning;
294
}
295
.gedit-document-panel {
297
background-color: $base-alt;
298
// Try to look as the notebook tab close button
300
row button.flat {
301
margin-top: 8px;
302
margin-bottom: 8px;
303
@extend %button-small;
305
}
306
}
307
.gedit-document-panel-group-row:not(:first-child) {
309
border-top: 1px solid divider($on-surface);
310
}
311
.gedit-side-panel-paned statusbar {
313
border-top: 1px solid divider($on-surface);
314
}
315
.gedit-search-slider {
317
margin: 4px 4px 8px;
318
.linked:not(.vertical) > entry {
320
border-radius: $corner-radius;
321
@extend %entry_raised;
322
.gedit-search-entry-occurrences-tag {
324
all: unset;
325
color: hint($on-surface);
326
}
327
$buttons_width: $small-size * 2 + $container-padding * 3;
329
&:dir(ltr) {
331
margin-right: -$buttons_width;
332
padding-right: $buttons_width;
333
.gedit-search-entry-occurrences-tag {
335
margin-left: $container-padding;
336
}
337
image.right {
339
margin-right: 0;
340
}
341
}
342
&:dir(rtl) {
344
margin-left: -$buttons_width;
345
padding-left: $buttons_width;
346
.gedit-search-entry-occurrences-tag {
348
margin-right: $container-padding;
349
}
350
image.left {
352
margin-left: 0;
353
}
354
}
355
&:not(.error) {
357
background-color: $surface;
358
}
359
&.error ~ button {
361
color: hint($on-error);
362
@include ink-color($on-error);
363
&:disabled {
365
color: disabled-hint($on-error);
366
}
367
}
368
}
369
.linked:not(.vertical) > button {
371
border: solid $container-padding transparent;
372
border-radius: $circular-radius;
373
@extend %button-flat-basic;
375
@extend %button-small;
376
&:last-child:dir(ltr),
378
&:not(:first-child):dir(rtl) {
379
margin-left: -$container-padding / 2;
380
}
381
&:first-child:dir(rtl),
383
&:not(:last-child):dir(ltr) {
384
margin-right: -$container-padding / 2;
385
}
386
}
387
}
388
frame.gedit-map-frame > border {
390
&:dir(ltr) {
391
border-style: none none none solid;
392
}
393
&:dir(rtl) {
395
border-style: none solid none none;
396
}
397
}
398
/**
400
* Tweaks
401
*/
402
// hard-coded css:
404
// https://gitlab.gnome.org/GNOME/gnome-tweaks/blob/master/data/shell.css
405
// the sidebar
407
.tweak-categories {
408
// padding: 4px 0;
409
// background-color: shade(@theme_bg_color, 0.99);
410
background-image: image($base-alt);
411
separator {
413
@extend %hide_separators;
414
}
415
}
416
.tweak {
418
// padding-top: 3px;
419
padding: 3px;
420
&.title:hover {
422
box-shadow: none;
423
}
424
}
425
.tweak-group-white,
427
.tweak-white,
428
.tweak-white:hover {
429
// background-color: white;
430
background-image: image($base);
431
}
432
.tweak-startup,
434
.tweak-startup:hover {
435
// background-color: lighter(shade(@theme_bg_color, 0.9));
436
background-image: image($base);
437
}
438
.tweak-group-startup {
440
// background-color: @view_separators;
441
background-image: image($base);
442
border: 1px solid divider($on-surface);
443
}
444
//
446
// Workaround for 3.26
447
//
448
row#Focus,
450
row#ClickMethod,
451
row#StaticWorkspaceTweak, // for 3.26.0
452
row#dynamic-workspaces,
453
row#PrimaryWorkspaceTweak, // for 3.26.0
454
row#workspaces-only-on-primary {
455
padding: 0;
456
border: 1px solid divider($on-surface);
457
row:not(:last-child) {
459
border-bottom: 1px solid divider($on-surface);
460
}
461
&.tweak > list {
463
margin-top: -3px;
464
}
465
}
466
// Add more spaces between title and list
468
row#Focus,
469
row#ClickMethod,
470
row#PrimaryWorkspaceTweak, // for 3.26.0
471
row#workspaces-only-on-primary {
472
margin-top: 4px;
473
}
474
// Workaround for gnome-tweaks 3.34
476
// See https://github.com/nana-4/materia-theme/issues/432
477
hdyleaflet.titlebar > .titlebar.tweak-titlebar-left,
478
hdyleaflet.titlebar > .titlebar.tweak-titlebar-right {
479
background-color: inherit;
480
box-shadow: inherit;
481
// Remove only background-color transition.
482
// This shouldn't be necessary, but otherwise it gets lag...
483
transition: color $duration $ease-out;
484
+ separator {
486
background-color: inherit;
487
background-image: image(divider($on-titlebar));
488
}
489
}
490
/**
492
* Builder
493
*/
494
// based css for 3.22:
496
// https://gitlab.gnome.org/GNOME/gnome-builder/tree/gnome-builder-3-22/data/theme
497
// based css for 3.24:
498
// https://gitlab.gnome.org/GNOME/gnome-builder/tree/gnome-builder-3-24/data/theme
499
// based css for 3.26:
500
// https://gitlab.gnome.org/GNOME/gnome-builder/tree/gnome-builder-3-26/data/themes
501
// Layout tab and tab bar tweaks
503
// The following makes the layout stack header look similar to a tab bar.
504
layouttabbar {
505
border-bottom: 1px solid divider($on-surface);
506
background-color: $background;
507
button {
509
@extend %button-flat-activatable;
510
}
511
> box > button {
513
margin: (40px - $medium-size) / 2 0;
514
// border-radius: 0;
515
}
516
}
517
layouttab {
519
margin: 0 8px; // not working
520
border-style: none solid;
521
border-width: 1px;
522
border-color: divider($on-surface);
523
box-shadow: inset 0 -2px $primary;
524
background-color: $base;
525
separator.vertical {
527
margin: 8px 4px;
528
}
529
button {
531
&,
532
&.text-button,
533
&.image-button {
534
margin-top: 8px;
535
margin-bottom: 8px;
536
padding: 0 4px;
537
}
538
}
539
// Close button styling for layouttab.
541
> box > button.close {
542
// border-radius: $circular-radius;
543
}
544
}
545
layout {
547
border: 1px solid divider($on-surface);
548
-PnlDockBin-handle-size: 1;
549
}
550
entry.search-missing {
552
background-color: $error;
553
color: $on-error;
554
}
555
// tweak icons for treeviews
557
window.workbench treeview.image {
558
color: hint($on-surface);
559
}
560
popover.popover-selector list {
562
padding: 8px - 2px;
563
row {
565
border-radius: $corner-radius;
566
image {
568
&:dir(ltr) {
569
margin-right: 6px;
570
}
571
&:dir(rtl) {
573
margin-left: 6px;
574
}
575
}
576
.accel {
578
&:dir(ltr) {
579
margin-left: 6px;
580
}
581
&:dir(rtl) {
583
margin-right: 6px;
584
}
585
}
586
}
587
}
588
omnibar {
590
&.linked:not(.vertical) entry {
591
border-radius: $corner-radius;
592
}
593
entry {
595
color: hint($on-surface);
596
}
597
}
598
popover.omnibar list row:not(:last-child) {
600
border-bottom: 1px solid divider($on-surface);
601
}
602
entry.preferences-search {
604
border-bottom: 1px solid divider($on-surface);
605
box-shadow: none;
606
background-color: $base;
607
// doesn't work properly
609
&:dir(ltr) {
610
// border-right: 1px solid divider($on-surface);
611
}
612
&:dir(rtl) {
614
// border-left: 1px solid divider($on-surface);
615
}
616
}
617
preferences stacksidebar.sidebar {
619
list {
620
background-color: $base-alt;
621
}
622
&:dir(ltr),
624
&:dir(rtl) {
625
list {
626
border-style: none;
627
}
628
}
629
list separator {
631
@extend %hide_separators;
632
}
633
}
634
preferences > box > box {
636
&:dir(ltr) {
637
border-right: 1px solid divider($on-surface);
638
}
639
&:dir(rtl) {
641
border-left: 1px solid divider($on-surface);
642
}
643
}
644
popover.messagepopover {
646
&.background {
647
padding: 0;
648
}
649
.popover-action-area button {
651
@extend %button-flat-basic;
652
padding: 8px 16px;
654
border-top: 1px solid divider($on-surface);
655
border-radius: 0;
656
&:first-child {
658
border-bottom-left-radius: $corner-radius;
659
}
660
&:last-child {
662
border-bottom-right-radius: $corner-radius;
663
}
664
}
665
.popover-content-area {
667
margin: 16px;
668
}
669
}
670
popover.transfers list {
672
background-color: transparent;
673
row:not(:first-child) {
675
border-top: 1px solid divider($on-surface);
676
}
677
row > box {
679
padding: 10px;
680
}
681
}
682
dockbin {
684
border: 1px solid divider($on-surface);
685
-PnlDockBin-handle-size: 1;
686
}
687
dockpaned {
689
border: 1px solid divider($on-surface);
690
}
691
eggsearchbar box.search-bar {
693
padding: 0 8px;
694
border-bottom: 1px solid divider($on-surface);
695
background-color: $background;
696
}
697
docktabstrip {
699
padding: 0 8px;
700
border-bottom: 1px solid divider($on-surface);
701
background-color: $background;
702
}
703
docktab {
705
transition: $transition,
706
background-size 0ms,
707
background-image 0ms;
708
min-height: $small-size;
709
min-width: $small-size;
710
margin-bottom: -1px;
711
padding: $container-padding 6px;
712
border-width: 1px; // for reorderable tabs
714
border-color: transparent; //
715
box-shadow: inset 0 -2px transparent;
717
background-image: radial-gradient(circle, $primary 10%, transparent 0%);
718
background-repeat: no-repeat;
719
background-position: center;
720
background-size: 0% 0%;
721
color: hint($on-surface);
723
font-weight: 500;
724
&:hover {
726
background-color: overlay("hover", $on-surface);
727
}
728
&:checked {
730
transition: $transition,
731
background-size $ripple-fade-in-duration $ease-out,
732
background-image $ripple-fade-in-duration + $ripple-fade-out-duration $ease-out;
733
box-shadow: inset 0 -2px $primary;
734
background-color: transparent;
735
background-image: radial-gradient(circle, transparent 10%, transparent 0%);
736
background-size: 1000% 1000%;
737
color: $on-surface;
738
}
739
}
740
dockoverlayedge {
742
background-color: $background;
743
docktabstrip {
745
padding: 0;
746
border: none;
747
}
748
&.left-edge docktab:checked {
750
box-shadow: inset -2px 0 $primary;
751
}
752
&.right-edge docktab:checked {
754
box-shadow: inset 2px 0 $primary;
755
}
756
}
757
pillbox {
759
background-color: $background;
760
border-radius: $corner-radius;
761
}
762
buildperspective row {
764
// padding: 10px;
765
}
766
layoutpane entry.search {
768
border-bottom: 1px solid divider($on-surface);
769
box-shadow: none;
770
background-color: $base;
771
}
772
editortweak entry.search {
774
margin-bottom: -1px;
775
box-shadow: none;
776
background-color: transparent;
777
}
778
//
780
// let's tweak hard-coded elements
781
//
782
.gb-search-entry-occurrences-tag {
784
box-shadow: none;
785
background-color: transparent;
786
}
787
// Keep search bar and layouttab height in sync.
789
// layouttabbar > box,
790
// eggsearchbar > revealer > box,
791
docktabstrip {
792
min-height: 39px;
793
}
794
eggsearchbar entry {
796
// min-height: 24px;
797
}
798
window.workbench preferences preferencesgroup list entry {
800
// background: none;
801
// min-height: 0px;
802
padding-top: 8px;
803
padding-bottom: 8px;
804
}
805
button.run-arrow-button {
807
// min-width: 12px;
808
padding-left: ($medium-size - 16px) / 2;
809
padding-right: ($medium-size - 16px) / 2;
810
}
811
//
813
// Additional styles for 3.26
814
//
815
button.dzlmenubutton image {
817
min-width: $medium-size - 6px;
818
&.arrow {
820
min-width: $medium-size - 9px;
821
}
822
}
823
button.dzlmenubuttonitem {
825
color: $on-surface;
826
font-weight: normal;
827
&:disabled {
829
color: disabled($on-surface);
830
}
831
}
832
idelayoutstackheader {
834
border-bottom: 1px solid divider($on-surface);
835
button:checked {
837
color: $on-surface;
838
}
839
}
840
// utilities stack switcher
842
ideeditorutilities > dzldockpaned > box > stackswitcher {
843
padding: 8px 0;
844
background-color: $background;
845
&:dir(ltr) {
847
border-right: 1px solid divider($on-surface);
848
}
849
&:dir(rtl) {
851
border-left: 1px solid divider($on-surface);
852
}
853
button {
855
border-radius: 0;
856
box-shadow: none;
857
background-color: transparent;
858
&:active {
860
background-image: radial-gradient(circle, rgba($primary, .7) 10%, transparent 0%);
861
}
862
&:checked {
864
background-color: transparent;
865
color: $on-surface;
866
}
867
&:dir(ltr) {
869
margin-right: -1px;
870
&:checked {
872
box-shadow: inset -2px 0 $primary;
873
}
874
}
875
&:dir(rtl) {
877
margin-left: -1px;
878
&:checked {
880
box-shadow: inset 2px 0 $primary;
881
}
882
}
883
}
884
}
885
// buildui panel
887
ideeditorsidebar notebook header {
888
background: transparent;
889
}
890
popover.messagepopover {
892
// padding: 0;
893
list {
895
border: 1px solid divider($on-surface);
896
row:not(:last-child) {
898
border-bottom: 1px solid divider($on-surface);
899
}
900
}
901
}
902
// Workaround for hard-coded .title color
904
dzlsuggestionpopover > revealer > box > elastic > scrolledwindow > viewport > list > row:selected {
905
.title {
906
// color: @theme_selected_fg_color;
907
}
908
background-color: $primary;
910
color: $on-primary;
911
}
912
// Workaround for hard-coded button background
914
#titlebar_container .suggestionbutton button {
915
// background-color: @content_view_bg;
916
// background-image: none;
917
padding: 0;
919
border-radius: 0;
920
box-shadow: inset 0 0 0 9999px $titlebar;
921
&:backdrop {
923
box-shadow: inset 0 0 0 9999px $titlebar-backdrop;
924
}
925
// For some reason background-image doesn't work well with transition :(
927
image {
928
transition:
929
box-shadow $duration $ease-out,
930
background-color $ripple-fade-in-duration $ease-out;
931
min-width: $medium-size;
932
min-height: $medium-size;
933
border-radius: $circular-radius;
934
box-shadow: inset 0 0 0 9999px transparent;
935
}
936
&:hover image {
938
box-shadow: inset 0 0 0 9999px overlay("hover", $on-titlebar);
939
}
940
&:focus image {
942
box-shadow: inset 0 0 0 9999px overlay("focus", $on-titlebar);
943
}
944
&:active image {
946
background-color: overlay("pressed", $on-titlebar);
947
}
948
}
949
/**
951
* Photos
952
*/
953
// based css:
955
// https://gitlab.gnome.org/GNOME/gnome-photos/blob/master/data/Adwaita.css
956
GdMainIconView.content-view {
958
-GdMainIconView-icon-size: 48;
959
// Make spinner visible on both dark and bright backgrounds w/o making
961
// it look ugly/weird.
962
&.cell:active {
963
// color: disabled($on-surface);
964
}
965
}
966
.documents-counter {
968
margin: 8px;
969
border-radius: $circular-radius;
970
box-shadow: $shadow-z4;
971
background-color: $primary;
972
color: $on-primary;
973
font-weight: bold;
974
}
975
.photos-entry-tag {
977
@extend .entry-tag;
978
}
979
.documents-scrolledwin.frame {
981
border-style: none;
982
frame.content-view > border {
984
border-style: none;
985
}
986
}
987
.photos-icon-bg {
989
}
990
.photos-fade-in {
992
opacity: 1;
993
transition: opacity $duration $ease-out;
994
}
995
.photos-fade-out {
997
opacity: 0;
998
transition: opacity $duration $ease-out;
999
}
1000
.photos-collection-icon {
1002
}
1003
button.photos-filter-preview {
1005
color: $on-surface;
1006
font-weight: normal;
1007
&:checked {
1009
background-color: $overlay-selected;
1010
color: $on-surface;
1011
image {
1013
color: $on-dark;
1014
-gtk-icon-shadow: $text-shadow;
1015
}
1016
}
1017
}
1018
overlay grid.horizontal > revealer > scrolledwindow.frame {
1020
&:dir(ltr) {
1021
border-style: none none none solid;
1022
}
1023
&:dir(rtl) {
1025
border-style: none solid none none;
1026
}
1027
}
1028
/**
1030
* Music
1031
*/
1032
// hard-coded css:
1034
// https://gitlab.gnome.org/GNOME/gnome-music/blob/master/data/application.css
1035
.side-panel:dir(ltr) {
1037
// border-width: 0 1px 0 0;
1038
border-style: solid;
1039
border-color: divider($on-surface);
1040
}
1041
.side-panel:dir(rtl) {
1043
// border-width: 0 0 0 1px;
1044
border-style: solid;
1045
border-color: divider($on-surface);
1046
}
1047
.side-panel .view {
1049
// background-color: mix(@theme_fg_color, @theme_bg_color, 0.9);
1050
background-image: image($base-alt);
1051
&:hover {
1053
background-image: image(mix($on-surface, $base-alt, percentage(.08)));
1054
}
1055
}
1056
.side-panel .view:selected {
1058
// background-color: mix(@theme_fg_color, @theme_bg_color, 0.5);
1059
background-image: image($primary);
1060
&:hover {
1062
background-image: image(mix($on-primary, $primary, percentage(.08)));
1063
}
1064
}
1065
.songs-list {
1067
// box-shadow: inset 0 -1px shade(@borders, 1.30);
1068
// background-color: @theme_bg_color;
1069
&:hover {
1071
background-image: image(overlay("hover", $on-surface));
1072
}
1073
}
1074
frame.documents-dropdown {
1076
@extend %toolbar-osd;
1077
margin: 8px;
1079
> border {
1081
border: none;
1082
}
1083
}
1084
box.vertical > revealer > toolbar.search-bar {
1086
border-bottom: 1px solid divider($on-surface);
1087
background-clip: border-box; // avoid black border
1088
button > widget {
1090
-gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
1091
// -GtkArrow-arrow-scaling: 1;
1092
}
1093
}
1094
/**
1096
* Terminal
1097
*/
1098
terminal-window notebook > header > box {
1100
// Remove hard-coded margin around button(s)
1101
margin: -2px -2px -3px;
1102
button {
1104
// margin-bottom: -1px;
1105
border-radius: 0;
1106
}
1107
}
1108
/**
1110
* To Do
1111
*/
1112
// less than 3.28
1114
task-list-view {
1115
taskrow {
1116
transition: $transition;
1117
margin: 0 -8px;
1118
&:hover {
1120
transition: none;
1121
}
1122
label {
1124
margin: 0 8px;
1125
}
1126
image.dim-label {
1128
min-width: 16px;
1129
}
1130
}
1131
> box > revealer > box > button {
1133
margin: (12px * 2 - $medium-size) / 2;
1134
.dim-label {
1136
color: inherit;
1137
}
1138
}
1139
}
1140
// 3.28 or later
1142
tasklistview {
1143
taskrow {
1144
outline: none;
1145
entry {
1147
&,
1148
&:focus,
1149
&:disabled {
1150
box-shadow: none;
1151
}
1152
}
1153
image.dim-label {
1155
min-width: 16px;
1156
}
1157
}
1158
> box > revealer > box > button {
1160
margin: (12px * 2 - $medium-size) / 2;
1161
.dim-label {
1163
color: inherit;
1164
}
1165
}
1166
}
1167
/**
1169
* eog
1170
*/
1171
#eog-thumb-nav {
1173
scrolledwindow.frame {
1174
border-top: none;
1175
}
1176
}
1177
/**
1179
* Evolution
1180
*/
1181
frame.taskbar > border {
1183
border-style: solid none none;
1184
}
1185
box.vertical > paned.horizontal notebook widget .frame {
1187
border-style: none;
1188
}
1189
/**
1191
* gitg
1192
*/
1193
frame.commit-frame > border {
1195
border-style: solid none none;
1196
}
1197
/**
1199
* Characters
1200
*/
1201
box.dialog-vbox scrolledwindow.related {
1203
border: 1px solid divider($on-surface);
1204
}
1205
list.categories {
1207
background-image: image($base-alt);
1208
}
1209
/**
1211
* Boxes
1212
*/
1213
.transparent-bg + stack overlay > label {
1215
min-height: 24px;
1216
padding: 0 4px;
1217
border-radius: $corner-radius;
1218
background-color: $scrim;
1219
color: $on-scrim;
1220
}
1221
/**
1223
* Evince
1224
*/
1225
// Color is needed for Evince to match hardcoded background-color,
1227
// since Documents app is also uses this style, background-color needs to be set accordingly.
1228
evview.content-view.view:selected {
1229
background-color: $primary;
1230
color: $on-primary;
1231
}
1232
/**
1234
* Polari
1235
*/
1236
// hard-coded css:
1238
// https://gitlab.gnome.org/GNOME/polari/blob/master/data/resources/application.css
1239
// background-color is needed to match hard-coded row colors.
1241
// Just $primary is too harsh for activated rows, so add transparency.
1242
.polari-room-list row:selected {
1243
background-color: rgba($primary, .5);
1244
}
1245
/**
1247
* Fractal
1248
*/
1249
.message-input-area button {
1251
@extend %button-flat-activatable;
1252
}
1253
// To display the drop shadow
1255
button.osd.scroll_button {
1256
margin: 4px;
1257
}
1258