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 {
32
background-color: $overlay-focus;
33
}
34
}
35
.nautilus-operations-button-needs-attention {
37
animation: nautilus-operations-button-needs-attention $ripple-fade-out-duration $ease 2 alternate;
38
}
39
.nautilus-operations-button-needs-attention-multiple {
41
animation: nautilus-operations-button-needs-attention $ripple-fade-out-duration $ease 6 alternate;
42
}
43
.linked:not(.vertical) > button:not(.suggested-action):not(.destructive-action):not(:only-child).disclosure-button {
45
border-radius: $circular-radius;
46
}
47
// Path bar
49
.path-bar-box {
51
transition: background-color $duration $ease-out;
52
margin: $container-padding 0;
53
border-radius: $corner-radius;
54
button { margin: 0; } // reset the margin
56
&.width-maximized { background-color: $titlebar-entry-fill; }
58
// workaround for 3.30.1
60
&.background.frame {
61
border-style: none;
62
background-color: $titlebar-entry-fill;
63
}
64
// for 3.30
66
.path-bar button {
67
label:not(:only-child) {
68
&:first-child { margin-left: 0; }
69
&:last-child { margin-right: 0; }
71
}
72
}
73
// for 3.32
75
.nautilus-path-bar button:not(.suggested-action):not(.destructive-action) {
76
padding-left: ($medium-size - 24px) / 2;
77
padding-right: ($medium-size - 24px) / 2;
78
&.text-button { min-width: 0; }
80
label:not(:only-child) {
82
&:first-child { margin-left: 0; }
83
&:last-child { margin-right: 0; }
85
}
86
&.text-button.image-button image:not(:only-child) { margin: 0; }
88
&:last-child:dir(ltr),
90
&:first-child:dir(rtl) { @extend %titlebar-button-checked; }
91
}
92
}
93
// Floating status bar
95
.nautilus-window .floating-bar {
96
min-height: 32px;
97
padding: 0;
98
border-style: solid solid none;
99
border-width: 1px;
100
border-color: $divider;
101
border-radius: ($corner-radius + 1px) ($corner-radius + 1px) 0 0;
102
background-color: rgba($surface, 0.9);
103
&.bottom.left { // axes left border and border radius
105
margin-right: 8px - 1px;
106
border-left-style: none;
107
border-top-left-radius: 0;
108
}
109
&.bottom.right { // axes right border and border radius
111
margin-left: 8px - 1px;
112
border-right-style: none;
113
border-top-right-radius: 0;
114
}
115
button {
117
margin: (32px - $small-size) / 2;
118
@extend %button-small;
120
}
121
}
122
.disk-space-display {
124
// border-style: solid;
125
// border-width: 2px;
126
&.unknown {
128
background-color: $stroke;
129
color: $stroke;
130
}
131
&.used {
133
background-color: $primary;
134
color: $primary;
135
}
136
&.free {
138
background-color: $fill;
139
color: $fill;
140
}
141
}
142
// View
144
// Hide superfluous treeview drop target indication
145
.nautilus-list-view .view:not(.dnd) {
146
// border-bottom: 1px solid $divider;
147
}
148
.search-information {
150
padding: 2px;
151
border-bottom: 1px solid $divider;
152
background-color: $base;
153
color: $text;
154
}
155
.documents-entry-tag {
157
@extend .entry-tag;
158
}
159
.conflict-row:not(:selected) { background-color: mix($warning, $base, percentage(0.3)); }
161
// Icon view
163
.nautilus-window flowboxchild {
164
// .icon-background { background-color: black; }
165
.icon-item-background {
167
padding: 4px;
168
border-radius: $corner-radius;
169
}
170
&:selected {
172
background-color: transparent;
173
.icon-item-background { @extend %selected_items; }
175
}
176
}
177
// Batch rename dialog
179
dialog.background > box.dialog-vbox.vertical > grid.horizontal {
180
> scrolledwindow.frame { border-style: none; }
181
> box.horizontal:last-child {
183
margin: -6px 0 0 -6px;
184
border-top: 1px solid $divider;
185
> label { margin: 0 8px; }
187
> box > button { border-radius: 0; }
189
}
190
}
191
// Tweak to fix the messy sizing of the popover menu
193
.nautilus-window > popover.menu:not(:last-child) {
194
padding: 3px;
195
> stack > box > box > box {
197
margin-top: -6px;
198
> box {
200
margin-bottom: -6px;
201
&.linked { margin-top: 1px; }
203
}
204
}
205
separator { margin-bottom: -2px; }
207
}
208
.nautilus-menu-sort-heading {
210
// min-height: 26px;
211
// padding-left: 5px;
212
// padding-right: 5px;
213
margin: 1px 3px;
214
font-weight: 500;
215
&:disabled { color: $text2; }
217
}
218
// Make operations button circular
220
.nautilus-window headerbar revealer > button { border-radius: $circular-radius; }
221
// Ensure paned separator rendering. See issue #84 for details.
223
.nautilus-window paned > separator { background-color: $base-alt; }
224
/*********
227
* gedit *
228
*********/
229
// based css:
230
// https://gitlab.gnome.org/GNOME/gedit/blob/master/gedit/resources/css/gedit.adwaita.css
231
// hard-coded css:
232
// https://gitlab.gnome.org/GNOME/gedit/blob/master/gedit/resources/css/gedit-style.css
233
// Only normal state is handle
235
.open-document-selector-name-label {
236
// font-weight: bold;
237
}
238
// Only normal state is handle
240
.open-document-selector-path-label {
241
color: $text2;
242
font-size: smaller;
243
}
244
// Only normal state is handle
246
.open-document-selector-match {
247
background-color: $warning;
248
color: on($warning);
249
}
250
.gedit-document-panel {
252
background-color: $base-alt;
253
// Try to look as the notebook tab close button
255
row button.flat {
256
margin-top: 8px;
257
margin-bottom: 8px;
258
@extend %button-small;
260
}
261
}
262
.gedit-document-panel-group-row:not(:first-child) {
264
border-top: 1px solid $divider;
265
}
266
.gedit-side-panel-paned statusbar {
268
border-top: 1px solid $divider;
269
}
270
.gedit-search-slider {
272
margin: 4px 4px 8px;
273
.linked:not(.vertical) > entry {
275
border-radius: $corner-radius;
276
@extend %entry_raised;
277
.gedit-search-entry-occurrences-tag {
279
all: unset;
280
color: $text2;
281
}
282
$buttons_width: $small-size * 2 + $container-padding * 3;
284
&:dir(ltr) {
286
margin-right: -$buttons_width;
287
padding-right: $buttons_width;
288
.gedit-search-entry-occurrences-tag { margin-left: $container-padding; }
290
image.right { margin-right: 0; }
292
}
293
&:dir(rtl) {
295
margin-left: -$buttons_width;
296
padding-left: $buttons_width;
297
.gedit-search-entry-occurrences-tag { margin-right: $container-padding; }
299
image.left { margin-left: 0; }
301
}
302
&:not(.error) { background-color: $surface; }
304
&.error ~ button {
306
@include ink-color(on($error, text2));
307
&:disabled { color: on($error, text2-disabled); }
309
}
310
}
311
.linked:not(.vertical) > button {
313
border: solid $container-padding transparent;
314
border-radius: $circular-radius;
315
@extend %button-flat-basic;
317
@extend %button-small;
318
&:last-child:dir(ltr),
320
&:not(:first-child):dir(rtl) { margin-left: -$container-padding / 2; }
321
&:first-child:dir(rtl),
323
&:not(:last-child):dir(ltr) { margin-right: -$container-padding / 2; }
324
}
325
}
326
frame.gedit-map-frame > border {
328
&:dir(ltr) { border-style: none none none solid; }
329
&:dir(rtl) { border-style: none solid none none; }
330
}
331
/**********
334
* Tweaks *
335
**********/
336
// hard-coded css:
337
// https://gitlab.gnome.org/GNOME/gnome-tweaks/blob/master/data/shell.css
338
// the sidebar
340
.tweak-categories {
341
// padding: 4px 0;
342
// background-color: shade(@theme_bg_color, 0.99);
343
background-image: image($base-alt);
344
separator { @extend %hide_separators; }
346
}
347
.tweak {
349
// padding-top: 3px;
350
padding: 3px;
351
&.title:hover { box-shadow: none; }
353
}
354
.tweak-group-white,
356
.tweak-white,
357
.tweak-white:hover {
358
// background-color: white;
359
background-image: image($base);
360
}
361
.tweak-startup,
363
.tweak-startup:hover {
364
// background-color: lighter(shade(@theme_bg_color, 0.9));
365
background-image: image($base);
366
}
367
.tweak-group-startup {
369
// background-color: @view_separators;
370
background-image: image($base);
371
border: 1px solid $divider;
372
}
373
//
375
// Workaround for 3.26
376
//
377
row#Focus,
379
row#ClickMethod,
380
row#StaticWorkspaceTweak, // for 3.26.0
381
row#dynamic-workspaces,
382
row#PrimaryWorkspaceTweak, // for 3.26.0
383
row#workspaces-only-on-primary {
384
padding: 0;
385
border: 1px solid $divider;
386
row:not(:last-child) { border-bottom: 1px solid $divider; }
388
&.tweak > list { margin-top: -3px; }
390
}
391
// Add more spaces between title and list
393
row#Focus,
394
row#ClickMethod,
395
row#PrimaryWorkspaceTweak, // for 3.26.0
396
row#workspaces-only-on-primary {
397
margin-top: 4px;
398
}
399
// Workaround for gnome-tweaks 3.34
401
// See https://github.com/nana-4/materia-theme/issues/432
402
hdyleaflet.titlebar > .titlebar.tweak-titlebar-left,
403
hdyleaflet.titlebar > .titlebar.tweak-titlebar-right {
404
background-color: inherit;
405
box-shadow: inherit;
406
// Remove only background-color transition.
407
// This shouldn't be necessary, but otherwise it gets lag...
408
transition: color $duration $ease-out;
409
+ separator {
411
background-color: inherit;
412
background-image: image($titlebar-divider);
413
}
414
}
415
/***********
418
* Builder *
419
***********/
420
// based css for 3.22:
421
// https://gitlab.gnome.org/GNOME/gnome-builder/tree/gnome-builder-3-22/data/theme
422
// based css for 3.24:
423
// https://gitlab.gnome.org/GNOME/gnome-builder/tree/gnome-builder-3-24/data/theme
424
// based css for 3.26:
425
// https://gitlab.gnome.org/GNOME/gnome-builder/tree/gnome-builder-3-26/data/themes
426
// Layout tab and tab bar tweaks
428
// The following makes the layout stack header look similar to a tab bar.
429
layouttabbar {
430
border-bottom: 1px solid $divider;
431
background-color: $background;
432
button { @extend %button-flat-activatable; }
434
> box > button {
436
margin: (40px - $medium-size) / 2 0;
437
// border-radius: 0;
438
}
439
}
440
layouttab {
442
margin: 0 8px; // not working
443
border-style: none solid;
444
border-width: 1px;
445
border-color: $divider;
446
box-shadow: inset 0 -2px $primary;
447
background-color: $base;
448
separator.vertical { margin: 8px 4px; }
450
button {
452
&.text-button, &.image-button, & {
453
margin-top: 8px;
454
margin-bottom: 8px;
455
padding: 0 4px;
456
}
457
}
458
// Close button styling for layouttab.
460
// > box > button.close { border-radius: $circular-radius; }
461
}
462
layout {
464
border: 1px solid $divider;
465
-PnlDockBin-handle-size: 1;
466
}
467
entry.search-missing {
469
background-color: $error;
470
color: on($error);
471
}
472
// tweak icons for treeviews
474
window.workbench treeview.image {
475
color: $text2;
476
}
477
popover.popover-selector list {
479
padding: 8px - 2px;
480
row {
482
border-radius: $corner-radius;
483
image {
485
&:dir(ltr) { margin-right: 6px; }
486
&:dir(rtl) { margin-left: 6px; }
487
}
488
.accel {
490
&:dir(ltr) { margin-left: 6px; }
491
&:dir(rtl) { margin-right: 6px; }
492
}
493
}
494
}
495
omnibar {
497
&.linked:not(.vertical) entry { border-radius: $corner-radius; }
498
entry { color: $text2; }
500
}
501
popover.omnibar list row:not(:last-child) {
503
border-bottom: 1px solid $divider;
504
}
505
entry.preferences-search {
507
border-bottom: 1px solid $divider;
508
box-shadow: none;
509
background-color: $base;
510
// doesn't work properly
512
// &:dir(ltr) { border-right: 1px solid $divider; }
513
// &:dir(rtl) { border-left: 1px solid $divider; }
514
}
515
preferences stacksidebar.sidebar {
517
list { background-color: $base-alt; }
518
&:dir(ltr),
520
&:dir(rtl) { list { border-style: none; }}
521
list separator { @extend %hide_separators; }
523
}
524
preferences > box > box {
526
&:dir(ltr) { border-right: 1px solid $divider; }
527
&:dir(rtl) { border-left: 1px solid $divider; }
528
}
529
popover.messagepopover {
531
&.background { padding: 0; }
532
.popover-action-area button {
534
@extend %button-flat-basic;
535
padding: 8px 16px;
537
border-top: 1px solid $divider;
538
border-radius: 0;
539
&:first-child { border-bottom-left-radius: $corner-radius; }
541
&:last-child { border-bottom-right-radius: $corner-radius; }
543
}
544
.popover-content-area { margin: 16px; }
546
}
547
popover.transfers list {
549
background-color: transparent;
550
row:not(:first-child) { border-top: 1px solid $divider; }
552
row > box { padding: 10px; }
554
}
555
dockbin {
557
border: 1px solid $divider;
558
-PnlDockBin-handle-size: 1;
559
}
560
dockpaned {
562
border: 1px solid $divider;
563
}
564
eggsearchbar box.search-bar {
566
padding: 0 8px;
567
border-bottom: 1px solid $divider;
568
background-color: $background;
569
}
570
docktabstrip {
572
padding: 0 8px;
573
border-bottom: 1px solid $divider;
574
background-color: $background;
575
}
576
docktab {
578
transition: $transition,
579
background-size 0ms,
580
background-image 0ms;
581
min-height: $small-size;
582
min-width: $small-size;
583
margin-bottom: -1px;
584
padding: $container-padding 6px;
585
border-width: 1px; // for reorderable tabs
587
border-color: transparent; //
588
box-shadow: inset 0 -2px transparent;
590
background-image: radial-gradient(circle, $primary 10%, transparent 0%);
591
background-repeat: no-repeat;
592
background-position: center;
593
background-size: 0% 0%;
594
color: $text2;
596
font-weight: 500;
597
&:hover {
599
background-color: $overlay-hover;
600
}
601
&:checked {
603
transition: $transition,
604
background-size $ripple-fade-in-duration $ease-out,
605
background-image $ripple-fade-in-duration + $ripple-fade-out-duration $ease-out;
606
box-shadow: inset 0 -2px $primary;
607
background-color: transparent;
608
background-image: radial-gradient(circle, transparent 10%, transparent 0%);
609
background-size: 1000% 1000%;
610
color: $text;
611
}
612
}
613
dockoverlayedge {
615
background-color: $background;
616
docktabstrip {
618
padding: 0;
619
border: none;
620
}
621
&.left-edge docktab:checked { box-shadow: inset -2px 0 $primary; }
623
&.right-edge docktab:checked { box-shadow: inset 2px 0 $primary; }
625
}
626
pillbox {
628
background-color: $background;
629
border-radius: $corner-radius;
630
}
631
buildperspective row {
633
// padding: 10px;
634
}
635
layoutpane entry.search {
637
border-bottom: 1px solid $divider;
638
box-shadow: none;
639
background-color: $base;
640
}
641
editortweak entry.search {
643
margin-bottom: -1px;
644
box-shadow: none;
645
background-color: transparent;
646
}
647
//
649
// let's tweak hard-coded elements
650
//
651
.gb-search-entry-occurrences-tag {
653
box-shadow: none;
654
background-color: transparent;
655
}
656
// Keep search bar and layouttab height in sync.
658
// layouttabbar > box,
659
// eggsearchbar > revealer > box,
660
docktabstrip {
661
min-height: 39px;
662
}
663
eggsearchbar entry {
665
// min-height: 24px;
666
}
667
window.workbench preferences preferencesgroup list entry {
669
// background: none;
670
// min-height: 0px;
671
padding-top: 8px;
672
padding-bottom: 8px;
673
}
674
button.run-arrow-button {
676
// min-width: 12px;
677
padding-left: ($medium-size - 16px) / 2;
678
padding-right: ($medium-size - 16px) / 2;
679
}
680
//
682
// Additional styles for 3.26
683
//
684
button.dzlmenubutton image {
686
min-width: $medium-size - 6px;
687
&.arrow { min-width: $medium-size - 9px; }
689
}
690
button.dzlmenubuttonitem {
692
color: $text;
693
font-weight: normal;
694
&:disabled { color: $text-disabled; }
696
}
697
idelayoutstackheader {
699
border-bottom: 1px solid $divider;
700
button:checked { color: $text; }
702
}
703
// utilities stack switcher
705
ideeditorutilities > dzldockpaned > box > stackswitcher {
706
padding: 8px 0;
707
background-color: $background;
708
&:dir(ltr) { border-right: 1px solid $divider; }
710
&:dir(rtl) { border-left: 1px solid $divider; }
712
button {
714
border-radius: 0;
715
box-shadow: none;
716
background-color: transparent;
717
&:active {
719
background-image: radial-gradient(circle, rgba($primary, 0.7) 10%, transparent 0%);
720
}
721
&:checked {
723
background-color: transparent;
724
color: $text;
725
}
726
&:dir(ltr) {
728
margin-right: -1px;
729
&:checked { box-shadow: inset -2px 0 $primary; }
731
}
732
&:dir(rtl) {
734
margin-left: -1px;
735
&:checked { box-shadow: inset 2px 0 $primary; }
737
}
738
}
739
}
740
// buildui panel
742
ideeditorsidebar notebook header {
743
background: transparent;
744
}
745
popover.messagepopover {
747
// padding: 0;
748
list {
750
border: 1px solid $divider;
751
row:not(:last-child) { border-bottom: 1px solid $divider; }
753
}
754
}
755
// Workaround for hard-coded .title color
757
dzlsuggestionpopover > revealer > box > elastic > scrolledwindow > viewport > list > row:selected {
758
// .title { color: @theme_selected_fg_color; }
759
background-color: $primary;
761
color: on($primary);
762
}
763
// Workaround for hard-coded button background
765
#titlebar_container .suggestionbutton button {
766
// background-color: @content_view_bg;
767
// background-image: none;
768
padding: 0;
770
border-radius: 0;
771
box-shadow: inset 0 0 0 9999px $titlebar;
772
&:backdrop {
774
box-shadow: inset 0 0 0 9999px $titlebar-backdrop;
775
}
776
// For some reason background-image doesn't work well with transition :(
778
image {
779
transition: box-shadow $duration $ease-out,
780
background-color $ripple-fade-in-duration $ease-out;
781
min-width: $medium-size;
782
min-height: $medium-size;
783
border-radius: $circular-radius;
784
box-shadow: inset 0 0 0 9999px transparent;
785
}
786
&:hover image {
788
box-shadow: inset 0 0 0 9999px $overlay-hover;
789
}
790
&:focus image {
792
box-shadow: inset 0 0 0 9999px $overlay-focus;
793
}
794
&:active image {
796
background-color: $overlay-active;
797
}
798
}
799
/**********
802
* Photos *
803
**********/
804
// based css:
805
// https://gitlab.gnome.org/GNOME/gnome-photos/blob/master/data/Adwaita.css
806
GdMainIconView.content-view {
808
-GdMainIconView-icon-size: 48;
809
// Make spinner visible on both dark and bright backgrounds w/o making
811
// it look ugly/weird.
812
// &.cell:active { color: $text-disabled; }
813
}
814
.documents-counter {
816
margin: 8px;
817
border-radius: $circular-radius;
818
box-shadow: $shadow-z4;
819
background-color: $primary;
820
color: on($primary);
821
font-weight: bold;
822
}
823
.photos-entry-tag {
825
@extend .entry-tag;
826
}
827
.documents-scrolledwin.frame {
829
border-style: none;
830
frame.content-view > border { border-style: none; }
832
}
833
.photos-icon-bg {
835
}
836
.photos-fade-in {
838
opacity: 1;
839
transition: opacity $duration $ease-out;
840
}
841
.photos-fade-out {
843
opacity: 0;
844
transition: opacity $duration $ease-out;
845
}
846
.photos-collection-icon {
848
}
849
button.photos-filter-preview {
851
color: $text;
852
font-weight: normal;
853
&:checked {
855
background-color: $overlay-selected;
856
color: $text;
857
image {
859
color: on(dark);
860
-gtk-icon-shadow: $text-shadow;
861
}
862
}
863
}
864
overlay grid.horizontal > revealer > scrolledwindow.frame {
866
&:dir(ltr) { border-style: none none none solid; }
867
&:dir(rtl) { border-style: none solid none none; }
868
}
869
/*********
872
* Music *
873
*********/
874
// hard-coded css:
875
// https://gitlab.gnome.org/GNOME/gnome-music/blob/master/data/application.css
876
.side-panel:dir(ltr) {
878
// border-width: 0 1px 0 0;
879
border-style: solid;
880
border-color: $divider;
881
}
882
.side-panel:dir(rtl) {
884
// border-width: 0 0 0 1px;
885
border-style: solid;
886
border-color: $divider;
887
}
888
.side-panel .view {
890
// background-color: mix(@theme_fg_color, @theme_bg_color, 0.9);
891
background-image: image($base-alt);
892
&:hover { background-image: image(mix($text, $base-alt, percentage(0.08))); }
894
}
895
.side-panel .view:selected {
897
// background-color: mix(@theme_fg_color, @theme_bg_color, 0.5);
898
background-image: image($primary);
899
&:hover { background-image: image(mix(on($primary), $primary, percentage(0.08))); }
901
}
902
.songs-list {
904
// box-shadow: inset 0 -1px shade(@borders, 1.30);
905
// background-color: @theme_bg_color;
906
&:hover { background-image: image($overlay-hover); }
908
}
909
frame.documents-dropdown {
911
@extend %toolbar-osd;
912
margin: 8px;
914
> border { border: none; }
916
}
917
box.vertical > revealer > toolbar.search-bar {
919
border-bottom: 1px solid $divider;
920
background-clip: border-box; // avoid black border
921
button > widget {
923
-gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
924
// -GtkArrow-arrow-scaling: 1;
925
}
926
}
927
/************
930
* Terminal *
931
************/
932
terminal-window notebook > header > box {
933
// Remove hard-coded margin around button(s)
934
margin: -2px -2px -3px;
935
button {
937
// margin-bottom: -1px;
938
border-radius: 0;
939
}
940
}
941
/*********
944
* To Do *
945
*********/
946
// less than 3.28
947
task-list-view {
948
taskrow {
949
transition: $transition;
950
margin: 0 -8px;
951
&:hover { transition: none; }
953
label { margin: 0 8px; }
955
image.dim-label { min-width: 16px; }
957
}
958
> box > revealer > box > button {
960
margin: (12px * 2 - $medium-size) / 2;
961
.dim-label { color: inherit; }
963
}
964
}
965
// 3.28 or later
967
tasklistview {
968
taskrow {
969
outline: none;
970
entry {
972
&, &:focus, &:disabled { box-shadow: none; }
973
}
974
image.dim-label { min-width: 16px; }
976
}
977
> box > revealer > box > button {
979
margin: (12px * 2 - $medium-size) / 2;
980
.dim-label { color: inherit; }
982
}
983
}
984
/*******
987
* eog *
988
*******/
989
#eog-thumb-nav {
990
scrolledwindow { border-top: none; }
991
}
992
/*************
995
* Evolution *
996
*************/
997
frame.taskbar > border { border-style: solid none none; }
998
box.vertical > paned.horizontal notebook widget .frame { border-style: none; }
1000
/********
1003
* gitg *
1004
********/
1005
frame.commit-frame > border { border-style: solid none none; }
1006
/**************
1009
* Characters *
1010
**************/
1011
box.dialog-vbox scrolledwindow.related { border: 1px solid $divider; }
1012
list.categories { background-image: image($base-alt); }
1014
/*********
1017
* Boxes *
1018
*********/
1019
.transparent-bg + stack overlay > label {
1020
min-height: 24px;
1021
padding: 0 4px;
1022
border-radius: $corner-radius;
1023
background-color: $scrim;
1024
color: on($scrim);
1025
}
1026
/**********
1029
* Evince *
1030
**********/
1031
// Color is needed for Evince to match hardcoded background-color,
1032
// since Documents app is also uses this style, background-color needs to be set accordingly.
1033
evview.content-view.view:selected {
1034
background-color: $primary;
1035
color: on($primary);
1036
}
1037
/**********
1040
* Polari *
1041
**********/
1042
// hard-coded css:
1043
// https://gitlab.gnome.org/GNOME/polari/blob/master/data/resources/application.css
1044
// background-color is needed to match hard-coded row colors.
1046
// Just $primary is too harsh for activated rows, so add transparency.
1047
.polari-room-list row:selected {
1048
background-color: rgba($primary, .5);
1049
}
1050
/***********
1053
* Fractal *
1054
***********/
1055
.message-input-area button {
1056
@extend %button-flat-activatable;
1057
}
1058
// To display the drop shadow
1060
button.osd.scroll_button {
1061
margin: 4px;
1062
}
1063