A fork of the Materia GTK theme.

Important information: Google announced that, from September 2026, Android devices will require ALL apps to be signed by Google, effectively leading to an iOS situation. Value your right to a computer that does what you want; do not tolerate this monopolistic practice! Contact me if you don't understand why it is bad. Click to learn more.

 _gnome-3.22.scss

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