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-clip: padding-box;
123
background-color: $surface;
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
background-color: $base;
176
color: $on-surface;
177
}
178
.documents-entry-tag {
180
@extend .entry-tag;
181
}
182
.conflict-row:not(:selected) {
184
background-color: mix($warning, $base, percentage(.3));
185
}
186
// Icon view
188
.nautilus-window flowboxchild {
189
.icon-background {
190
// background-color: black;
191
}
192
.icon-item-background {
194
padding: 4px;
195
border-radius: $corner-radius;
196
}
197
&:selected {
199
background-color: transparent;
200
.icon-item-background {
202
background-color: $overlay-selected;
203
}
204
}
205
}
206
// Batch rename dialog
208
dialog.background > box.dialog-vbox.vertical > grid.horizontal {
209
> scrolledwindow.frame {
210
border-style: none;
211
}
212
> box.horizontal:last-child {
214
margin: -6px 0 0 -6px;
215
border-top: 1px solid divider($on-surface);
216
> label {
218
margin: 0 8px;
219
}
220
> box > button {
222
border-radius: 0;
223
}
224
}
225
}
226
// Tweak to fix the messy sizing of the popover menu
228
.nautilus-window > popover.menu:not(:last-child) {
229
padding: 3px;
230
> stack > box > box > box {
232
margin-top: -6px;
233
> box {
235
margin-bottom: -6px;
236
&.linked {
238
margin-top: 1px;
239
}
240
}
241
}
242
separator {
244
margin-bottom: -2px;
245
}
246
}
247
.nautilus-menu-sort-heading {
249
// min-height: 26px;
250
// padding-left: 5px;
251
// padding-right: 5px;
252
margin: 1px 3px;
253
font-weight: 500;
254
&:disabled {
256
color: hint($on-surface);
257
}
258
}
259
// Make operations button circular
261
.nautilus-window headerbar revealer > button {
262
border-radius: $circular-radius;
263
}
264
// Ensure paned separator rendering. See issue #84 for details.
266
.nautilus-window paned > separator {
267
background-color: $base-alt;
268
}
269
/**
272
* gedit
273
*/
274
// based css:
276
// https://gitlab.gnome.org/GNOME/gedit/blob/master/gedit/resources/css/gedit.adwaita.css
277
// hard-coded css:
278
// https://gitlab.gnome.org/GNOME/gedit/blob/master/gedit/resources/css/gedit-style.css
279
// Only normal state is handle
281
.open-document-selector-name-label {
282
// font-weight: bold;
283
}
284
// Only normal state is handle
286
.open-document-selector-path-label {
287
color: hint($on-surface);
288
font-size: smaller;
289
}
290
// Only normal state is handle
292
.open-document-selector-match {
293
background-color: $warning;
294
color: $on-warning;
295
}
296
.gedit-document-panel {
298
background-color: $base-alt;
299
// Try to look as the notebook tab close button
301
row button.flat {
302
margin-top: 8px;
303
margin-bottom: 8px;
304
@extend %button-small;
306
}
307
}
308
.gedit-document-panel-group-row:not(:first-child) {
310
border-top: 1px solid divider($on-surface);
311
}
312
.gedit-side-panel-paned statusbar {
314
border-top: 1px solid divider($on-surface);
315
}
316
.gedit-search-slider {
318
margin: 4px 4px 8px;
319
.linked:not(.vertical) > entry {
321
border-radius: $corner-radius;
322
@extend %entry_raised;
323
.gedit-search-entry-occurrences-tag {
325
all: unset;
326
color: hint($on-surface);
327
}
328
$buttons_width: $small-size * 2 + $container-padding * 3;
330
&:dir(ltr) {
332
margin-right: -$buttons_width;
333
padding-right: $buttons_width;
334
.gedit-search-entry-occurrences-tag {
336
margin-left: $container-padding;
337
}
338
image.right {
340
margin-right: 0;
341
}
342
}
343
&:dir(rtl) {
345
margin-left: -$buttons_width;
346
padding-left: $buttons_width;
347
.gedit-search-entry-occurrences-tag {
349
margin-right: $container-padding;
350
}
351
image.left {
353
margin-left: 0;
354
}
355
}
356
&:not(.error) {
358
background-color: $surface;
359
}
360
&.error ~ button {
362
color: hint($on-error);
363
@include ink-color($on-error);
364
&:disabled {
366
color: disabled-hint($on-error);
367
}
368
}
369
}
370
.linked:not(.vertical) > button {
372
border: solid $container-padding transparent;
373
border-radius: $circular-radius;
374
background-clip: padding-box;
375
@extend %button-flat-basic;
377
@extend %button-small;
378
&:last-child:dir(ltr),
380
&:not(:first-child):dir(rtl) {
381
margin-left: -$container-padding / 2;
382
}
383
&:first-child:dir(rtl),
385
&:not(:last-child):dir(ltr) {
386
margin-right: -$container-padding / 2;
387
}
388
}
389
}
390
frame.gedit-map-frame > border {
392
&:dir(ltr) {
393
border-style: none none none solid;
394
}
395
&:dir(rtl) {
397
border-style: none solid none none;
398
}
399
}
400
/**
402
* Tweaks
403
*/
404
// hard-coded css:
406
// https://gitlab.gnome.org/GNOME/gnome-tweaks/blob/master/data/shell.css
407
// the sidebar
409
.tweak-categories {
410
// padding: 4px 0;
411
// background-color: shade(@theme_bg_color, 0.99);
412
background-image: image($base-alt);
413
separator {
415
@extend %hide_separators;
416
}
417
}
418
.tweak {
420
// padding-top: 3px;
421
padding: 3px;
422
&.title:hover {
424
box-shadow: none;
425
}
426
}
427
.tweak-group-white,
429
.tweak-white,
430
.tweak-white:hover {
431
// background-color: white;
432
background-image: image($base);
433
}
434
.tweak-startup,
436
.tweak-startup:hover {
437
// background-color: lighter(shade(@theme_bg_color, 0.9));
438
background-image: image($base);
439
}
440
.tweak-group-startup {
442
border: 1px solid divider($on-surface);
443
background-clip: padding-box;
444
// background-color: @view_separators;
445
background-image: image($base);
446
}
447
//
449
// Workaround for 3.26
450
//
451
row#Focus,
453
row#ClickMethod,
454
row#StaticWorkspaceTweak, // for 3.26.0
455
row#dynamic-workspaces,
456
row#PrimaryWorkspaceTweak, // for 3.26.0
457
row#workspaces-only-on-primary {
458
padding: 0;
459
border: 1px solid divider($on-surface);
460
row:not(:last-child) {
462
border-bottom: 1px solid divider($on-surface);
463
}
464
&.tweak > list {
466
margin-top: -3px;
467
}
468
}
469
// Add more spaces between title and list
471
row#Focus,
472
row#ClickMethod,
473
row#PrimaryWorkspaceTweak, // for 3.26.0
474
row#workspaces-only-on-primary {
475
margin-top: 4px;
476
}
477
// Workaround for gnome-tweaks 3.34
479
// See https://github.com/nana-4/materia-theme/issues/432
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: $background;
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: $base;
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: $base;
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: $base-alt;
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: $background;
699
}
700
docktabstrip {
702
padding: 0 8px;
703
border-bottom: 1px solid divider($on-surface);
704
background-color: $background;
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: $background;
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: $background;
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: $base;
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: $background;
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
frame.content-view > border {
988
border-style: none;
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
&:dir(ltr) {
1025
border-style: none none none solid;
1026
}
1027
&:dir(rtl) {
1029
border-style: none solid none none;
1030
}
1031
}
1032
/**
1034
* Music
1035
*/
1036
// hard-coded css:
1038
// https://gitlab.gnome.org/GNOME/gnome-music/blob/master/data/application.css
1039
.side-panel:dir(ltr) {
1041
// border-width: 0 1px 0 0;
1042
border-style: solid;
1043
border-color: divider($on-surface);
1044
}
1045
.side-panel:dir(rtl) {
1047
// border-width: 0 0 0 1px;
1048
border-style: solid;
1049
border-color: divider($on-surface);
1050
}
1051
.side-panel .view {
1053
// background-color: mix(@theme_fg_color, @theme_bg_color, 0.9);
1054
background-image: image($base-alt);
1055
&:hover {
1057
background-image: image(mix($on-surface, $base-alt, percentage(.08)));
1058
}
1059
}
1060
.side-panel .view:selected {
1062
// background-color: mix(@theme_fg_color, @theme_bg_color, 0.5);
1063
background-image: image($primary);
1064
&:hover {
1066
background-image: image(mix($on-primary, $primary, percentage(.08)));
1067
}
1068
}
1069
.songs-list {
1071
// box-shadow: inset 0 -1px shade(@borders, 1.30);
1072
// background-color: @theme_bg_color;
1073
&:hover {
1075
background-image: image(overlay("hover", $on-surface));
1076
}
1077
}
1078
frame.documents-dropdown {
1080
@extend %toolbar-osd;
1081
margin: 8px;
1083
> border {
1085
border: none;
1086
}
1087
}
1088
box.vertical > revealer > toolbar.search-bar {
1090
border-bottom: 1px solid divider($on-surface);
1091
button > widget {
1093
-gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
1094
// -GtkArrow-arrow-scaling: 1;
1095
}
1096
}
1097
/**
1099
* Terminal
1100
*/
1101
terminal-window notebook > header > box {
1103
// Remove hard-coded margin around button(s)
1104
margin: -2px -2px -3px;
1105
button {
1107
// margin-bottom: -1px;
1108
border-radius: 0;
1109
}
1110
}
1111
/**
1113
* To Do
1114
*/
1115
// less than 3.28
1117
task-list-view {
1118
taskrow {
1119
transition: $transition;
1120
margin: 0 -8px;
1121
&:hover {
1123
transition: none;
1124
}
1125
label {
1127
margin: 0 8px;
1128
}
1129
image.dim-label {
1131
min-width: 16px;
1132
}
1133
}
1134
> box > revealer > box > button {
1136
margin: (12px * 2 - $medium-size) / 2;
1137
.dim-label {
1139
color: inherit;
1140
}
1141
}
1142
}
1143
// 3.28 or later
1145
tasklistview {
1146
taskrow {
1147
outline: none;
1148
entry {
1150
&,
1151
&:focus,
1152
&:disabled {
1153
box-shadow: none;
1154
}
1155
}
1156
image.dim-label {
1158
min-width: 16px;
1159
}
1160
}
1161
> box > revealer > box > button {
1163
margin: (12px * 2 - $medium-size) / 2;
1164
.dim-label {
1166
color: inherit;
1167
}
1168
}
1169
}
1170
/**
1172
* eog
1173
*/
1174
#eog-thumb-nav {
1176
scrolledwindow.frame {
1177
border-top: none;
1178
}
1179
}
1180
/**
1182
* Evolution
1183
*/
1184
frame.taskbar > border {
1186
border-style: solid none none;
1187
}
1188
box.vertical > paned.horizontal notebook widget .frame {
1190
border-style: none;
1191
}
1192
/**
1194
* gitg
1195
*/
1196
frame.commit-frame > border {
1198
border-style: solid none none;
1199
}
1200
/**
1202
* Characters
1203
*/
1204
box.dialog-vbox scrolledwindow.related {
1206
border: 1px solid divider($on-surface);
1207
}
1208
list.categories {
1210
background-image: image($base-alt);
1211
}
1212
/**
1214
* Boxes
1215
*/
1216
.transparent-bg + stack overlay > label {
1218
min-height: 24px;
1219
padding: 0 4px;
1220
border-radius: $corner-radius;
1221
background-color: $scrim;
1222
color: $on-scrim;
1223
}
1224
/**
1226
* Evince
1227
*/
1228
// Color is needed for Evince to match hardcoded background-color,
1230
// since Documents app is also uses this style, background-color needs to be set accordingly.
1231
evview.content-view.view:selected {
1232
background-color: $primary;
1233
color: $on-primary;
1234
}
1235
/**
1237
* Polari
1238
*/
1239
// hard-coded css:
1241
// https://gitlab.gnome.org/GNOME/polari/blob/master/data/resources/application.css
1242
// background-color is needed to match hard-coded row colors.
1244
// Just $primary is too harsh for activated rows, so add transparency.
1245
.polari-room-list row:selected {
1246
background-color: rgba($primary, .5);
1247
}
1248
/**
1250
* Fractal
1251
*/
1252
.message-input-area button {
1254
@extend %button-flat-activatable;
1255
}
1256
// To display the drop shadow
1258
button.osd.scroll_button {
1259
margin: 4px;
1260
}
1261
/**
1263
* Mines
1264
*/
1265
grid.minefield > button.tile {
1267
border-style: solid;
1268
}
1269