ASCII text
1
/************
2
* Nautilus *
3
************/
4
// based css:
5
// https://gitlab.gnome.org/GNOME/nautilus/blob/master/src/resources/css/Adwaita.css
6
// hard-coded css:
7
// https://gitlab.gnome.org/GNOME/nautilus/blob/master/src/resources/css/nautilus.css
8
.nautilus-window,
10
.nautilus-window notebook,
11
.nautilus-window notebook > stack {
12
background-color: $base;
13
}
14
.nautilus-canvas-item {
16
// border-radius: $corner-radius;
17
}
18
.nautilus-canvas-item.dim-label,
20
.nautilus-list-dim-label {
21
color: $text2;
22
}
23
.nautilus-desktop.nautilus-canvas-item {
25
@extend %iconview-desktop;
26
}
27
// Toolbar
29
@keyframes nautilus-operations-button-needs-attention {
31
to { background-color: $overlay-focus; }
32
}
33
.nautilus-operations-button-needs-attention {
35
animation: nautilus-operations-button-needs-attention $ripple-fade-out-duration $ease 2 alternate;
36
}
37
.nautilus-operations-button-needs-attention-multiple {
39
animation: nautilus-operations-button-needs-attention $ripple-fade-out-duration $ease 6 alternate;
40
}
41
.linked:not(.vertical) > button:not(.suggested-action):not(.destructive-action):not(:only-child).disclosure-button {
43
border-radius: $circular-radius;
44
}
45
// Path bar
47
.path-bar-box {
49
transition: background-color $duration $ease-out;
50
margin: $container-padding 0;
51
border-radius: $corner-radius;
52
button { margin: 0; } // reset the margin
54
&.width-maximized { background-color: $titlebar-entry-fill; }
56
// workaround for 3.30.1
58
&.background.frame {
59
border-style: none;
60
background-color: $titlebar-entry-fill;
61
}
62
// for 3.30
64
.path-bar button {
65
label:not(:only-child) {
66
&:first-child { margin-left: 0; }
67
&:last-child { margin-right: 0; }
69
}
70
}
71
// for 3.32
73
.nautilus-path-bar button:not(.suggested-action):not(.destructive-action) {
74
padding-left: ($medium-size - 24px) / 2;
75
padding-right: ($medium-size - 24px) / 2;
76
&.text-button { min-width: 0; }
78
label:not(:only-child) {
80
&:first-child { margin-left: 0; }
81
&:last-child { margin-right: 0; }
83
}
84
&.text-button.image-button image:not(:only-child) { margin: 0; }
86
&:last-child:dir(ltr),
88
&:first-child:dir(rtl) { @extend %titlebar-button-checked; }
89
}
90
}
91
// Floating status bar
93
.nautilus-window .floating-bar {
94
min-height: 32px;
95
padding: 0;
96
border-style: solid solid none;
97
border-width: 1px;
98
border-color: $divider;
99
border-radius: ($corner-radius + 1px) ($corner-radius + 1px) 0 0;
100
background-color: rgba($surface, 0.9);
101
&.bottom.left { // axes left border and border radius
103
margin-right: 8px - 1px;
104
border-left-style: none;
105
border-top-left-radius: 0;
106
}
107
&.bottom.right { // axes right border and border radius
109
margin-left: 8px - 1px;
110
border-right-style: none;
111
border-top-right-radius: 0;
112
}
113
button {
115
margin: (32px - $small-size) / 2;
116
@extend %button-small;
118
}
119
}
120
.disk-space-display {
122
// border-style: solid;
123
// border-width: 2px;
124
&.unknown {
126
background-color: $stroke;
127
color: $stroke;
128
}
129
&.used {
131
background-color: $primary;
132
color: $primary;
133
}
134
&.free {
136
background-color: $fill;
137
color: $fill;
138
}
139
}
140
// View
142
// Hide superfluous treeview drop target indication
143
.nautilus-list-view .view:not(.dnd) {
144
// border-bottom: 1px solid $divider;
145
}
146
.search-information {
148
padding: 2px;
149
border-bottom: 1px solid $divider;
150
background-color: $base;
151
color: $text;
152
}
153
.documents-entry-tag {
155
@extend .entry-tag;
156
}
157
.conflict-row:not(:selected) { background-color: mix($warning, $base, percentage(0.3)); }
159
// Icon view
161
.nautilus-window flowboxchild {
162
// .icon-background { background-color: black; }
163
.icon-item-background {
165
padding: 4px;
166
border-radius: $corner-radius;
167
}
168
&:selected {
170
background-color: transparent;
171
.icon-item-background { @extend %selected_items; }
173
}
174
}
175
// Batch rename dialog
177
dialog.background > box.dialog-vbox.vertical > grid.horizontal {
178
> scrolledwindow.frame { border-style: none; }
179
> box.horizontal:last-child {
181
margin: -6px 0 0 -6px;
182
border-top: 1px solid $divider;
183
> label { margin: 0 8px; }
185
> box > button { border-radius: 0; }
187
}
188
}
189
// Tweak to fix the messy sizing of the popover menu
191
.nautilus-window > popover.menu:not(:last-child) {
192
padding: 3px;
193
> stack > box > box > box {
195
margin-top: -6px;
196
> box {
198
margin-bottom: -6px;
199
&.linked { margin-top: 1px; }
201
}
202
}
203
separator { margin-bottom: -2px; }
205
}
206
.nautilus-menu-sort-heading {
208
// min-height: 26px;
209
// padding-left: 5px;
210
// padding-right: 5px;
211
margin: 1px 3px;
212
font-weight: 500;
213
&:disabled { color: $text2; }
215
}
216
// Make operations button circular
218
.nautilus-window headerbar revealer > button { border-radius: $circular-radius; }
219
// Ensure paned separator rendering. See issue #84 for details.
221
.nautilus-window paned > separator { background-color: $base-alt; }
222
/*********
225
* gedit *
226
*********/
227
// based css:
228
// https://gitlab.gnome.org/GNOME/gedit/blob/master/gedit/resources/css/gedit.adwaita.css
229
// hard-coded css:
230
// https://gitlab.gnome.org/GNOME/gedit/blob/master/gedit/resources/css/gedit-style.css
231
// Only normal state is handle
233
.open-document-selector-name-label {
234
// font-weight: bold;
235
}
236
// Only normal state is handle
238
.open-document-selector-path-label {
239
color: $text2;
240
font-size: smaller;
241
}
242
// Only normal state is handle
244
.open-document-selector-match {
245
background-color: $warning;
246
color: on($warning);
247
}
248
.gedit-document-panel {
250
background-color: $base-alt;
251
// Try to look as the notebook tab close button
253
row button.flat {
254
margin-top: 8px;
255
margin-bottom: 8px;
256
@extend %button-small;
258
}
259
}
260
.gedit-document-panel-group-row:not(:first-child) {
262
border-top: 1px solid $divider;
263
}
264
.gedit-side-panel-paned statusbar {
266
border-top: 1px solid $divider;
267
}
268
.gedit-search-slider {
270
margin: 4px 4px 8px;
271
.linked:not(.vertical) > entry {
273
border-radius: $corner-radius;
274
@extend %entry_raised;
275
.gedit-search-entry-occurrences-tag {
277
all: unset;
278
color: $text2;
279
}
280
$buttons_width: $small-size * 2 + $container-padding * 3;
282
&:dir(ltr) {
284
margin-right: -$buttons_width;
285
padding-right: $buttons_width;
286
.gedit-search-entry-occurrences-tag { margin-left: $container-padding; }
288
image.right { margin-right: 0; }
290
}
291
&:dir(rtl) {
293
margin-left: -$buttons_width;
294
padding-left: $buttons_width;
295
.gedit-search-entry-occurrences-tag { margin-right: $container-padding; }
297
image.left { margin-left: 0; }
299
}
300
&:not(.error) { background-color: $surface; }
302
&.error ~ button {
304
@include ink-color(on($error, text2));
305
&:disabled { color: on($error, text2-disabled); }
307
}
308
}
309
.linked:not(.vertical) > button {
311
border: solid $container-padding transparent;
312
border-radius: $circular-radius;
313
@extend %button-flat-basic;
315
@extend %button-small;
316
&:last-child:dir(ltr),
318
&:not(:first-child):dir(rtl) { margin-left: -$container-padding / 2; }
319
&:first-child:dir(rtl),
321
&:not(:last-child):dir(ltr) { margin-right: -$container-padding / 2; }
322
}
323
}
324
frame.gedit-map-frame > border {
326
&:dir(ltr) { border-style: none none none solid; }
327
&:dir(rtl) { border-style: none solid none none; }
328
}
329
/**********
332
* Tweaks *
333
**********/
334
// hard-coded css:
335
// https://gitlab.gnome.org/GNOME/gnome-tweaks/blob/master/data/shell.css
336
// the sidebar
338
.tweak-categories {
339
// padding: 4px 0;
340
// background-color: shade(@theme_bg_color, 0.99);
341
background-image: image($base-alt);
342
separator { @extend %hide_separators; }
344
}
345
.tweak {
347
// padding-top: 3px;
348
padding: 3px;
349
&.title:hover { box-shadow: none; }
351
}
352
.tweak-group-white,
354
.tweak-white,
355
.tweak-white:hover {
356
// background-color: white;
357
background-image: image($base);
358
}
359
.tweak-startup,
361
.tweak-startup:hover {
362
// background-color: lighter(shade(@theme_bg_color, 0.9));
363
background-image: image($base);
364
}
365
.tweak-group-startup {
367
// background-color: @view_separators;
368
background-image: image($base);
369
border: 1px solid $divider;
370
}
371
//
373
// Workaround for 3.26
374
//
375
row#Focus,
377
row#ClickMethod,
378
row#StaticWorkspaceTweak, // for 3.26.0
379
row#dynamic-workspaces,
380
row#PrimaryWorkspaceTweak, // for 3.26.0
381
row#workspaces-only-on-primary {
382
padding: 0;
383
border: 1px solid $divider;
384
row:not(:last-child) { border-bottom: 1px solid $divider; }
386
&.tweak > list { margin-top: -3px; }
388
}
389
// Add more spaces between title and list
391
row#Focus,
392
row#ClickMethod,
393
row#PrimaryWorkspaceTweak, // for 3.26.0
394
row#workspaces-only-on-primary {
395
margin-top: 4px;
396
}
397
// Workaround for gnome-tweaks 3.34
399
// See https://github.com/nana-4/materia-theme/issues/432
400
hdyleaflet.titlebar > .titlebar.tweak-titlebar-left,
401
hdyleaflet.titlebar > .titlebar.tweak-titlebar-right {
402
background-color: inherit;
403
box-shadow: inherit;
404
// Remove only background-color transition.
405
// This shouldn't be necessary, but otherwise it gets lag...
406
transition: color $duration $ease-out;
407
+ separator {
409
background-color: inherit;
410
background-image: image($titlebar-divider);
411
}
412
}
413
/***********
416
* Builder *
417
***********/
418
// based css for 3.22:
419
// https://gitlab.gnome.org/GNOME/gnome-builder/tree/gnome-builder-3-22/data/theme
420
// based css for 3.24:
421
// https://gitlab.gnome.org/GNOME/gnome-builder/tree/gnome-builder-3-24/data/theme
422
// based css for 3.26:
423
// https://gitlab.gnome.org/GNOME/gnome-builder/tree/gnome-builder-3-26/data/themes
424
// Layout tab and tab bar tweaks
426
// The following makes the layout stack header look similar to a tab bar.
427
layouttabbar {
428
border-bottom: 1px solid $divider;
429
background-color: $background;
430
button { @extend %button-flat-activatable; }
432
> box > button {
434
margin: (40px - $medium-size) / 2 0;
435
// border-radius: 0;
436
}
437
}
438
layouttab {
440
margin: 0 8px; // not working
441
border-style: none solid;
442
border-width: 1px;
443
border-color: $divider;
444
box-shadow: inset 0 -2px $primary;
445
background-color: $base;
446
separator.vertical { margin: 8px 4px; }
448
button {
450
&.text-button, &.image-button, & {
451
margin-top: 8px;
452
margin-bottom: 8px;
453
padding: 0 4px;
454
}
455
}
456
// Close button styling for layouttab.
458
// > box > button.close { border-radius: $circular-radius; }
459
}
460
layout {
462
border: 1px solid $divider;
463
-PnlDockBin-handle-size: 1;
464
}
465
entry.search-missing {
467
background-color: $error;
468
color: on($error);
469
}
470
// tweak icons for treeviews
472
window.workbench treeview.image {
473
color: $text2;
474
}
475
popover.popover-selector list {
477
padding: 8px - 2px;
478
row {
480
border-radius: $corner-radius;
481
image {
483
&:dir(ltr) { margin-right: 6px; }
484
&:dir(rtl) { margin-left: 6px; }
485
}
486
.accel {
488
&:dir(ltr) { margin-left: 6px; }
489
&:dir(rtl) { margin-right: 6px; }
490
}
491
}
492
}
493
omnibar {
495
&.linked:not(.vertical) entry { border-radius: $corner-radius; }
496
entry { color: $text2; }
498
}
499
popover.omnibar list row:not(:last-child) {
501
border-bottom: 1px solid $divider;
502
}
503
entry.preferences-search {
505
border-bottom: 1px solid $divider;
506
box-shadow: none;
507
background-color: $base;
508
// doesn't work properly
510
// &:dir(ltr) { border-right: 1px solid $divider; }
511
// &:dir(rtl) { border-left: 1px solid $divider; }
512
}
513
preferences stacksidebar.sidebar {
515
list { background-color: $base-alt; }
516
&:dir(ltr),
518
&:dir(rtl) { list { border-style: none; }}
519
list separator { @extend %hide_separators; }
521
}
522
preferences > box > box {
524
&:dir(ltr) { border-right: 1px solid $divider; }
525
&:dir(rtl) { border-left: 1px solid $divider; }
526
}
527
popover.messagepopover {
529
&.background { padding: 0; }
530
.popover-action-area button {
532
@extend %button-flat-basic;
533
padding: 8px 16px;
535
border-top: 1px solid $divider;
536
border-radius: 0;
537
&:first-child { border-bottom-left-radius: $corner-radius; }
539
&:last-child { border-bottom-right-radius: $corner-radius; }
541
}
542
.popover-content-area { margin: 16px; }
544
}
545
popover.transfers list {
547
background-color: transparent;
548
row:not(:first-child) { border-top: 1px solid $divider; }
550
row > box { padding: 10px; }
552
}
553
dockbin {
555
border: 1px solid $divider;
556
-PnlDockBin-handle-size: 1;
557
}
558
dockpaned {
560
border: 1px solid $divider;
561
}
562
eggsearchbar box.search-bar {
564
padding: 0 8px;
565
border-bottom: 1px solid $divider;
566
background-color: $background;
567
}
568
docktabstrip {
570
padding: 0 8px;
571
border-bottom: 1px solid $divider;
572
background-color: $background;
573
}
574
docktab {
576
transition: $transition,
577
background-size 0ms,
578
background-image 0ms;
579
min-height: $small-size;
580
min-width: $small-size;
581
margin-bottom: -1px;
582
padding: $container-padding 6px;
583
border-width: 1px; // for reorderable tabs
585
border-color: transparent; //
586
box-shadow: inset 0 -2px transparent;
588
background-image: radial-gradient(circle, $primary 10%, transparent 0%);
589
background-repeat: no-repeat;
590
background-position: center;
591
background-size: 0% 0%;
592
color: $text2;
594
font-weight: 500;
595
&:hover {
597
background-color: $overlay-hover;
598
}
599
&:checked {
601
transition: $transition,
602
background-size $ripple-fade-in-duration $ease-out,
603
background-image $ripple-fade-in-duration + $ripple-fade-out-duration $ease-out;
604
box-shadow: inset 0 -2px $primary;
605
background-color: transparent;
606
background-image: radial-gradient(circle, transparent 10%, transparent 0%);
607
background-size: 1000% 1000%;
608
color: $text;
609
}
610
}
611
dockoverlayedge {
613
background-color: $background;
614
docktabstrip {
616
padding: 0;
617
border: none;
618
}
619
&.left-edge docktab:checked { box-shadow: inset -2px 0 $primary; }
621
&.right-edge docktab:checked { box-shadow: inset 2px 0 $primary; }
623
}
624
pillbox {
626
background-color: $background;
627
border-radius: $corner-radius;
628
}
629
buildperspective row {
631
// padding: 10px;
632
}
633
layoutpane entry.search {
635
border-bottom: 1px solid $divider;
636
box-shadow: none;
637
background-color: $base;
638
}
639
editortweak entry.search {
641
margin-bottom: -1px;
642
box-shadow: none;
643
background-color: transparent;
644
}
645
//
647
// let's tweak hard-coded elements
648
//
649
.gb-search-entry-occurrences-tag {
651
box-shadow: none;
652
background-color: transparent;
653
}
654
// Keep search bar and layouttab height in sync.
656
// layouttabbar > box,
657
// eggsearchbar > revealer > box,
658
docktabstrip {
659
min-height: 39px;
660
}
661
eggsearchbar entry {
663
// min-height: 24px;
664
}
665
window.workbench preferences preferencesgroup list entry {
667
// background: none;
668
// min-height: 0px;
669
padding-top: 8px;
670
padding-bottom: 8px;
671
}
672
button.run-arrow-button {
674
// min-width: 12px;
675
padding-left: ($medium-size - 16px) / 2;
676
padding-right: ($medium-size - 16px) / 2;
677
}
678
//
680
// Additional styles for 3.26
681
//
682
button.dzlmenubutton image {
684
min-width: $medium-size - 6px;
685
&.arrow { min-width: $medium-size - 9px; }
687
}
688
button.dzlmenubuttonitem {
690
color: $text;
691
font-weight: normal;
692
&:disabled { color: $text-disabled; }
694
}
695
idelayoutstackheader {
697
border-bottom: 1px solid $divider;
698
button:checked { color: $text; }
700
}
701
// utilities stack switcher
703
ideeditorutilities > dzldockpaned > box > stackswitcher {
704
padding: 8px 0;
705
background-color: $background;
706
&:dir(ltr) { border-right: 1px solid $divider; }
708
&:dir(rtl) { border-left: 1px solid $divider; }
710
button {
712
border-radius: 0;
713
box-shadow: none;
714
background-color: transparent;
715
&:active {
717
background-image: radial-gradient(circle, rgba($primary, 0.7) 10%, transparent 0%);
718
}
719
&:checked {
721
background-color: transparent;
722
color: $text;
723
}
724
&:dir(ltr) {
726
margin-right: -1px;
727
&:checked { box-shadow: inset -2px 0 $primary; }
729
}
730
&:dir(rtl) {
732
margin-left: -1px;
733
&:checked { box-shadow: inset 2px 0 $primary; }
735
}
736
}
737
}
738
// buildui panel
740
ideeditorsidebar notebook header {
741
background: transparent;
742
}
743
popover.messagepopover {
745
// padding: 0;
746
list {
748
border: 1px solid $divider;
749
row:not(:last-child) { border-bottom: 1px solid $divider; }
751
}
752
}
753
// Workaround for hard-coded .title color
755
dzlsuggestionpopover > revealer > box > elastic > scrolledwindow > viewport > list > row:selected {
756
// .title { color: @theme_selected_fg_color; }
757
background-color: $primary;
759
color: on($primary);
760
}
761
// Workaround for hard-coded button background
763
#titlebar_container .suggestionbutton button {
764
// background-color: @content_view_bg;
765
// background-image: none;
766
padding: 0;
768
border-radius: 0;
769
box-shadow: inset 0 0 0 9999px $titlebar;
770
&:backdrop {
772
box-shadow: inset 0 0 0 9999px $titlebar-backdrop;
773
}
774
// For some reason background-image doesn't work well with transition :(
776
image {
777
transition: box-shadow $duration $ease-out,
778
background-color $ripple-fade-in-duration $ease-out;
779
min-width: $medium-size;
780
min-height: $medium-size;
781
border-radius: $circular-radius;
782
box-shadow: inset 0 0 0 9999px transparent;
783
}
784
&:hover image {
786
box-shadow: inset 0 0 0 9999px $overlay-hover;
787
}
788
&:focus image {
790
box-shadow: inset 0 0 0 9999px $overlay-focus;
791
}
792
&:active image {
794
background-color: $overlay-active;
795
}
796
}
797
/**********
800
* Photos *
801
**********/
802
// based css:
803
// https://gitlab.gnome.org/GNOME/gnome-photos/blob/master/data/Adwaita.css
804
GdMainIconView.content-view {
806
-GdMainIconView-icon-size: 48;
807
// Make spinner visible on both dark and bright backgrounds w/o making
809
// it look ugly/weird.
810
// &.cell:active { color: $text-disabled; }
811
}
812
.documents-counter {
814
margin: 8px;
815
border-radius: $circular-radius;
816
box-shadow: $shadow-z4;
817
background-color: $primary;
818
color: on($primary);
819
font-weight: bold;
820
}
821
.photos-entry-tag {
823
@extend .entry-tag;
824
}
825
.documents-scrolledwin.frame {
827
border-style: none;
828
frame.content-view > border { border-style: none; }
830
}
831
.photos-icon-bg {
833
}
834
.photos-fade-in {
836
opacity: 1;
837
transition: opacity $duration $ease-out;
838
}
839
.photos-fade-out {
841
opacity: 0;
842
transition: opacity $duration $ease-out;
843
}
844
.photos-collection-icon {
846
}
847
button.photos-filter-preview {
849
color: $text;
850
font-weight: normal;
851
&:checked {
853
background-color: $overlay-selected;
854
color: $text;
855
image {
857
color: on(dark);
858
-gtk-icon-shadow: $text-shadow;
859
}
860
}
861
}
862
overlay grid.horizontal > revealer > scrolledwindow.frame {
864
&:dir(ltr) { border-style: none none none solid; }
865
&:dir(rtl) { border-style: none solid none none; }
866
}
867
/*********
870
* Music *
871
*********/
872
// hard-coded css:
873
// https://gitlab.gnome.org/GNOME/gnome-music/blob/master/data/application.css
874
.side-panel:dir(ltr) {
876
// border-width: 0 1px 0 0;
877
border-style: solid;
878
border-color: $divider;
879
}
880
.side-panel:dir(rtl) {
882
// border-width: 0 0 0 1px;
883
border-style: solid;
884
border-color: $divider;
885
}
886
.side-panel .view {
888
// background-color: mix(@theme_fg_color, @theme_bg_color, 0.9);
889
background-image: image($base-alt);
890
&:hover { background-image: image(mix($text, $base-alt, percentage(0.08))); }
892
}
893
.side-panel .view:selected {
895
// background-color: mix(@theme_fg_color, @theme_bg_color, 0.5);
896
background-image: image($primary);
897
&:hover { background-image: image(mix(on($primary), $primary, percentage(0.08))); }
899
}
900
.songs-list {
902
// box-shadow: inset 0 -1px shade(@borders, 1.30);
903
// background-color: @theme_bg_color;
904
&:hover { background-image: image($overlay-hover); }
906
}
907
frame.documents-dropdown {
909
@extend %toolbar-osd;
910
margin: 8px;
912
> border { border: none; }
914
}
915
box.vertical > revealer > toolbar.search-bar {
917
border-bottom: 1px solid $divider;
918
background-clip: border-box; // avoid black border
919
button > widget {
921
-gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
922
// -GtkArrow-arrow-scaling: 1;
923
}
924
}
925
/************
928
* Terminal *
929
************/
930
terminal-window notebook > header > box {
931
// Remove hard-coded margin around button(s)
932
margin: -2px -2px -3px;
933
button {
935
// margin-bottom: -1px;
936
border-radius: 0;
937
}
938
}
939
/*********
942
* To Do *
943
*********/
944
// less than 3.28
945
task-list-view {
946
taskrow {
947
transition: $transition;
948
margin: 0 -8px;
949
&:hover { transition: none; }
951
label { margin: 0 8px; }
953
image.dim-label { min-width: 16px; }
955
}
956
> box > revealer > box > button {
958
margin: (12px * 2 - $medium-size) / 2;
959
.dim-label { color: inherit; }
961
}
962
}
963
// 3.28 or later
965
tasklistview {
966
taskrow {
967
outline: none;
968
entry {
970
&, &:focus, &:disabled { box-shadow: none; }
971
}
972
image.dim-label { min-width: 16px; }
974
}
975
> box > revealer > box > button {
977
margin: (12px * 2 - $medium-size) / 2;
978
.dim-label { color: inherit; }
980
}
981
}
982
/*******
985
* eog *
986
*******/
987
#eog-thumb-nav {
988
scrolledwindow { border-top: none; }
989
}
990
/*************
993
* Evolution *
994
*************/
995
frame.taskbar > border { border-style: solid none none; }
996
box.vertical > paned.horizontal notebook widget .frame { border-style: none; }
998
/********
1001
* gitg *
1002
********/
1003
frame.commit-frame > border { border-style: solid none none; }
1004
/**************
1007
* Characters *
1008
**************/
1009
box.dialog-vbox scrolledwindow.related { border: 1px solid $divider; }
1010
list.categories { background-image: image($base-alt); }
1012
/*********
1015
* Boxes *
1016
*********/
1017
.transparent-bg + stack overlay > label {
1018
min-height: 24px;
1019
padding: 0 4px;
1020
border-radius: $corner-radius;
1021
background-color: $scrim;
1022
color: on($scrim);
1023
}
1024
/**********
1027
* Evince *
1028
**********/
1029
// Color is needed for Evince to match hardcoded background-color,
1030
// since Documents app is also uses this style, background-color needs to be set accordingly.
1031
evview.content-view.view:selected {
1032
background-color: $primary;
1033
color: on($primary);
1034
}
1035
/**********
1038
* Polari *
1039
**********/
1040
// hard-coded css:
1041
// https://gitlab.gnome.org/GNOME/polari/blob/master/data/resources/application.css
1042
// background-color is needed to match hard-coded row colors.
1044
// Just $primary is too harsh for activated rows, so add transparency.
1045
.polari-room-list row:selected {
1046
background-color: rgba($primary, .5);
1047
}
1048
/***********
1051
* Fractal *
1052
***********/
1053
.message-input-area button {
1054
@extend %button-flat-activatable;
1055
}
1056
// To display the drop shadow
1058
button.osd.scroll_button {
1059
margin: 4px;
1060
}
1061