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: $text-secondary;
22
}
23
.nautilus-desktop.nautilus-canvas-item {
25
// background-color: $scrim;
26
color: on(dark);
27
text-shadow: $shadow-1;
28
}
29
// Toolbar
31
@keyframes needs_attention_keyframes {
33
to { background-color: $overlay-focus; }
34
}
35
.nautilus-operations-button-needs-attention {
37
animation: needs_attention_keyframes $duration-ripple-aftermath $ease 2 alternate;
38
}
39
.nautilus-operations-button-needs-attention-multiple {
41
animation: needs_attention_keyframes $duration-ripple-aftermath $ease 6 alternate;
42
}
43
.linked > button:not(.suggested-action):not(.destructive-action).disclosure-button { @extend %circular_button; }
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-fill; }
56
// workaround for 3.30.1
58
&.background.frame {
59
border-style: none;
60
background-color: $titlebar-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 {
74
padding-left: ($medium-size - 24px) / 2;
75
padding-right: ($medium-size - 24px) / 2;
76
label:not(:only-child) {
78
&:first-child { margin-left: 0; }
79
&:last-child { margin-right: 0; }
81
}
82
&.text-button.image-button image:not(:only-child) { margin: 0; }
84
&:last-child:dir(ltr),
86
&:first-child:dir(rtl) { @extend %titlebar-button:checked; }
87
}
88
}
89
// Floating status bar
91
.nautilus-window .floating-bar {
92
min-height: 32px;
93
padding: 0;
94
border-style: solid solid none;
95
border-width: 1px;
96
border-color: $border;
97
border-radius: ($corner-radius + 1px) ($corner-radius + 1px) 0 0;
98
background-color: rgba($base, 0.9);
99
background-clip: $background-clip-extra;
100
&.bottom.left { // axes left border and border radius
102
margin-right: 8px - 1px;
103
border-left-style: none;
104
border-top-left-radius: 0;
105
}
106
&.bottom.right { // axes right border and border radius
108
margin-left: 8px - 1px;
109
border-right-style: none;
110
border-top-right-radius: 0;
111
}
112
button {
114
margin: (32px - $small-size) / 2;
115
@extend %small_button;
117
}
118
}
119
.disk-space-display {
121
// border-style: solid;
122
// border-width: 2px;
123
&.unknown {
125
background-color: $track;
126
color: $track;
127
}
128
&.used {
130
background-color: $primary;
131
color: $primary;
132
}
133
&.free {
135
background-color: $divider;
136
color: $divider;
137
}
138
}
139
// View
141
// Hide superfluous treeview drop target indication
142
.nautilus-list-view .view:not(.dnd) {
143
// border-bottom: 1px solid $border;
144
}
145
.search-information {
147
padding: 2px;
148
border-bottom: 1px solid $border;
149
background-color: $base;
150
color: $text;
151
}
152
.documents-entry-tag {
154
@extend .entry-tag;
155
}
156
.conflict-row:not(:selected) { background-color: mix($warning, $base, percentage(0.3)); }
158
// Icon view
160
.nautilus-window flowboxchild {
161
// .icon-background { background-color: black; }
162
.icon-item-background {
164
padding: 4px;
165
border-radius: $corner-radius;
166
}
167
&:selected {
169
background-color: transparent;
170
.icon-item-background { @extend %selected_items; }
172
}
173
}
174
// Batch rename dialog
176
dialog.background > box.dialog-vbox.vertical > grid.horizontal {
177
> scrolledwindow.frame { border-style: none; }
178
> box.horizontal:last-child {
180
margin: -6px 0 0 -6px;
181
border-top: 1px solid $border;
182
> label { margin: 0 8px; }
184
> box > button { border-radius: 0; }
186
}
187
}
188
// Tweak to fix the messy sizing of the popover menu
190
.nautilus-window > popover.menu:not(:last-child) {
191
padding: 3px;
192
> stack > box > box > box {
194
margin-top: -6px;
195
> box {
197
margin-bottom: -6px;
198
&.linked { margin-top: 1px; }
200
}
201
}
202
separator { margin-bottom: -2px; }
204
}
205
.nautilus-menu-sort-heading {
207
// min-height: 26px;
208
// padding-left: 5px;
209
// padding-right: 5px;
210
margin: 1px 3px;
211
font-weight: 500;
212
&:disabled { color: $text-secondary; }
214
}
215
// Make operations button circular
217
.nautilus-window headerbar revealer > button { @extend %circular_button; }
218
// Ensure paned separator rendering. See issue #84 for details.
220
.nautilus-window paned > separator { background-color: $background; }
221
/*********
224
* gedit *
225
*********/
226
// based css:
227
// https://gitlab.gnome.org/GNOME/gedit/blob/master/gedit/resources/css/gedit.adwaita.css
228
// hard-coded css:
229
// https://gitlab.gnome.org/GNOME/gedit/blob/master/gedit/resources/css/gedit-style.css
230
// Only normal state is handle
232
.open-document-selector-name-label {
233
// font-weight: bold;
234
}
235
// Only normal state is handle
237
.open-document-selector-path-label {
238
color: $text-secondary;
239
font-size: smaller;
240
}
241
// Only normal state is handle
243
.open-document-selector-match {
244
background-color: $warning;
245
color: on($warning);
246
}
247
.gedit-document-panel {
249
background-color: $base-alt;
250
// Try to look as the notebook tab close button
252
row button.flat {
253
margin-top: 8px;
254
margin-bottom: 8px;
255
@extend %small_button;
257
}
258
}
259
.gedit-document-panel-group-row:not(:first-child) {
261
border-top: 1px solid $border;
262
}
263
.gedit-side-panel-paned statusbar {
265
border-top: 1px solid $border;
266
}
267
.gedit-search-slider {
269
margin: 4px 4px 8px;
270
.linked:not(.vertical) > entry {
272
border-radius: $corner-radius;
273
@extend %entry_raised;
274
.gedit-search-entry-occurrences-tag {
276
all: unset;
277
color: $text-secondary;
278
}
279
$buttons_width: $small-size * 2 + $container-padding * 3;
281
&:dir(ltr) {
283
margin-right: -$buttons_width;
284
padding-right: $buttons_width;
285
.gedit-search-entry-occurrences-tag { margin-left: $container-padding; }
287
image.right { margin-right: 0; }
289
}
290
&:dir(rtl) {
292
margin-left: -$buttons_width;
293
padding-left: $buttons_width;
294
.gedit-search-entry-occurrences-tag { margin-right: $container-padding; }
296
image.left { margin-left: 0; }
298
}
299
&:not(.error) { background-color: $surface; }
301
&.error ~ button {
303
color: on($error, secondary);
304
&:hover, &:active { color: on($error); }
306
&:disabled { color: on($error, secondary-disabled); }
308
}
309
}
310
.linked > button {
312
border: solid $container-padding transparent;
313
border-radius: $circular-radius;
314
@extend %simple_flat_button;
316
@extend %small_button;
317
&:last-child:dir(ltr),
319
&:not(:first-child):dir(rtl) { margin-left: -$container-padding / 2; }
320
&:first-child:dir(rtl),
322
&:not(:last-child):dir(ltr) { margin-right: -$container-padding / 2; }
323
}
324
}
325
frame.gedit-map-frame > border {
327
&:dir(ltr) { border-style: none none none solid; }
328
&:dir(rtl) { border-style: none solid none none; }
329
}
330
/**********
333
* Tweaks *
334
**********/
335
// hard-coded css:
336
// https://gitlab.gnome.org/GNOME/gnome-tweaks/blob/master/data/shell.css
337
// the sidebar
339
.tweak-categories {
340
// padding: 4px 0;
341
// background-color: shade(@theme_bg_color, 0.99);
342
background-image: image($base-alt);
343
separator { @extend %hide_separators; }
345
}
346
.tweak {
348
// padding-top: 3px;
349
padding: 3px;
350
&.title:hover { box-shadow: none; }
352
}
353
.tweak-group-white,
355
.tweak-white,
356
.tweak-white:hover {
357
// background-color: white;
358
background-image: image($base);
359
}
360
.tweak-startup,
362
.tweak-startup:hover {
363
// background-color: lighter(shade(@theme_bg_color, 0.9));
364
background-image: image($base);
365
}
366
.tweak-group-startup {
368
// background-color: @view_separators;
369
background-image: image($base);
370
border: 1px solid $border;
371
}
372
//
374
// Workaround for 3.26
375
//
376
row#Focus,
378
row#ClickMethod,
379
row#StaticWorkspaceTweak, // for 3.26.0
380
row#dynamic-workspaces,
381
row#PrimaryWorkspaceTweak, // for 3.26.0
382
row#workspaces-only-on-primary {
383
padding: 0;
384
border: 1px solid $border;
385
row:not(:last-child) { border-bottom: 1px solid $border; }
387
&.tweak > list { margin-top: -3px; }
389
}
390
// Add more spaces between title and list
392
row#Focus,
393
row#ClickMethod,
394
row#PrimaryWorkspaceTweak, // for 3.26.0
395
row#workspaces-only-on-primary {
396
margin-top: 4px;
397
}
398
/***********
401
* Builder *
402
***********/
403
// based css for 3.22:
404
// https://gitlab.gnome.org/GNOME/gnome-builder/tree/gnome-builder-3-22/data/theme
405
// based css for 3.24:
406
// https://gitlab.gnome.org/GNOME/gnome-builder/tree/gnome-builder-3-24/data/theme
407
// based css for 3.26:
408
// https://gitlab.gnome.org/GNOME/gnome-builder/tree/gnome-builder-3-26/data/themes
409
// Layout tab and tab bar tweaks
411
// The following makes the layout stack header look similar to a tab bar.
412
layouttabbar {
413
border-bottom: 1px solid $border;
414
background-color: $background;
415
button { @extend %flat_button; }
417
> box > button {
419
margin: (40px - $medium-size) / 2 0;
420
// border-radius: 0;
421
}
422
}
423
layouttab {
425
margin: 0 8px; // not working
426
border-style: none solid;
427
border-width: 1px;
428
border-color: $border;
429
box-shadow: inset 0 -2px $primary;
430
background-color: $base;
431
separator.vertical { margin: 8px 4px; }
433
button {
435
&.text-button, &.image-button, & {
436
margin-top: 8px;
437
margin-bottom: 8px;
438
padding: 0 4px;
439
}
440
}
441
// Close button styling for layouttab.
443
// > box > button.close { @extend %circular_button; }
444
}
445
layout {
447
border: 1px solid $border;
448
-PnlDockBin-handle-size: 1;
449
}
450
entry.search-missing {
452
background-color: $error;
453
color: on($error);
454
}
455
// tweak icons for treeviews
457
window.workbench treeview.image {
458
color: $text-secondary;
459
}
460
popover.popover-selector list {
462
padding: 8px - 2px;
463
row {
465
border-radius: $corner-radius;
466
image {
468
&:dir(ltr) { margin-right: 6px; }
469
&:dir(rtl) { margin-left: 6px; }
470
}
471
.accel {
473
&:dir(ltr) { margin-left: 6px; }
474
&:dir(rtl) { margin-right: 6px; }
475
}
476
}
477
}
478
omnibar {
480
&.linked:not(.vertical) entry { border-radius: $corner-radius; }
481
&:not(:hover):not(:active) entry { color: $text-secondary; }
483
}
484
popover.omnibar list row:not(:last-child) {
486
border-bottom: 1px solid $border;
487
}
488
entry.preferences-search {
490
@extend %entry.flat;
491
box-shadow: inset 0 -1px $border;
493
background-color: $base;
494
// doesn't work properly
496
// &:dir(ltr) { border-right: 1px solid $border; }
497
// &:dir(rtl) { border-left: 1px solid $border; }
498
}
499
preferences stacksidebar.sidebar {
501
list { background-color: $base-alt; }
502
&:dir(ltr),
504
&:dir(rtl) { list { border-style: none; }}
505
list separator { @extend %hide_separators; }
507
}
508
preferences > box > box {
510
&:dir(ltr) { border-right: 1px solid $border; }
511
&:dir(rtl) { border-left: 1px solid $border; }
512
}
513
popover.messagepopover {
515
&.background { padding: 0; }
516
.popover-action-area button {
518
@extend %simple_flat_button;
519
padding: 8px 16px;
521
border-top: 1px solid $border;
522
border-radius: 0;
523
&:first-child { border-bottom-left-radius: $corner-radius; }
525
&:last-child { border-bottom-right-radius: $corner-radius; }
527
}
528
.popover-content-area { margin: 16px; }
530
}
531
popover.transfers list {
533
background-color: transparent;
534
row:not(:first-child) { border-top: 1px solid $border; }
536
row > box { padding: 10px; }
538
}
539
dockbin {
541
border: 1px solid $border;
542
-PnlDockBin-handle-size: 1;
543
}
544
dockpaned {
546
border: 1px solid $border;
547
}
548
eggsearchbar box.search-bar {
550
padding: 0 8px;
551
border-bottom: 1px solid $border;
552
background-color: $background;
553
}
554
docktabstrip {
556
padding: 0 8px;
557
border-bottom: 1px solid $border;
558
background-color: $background;
559
}
560
docktab {
562
transition: $transition,
563
background-size 0,
564
background-image 0;
565
min-height: $small-size;
566
min-width: $small-size;
567
margin-bottom: -1px;
568
padding: $container-padding 6px;
569
outline-offset: -6px;
571
border-width: 1px; // for reorderable tabs
573
border-color: transparent; //
574
box-shadow: inset 0 -2px transparent;
576
background-image: radial-gradient(circle farthest-corner at center,
577
$primary 10%,
578
transparent 0%);
579
background-repeat: no-repeat;
580
background-position: center;
581
background-size: 0% 0%;
582
color: $text-secondary;
584
font-weight: 500;
585
&:hover {
587
background-color: $overlay-hover;
588
color: $text;
589
}
590
&:checked {
592
transition: $transition,
593
background-size $duration-ripple $ease-out,
594
background-image $duration-ripple + $duration-ripple-aftermath $ease-out;
595
box-shadow: inset 0 -2px $primary;
596
background-color: transparent;
597
background-image: radial-gradient(circle farthest-corner at center,
598
transparent 10%,
599
transparent 0%);
600
background-size: 1000% 1000%;
601
color: $text;
602
}
603
}
604
dockoverlayedge {
606
background-color: $background;
607
docktabstrip {
609
padding: 0;
610
border: none;
611
}
612
&.left-edge docktab {
614
&:hover { box-shadow: inset -2px 0 $track; }
615
&:checked { box-shadow: inset -2px 0 $primary; }
616
}
617
&.right-edge docktab {
619
&:hover { box-shadow: inset 2px 0 $track; }
620
&:checked { box-shadow: inset 2px 0 $primary; }
621
}
622
}
623
pillbox {
625
background-color: $background;
626
border-radius: $corner-radius;
627
}
628
buildperspective row {
630
// padding: 10px;
631
}
632
layoutpane entry.search {
634
@extend %entry.flat;
635
box-shadow: inset 0 -1px $border;
637
background-color: $base;
638
}
639
editortweak entry.search {
641
@extend %entry.flat;
642
margin-bottom: -1px;
644
box-shadow: none;
645
}
646
//
648
// let's tweak hard-coded elements
649
//
650
.gb-search-entry-occurrences-tag {
652
box-shadow: none;
653
background-color: transparent;
654
}
655
// Keep search bar and layouttab height in sync.
657
// layouttabbar > box,
658
// eggsearchbar > revealer > box,
659
docktabstrip {
660
min-height: 39px;
661
}
662
eggsearchbar entry {
664
// min-height: 24px;
665
}
666
window.workbench preferences preferencesgroup list entry {
668
// background: none;
669
// min-height: 0px;
670
padding-top: 8px;
671
padding-bottom: 8px;
672
}
673
button.run-arrow-button {
675
// min-width: 12px;
676
padding-left: ($medium-size - 16px) / 2;
677
padding-right: ($medium-size - 16px) / 2;
678
}
679
//
681
// Additional styles for 3.26
682
//
683
button.dzlmenubutton image {
685
min-width: $medium-size - 6px;
686
&.arrow { min-width: $medium-size - 9px; }
688
}
689
button.dzlmenubuttonitem {
691
color: $text;
692
font-weight: normal;
693
&:disabled { color: $text-disabled; }
695
}
696
idelayoutstackheader {
698
border-bottom: 1px solid $border;
699
button:checked { color: $text; }
701
}
702
// utilities stack switcher
704
ideeditorutilities > dzldockpaned > box > stackswitcher {
705
padding: 8px 0;
706
background-color: $background;
707
&:dir(ltr) { border-right: 1px solid $border; }
709
&:dir(rtl) { border-left: 1px solid $border; }
711
button {
713
border-radius: 0;
714
outline-offset: -6px;
715
box-shadow: none;
716
background-color: transparent;
717
&:active {
719
background-image: radial-gradient(circle farthest-corner at center,
720
rgba($primary, 0.7) 10%,
721
transparent 0%);
722
}
723
&:checked {
725
background-color: transparent;
726
color: $text;
727
}
728
&:dir(ltr) {
730
margin-right: -1px;
731
&:hover { box-shadow: inset -2px 0 $track; }
733
&:active,
735
&:checked { box-shadow: inset -2px 0 $primary; }
736
}
737
&:dir(rtl) {
739
margin-left: -1px;
740
&:hover { box-shadow: inset 2px 0 $track; }
742
&:active,
744
&:checked { box-shadow: inset 2px 0 $primary; }
745
}
746
}
747
}
748
// buildui panel
750
ideeditorsidebar notebook header {
751
background: transparent;
752
}
753
popover.messagepopover {
755
// padding: 0;
756
list {
758
border: 1px solid $border;
759
row:not(:last-child) { border-bottom: 1px solid $border; }
761
}
762
}
763
/**********
766
* Photos *
767
**********/
768
// based css:
769
// https://gitlab.gnome.org/GNOME/gnome-photos/blob/master/data/Adwaita.css
770
GdMainIconView.content-view {
772
-GdMainIconView-icon-size: 48;
773
// Make spinner visible on both dark and bright backgrounds w/o making
775
// it look ugly/weird.
776
// &.cell:active { color: $text-disabled; }
777
}
778
.documents-counter {
780
margin: 8px;
781
border-radius: $circular-radius;
782
box-shadow: $shadow-2;
783
background-color: $primary;
784
color: on($primary);
785
font-weight: bold;
786
}
787
.photos-entry-tag {
789
@extend .entry-tag;
790
}
791
.documents-scrolledwin.frame {
793
border-style: none;
794
frame.content-view > border { border-style: none; }
796
}
797
.photos-icon-bg {
799
}
800
.photos-fade-in {
802
opacity: 1;
803
transition: opacity $duration $ease-out;
804
}
805
.photos-fade-out {
807
opacity: 0;
808
transition: opacity $duration $ease-out;
809
}
810
.photos-collection-icon {
812
}
813
button.photos-filter-preview {
815
color: $text;
816
font-weight: normal;
817
&:checked {
819
background-color: $overlay-selected;
820
color: $text;
821
image {
823
color: on(dark);
824
-gtk-icon-shadow: $shadow-1;
825
}
826
}
827
}
828
overlay grid.horizontal > revealer > scrolledwindow.frame {
830
&:dir(ltr) { border-style: none none none solid; }
831
&:dir(rtl) { border-style: none solid none none; }
832
}
833
/*********
836
* Music *
837
*********/
838
// hard-coded css:
839
// https://gitlab.gnome.org/GNOME/gnome-music/blob/master/data/application.css
840
.side-panel:dir(ltr) {
842
// border-width: 0 1px 0 0;
843
border-style: solid;
844
border-color: $border;
845
}
846
.side-panel:dir(rtl) {
848
// border-width: 0 0 0 1px;
849
border-style: solid;
850
border-color: $border;
851
}
852
.side-panel .view {
854
// background-color: mix(@theme_fg_color, @theme_bg_color, 0.9);
855
background-image: image($base-alt);
856
&:hover { background-image: image(mix($text, $base-alt, percentage(0.05))); }
858
}
859
.side-panel .view:selected {
861
// background-color: mix(@theme_fg_color, @theme_bg_color, 0.5);
862
background-image: image($primary);
863
&:hover { background-image: image(mix(on($primary), $primary, percentage(0.05))); }
865
}
866
.songs-list {
868
// box-shadow: inset 0 -1px shade(@borders, 1.30);
869
// background-color: @theme_bg_color;
870
&:hover { background-image: image($overlay-hover); }
872
}
873
frame.documents-dropdown {
875
@extend toolbar.osd;
876
margin: 8px;
878
> border { border: none; }
880
}
881
box.vertical > revealer > toolbar.search-bar {
883
border-bottom: 1px solid $border;
884
background-clip: border-box; // avoid black border
885
button > widget {
887
-gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
888
// -GtkArrow-arrow-scaling: 1;
889
}
890
}
891
/*********
894
* To Do *
895
*********/
896
// less than 3.28
897
task-list-view {
898
taskrow {
899
transition: $transition;
900
margin: 0 -8px;
901
&:hover { transition: none; }
903
label { margin: 0 8px; }
905
image.dim-label { min-width: 16px; }
907
}
908
> box > revealer > box > button {
910
margin: (12px * 2 - $medium-size) / 2;
911
.dim-label { opacity: 1; }
913
}
914
}
915
// 3.28 or later
917
tasklistview {
918
taskrow {
919
outline: none;
920
entry {
922
&, &:focus, &:disabled { box-shadow: none; }
923
}
924
image.dim-label { min-width: 16px; }
926
}
927
> box > revealer > box > button {
929
margin: (12px * 2 - $medium-size) / 2;
930
.dim-label { opacity: 1; }
932
}
933
}
934
/*******
937
* eog *
938
*******/
939
#eog-thumb-nav {
940
scrolledwindow { border-top: none; }
941
button { -gtk-outline-radius: $corner-radius; }
943
}
944
/*************
947
* Evolution *
948
*************/
949
frame.taskbar > border { border-style: solid none none; }
950
box.vertical > paned.horizontal notebook widget .frame { border-style: none; }
952
/********
955
* gitg *
956
********/
957
frame.commit-frame > border { border-style: solid none none; }
958
/**************
961
* Characters *
962
**************/
963
box.dialog-vbox scrolledwindow.related { border: 1px solid $border; }
964
list.categories { background-image: image($base-alt); }
966
/*********
969
* Boxes *
970
*********/
971
.transparent-bg + stack overlay > label {
972
min-height: 24px;
973
padding: 0 4px;
974
border-radius: $corner-radius;
975
background-color: $scrim;
976
color: on($scrim);
977
}
978
/**************
981
* Calculator *
982
**************/
983
button.title label { min-height: $medium-size; }
984
/*********
987
* Geary *
988
*********/
989
// fix a issue that separator seems double
990
.geary-titlebar-left {
991
&:dir(ltr) {
992
margin-right: 5px;
993
padding-right: 0;
994
}
995
&:dir(rtl) {
997
margin-left: 5px;
998
padding-left: 0;
999
}
1000
> separator { background-color: rgba(black, 0.05); }
1002
}
1003
.geary-titlebar-right {
1005
&:dir(ltr) { margin-left: -5px; }
1006
&:dir(rtl) { margin-right: -5px; }
1008
}
1009