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 nautilus-operations-button-needs-attention {
33
to { background-color: $overlay-focus; }
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 > 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: $divider;
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: $track-disabled;
136
color: $track-disabled;
137
}
138
}
139
// View
141
// Hide superfluous treeview drop target indication
142
.nautilus-list-view .view:not(.dnd) {
143
// border-bottom: 1px solid $divider;
144
}
145
.search-information {
147
padding: 2px;
148
border-bottom: 1px solid $divider;
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 $divider;
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 $divider;
262
}
263
.gedit-side-panel-paned statusbar {
265
border-top: 1px solid $divider;
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 $frame;
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 $frame;
385
row:not(:last-child) { border-bottom: 1px solid $divider; }
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 $divider;
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: $frame;
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 $frame;
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 $divider;
487
}
488
entry.preferences-search {
490
border-bottom: 1px solid $divider;
491
box-shadow: none;
492
background-color: $base;
493
// doesn't work properly
495
// &:dir(ltr) { border-right: 1px solid $divider; }
496
// &:dir(rtl) { border-left: 1px solid $divider; }
497
}
498
preferences stacksidebar.sidebar {
500
list { background-color: $base-alt; }
501
&:dir(ltr),
503
&:dir(rtl) { list { border-style: none; }}
504
list separator { @extend %hide_separators; }
506
}
507
preferences > box > box {
509
&:dir(ltr) { border-right: 1px solid $divider; }
510
&:dir(rtl) { border-left: 1px solid $divider; }
511
}
512
popover.messagepopover {
514
&.background { padding: 0; }
515
.popover-action-area button {
517
@extend %simple_flat_button;
518
padding: 8px 16px;
520
border-top: 1px solid $divider;
521
border-radius: 0;
522
&:first-child { border-bottom-left-radius: $corner-radius; }
524
&:last-child { border-bottom-right-radius: $corner-radius; }
526
}
527
.popover-content-area { margin: 16px; }
529
}
530
popover.transfers list {
532
background-color: transparent;
533
row:not(:first-child) { border-top: 1px solid $divider; }
535
row > box { padding: 10px; }
537
}
538
dockbin {
540
border: 1px solid $frame;
541
-PnlDockBin-handle-size: 1;
542
}
543
dockpaned {
545
border: 1px solid $frame;
546
}
547
eggsearchbar box.search-bar {
549
padding: 0 8px;
550
border-bottom: 1px solid $divider;
551
background-color: $background;
552
}
553
docktabstrip {
555
padding: 0 8px;
556
border-bottom: 1px solid $divider;
557
background-color: $background;
558
}
559
docktab {
561
transition: $transition,
562
background-size 0ms,
563
background-image 0ms;
564
min-height: $small-size;
565
min-width: $small-size;
566
margin-bottom: -1px;
567
padding: $container-padding 6px;
568
outline-offset: -6px;
570
border-width: 1px; // for reorderable tabs
572
border-color: transparent; //
573
box-shadow: inset 0 -2px transparent;
575
background-image: radial-gradient(circle, $primary 10%, transparent 0%);
576
background-repeat: no-repeat;
577
background-position: center;
578
background-size: 0% 0%;
579
color: $text-secondary;
581
font-weight: 500;
582
&:hover {
584
background-color: $overlay-hover;
585
color: $text;
586
}
587
&:checked {
589
transition: $transition,
590
background-size $ripple-fade-in-duration $ease-out,
591
background-image $ripple-fade-in-duration + $ripple-fade-out-duration $ease-out;
592
box-shadow: inset 0 -2px $primary;
593
background-color: transparent;
594
background-image: radial-gradient(circle, transparent 10%, transparent 0%);
595
background-size: 1000% 1000%;
596
color: $text;
597
}
598
}
599
dockoverlayedge {
601
background-color: $background;
602
docktabstrip {
604
padding: 0;
605
border: none;
606
}
607
&.left-edge docktab:checked { box-shadow: inset -2px 0 $primary; }
609
&.right-edge docktab:checked { box-shadow: inset 2px 0 $primary; }
611
}
612
pillbox {
614
background-color: $background;
615
border-radius: $corner-radius;
616
}
617
buildperspective row {
619
// padding: 10px;
620
}
621
layoutpane entry.search {
623
border-bottom: 1px solid $divider;
624
box-shadow: none;
625
background-color: $base;
626
}
627
editortweak entry.search {
629
margin-bottom: -1px;
630
box-shadow: none;
631
background-color: transparent;
632
}
633
//
635
// let's tweak hard-coded elements
636
//
637
.gb-search-entry-occurrences-tag {
639
box-shadow: none;
640
background-color: transparent;
641
}
642
// Keep search bar and layouttab height in sync.
644
// layouttabbar > box,
645
// eggsearchbar > revealer > box,
646
docktabstrip {
647
min-height: 39px;
648
}
649
eggsearchbar entry {
651
// min-height: 24px;
652
}
653
window.workbench preferences preferencesgroup list entry {
655
// background: none;
656
// min-height: 0px;
657
padding-top: 8px;
658
padding-bottom: 8px;
659
}
660
button.run-arrow-button {
662
// min-width: 12px;
663
padding-left: ($medium-size - 16px) / 2;
664
padding-right: ($medium-size - 16px) / 2;
665
}
666
//
668
// Additional styles for 3.26
669
//
670
button.dzlmenubutton image {
672
min-width: $medium-size - 6px;
673
&.arrow { min-width: $medium-size - 9px; }
675
}
676
button.dzlmenubuttonitem {
678
color: $text;
679
font-weight: normal;
680
&:disabled { color: $text-disabled; }
682
}
683
idelayoutstackheader {
685
border-bottom: 1px solid $divider;
686
button:checked { color: $text; }
688
}
689
// utilities stack switcher
691
ideeditorutilities > dzldockpaned > box > stackswitcher {
692
padding: 8px 0;
693
background-color: $background;
694
&:dir(ltr) { border-right: 1px solid $divider; }
696
&:dir(rtl) { border-left: 1px solid $divider; }
698
button {
700
border-radius: 0;
701
outline-offset: -6px;
702
box-shadow: none;
703
background-color: transparent;
704
&:active {
706
background-image: radial-gradient(circle, rgba($primary, 0.7) 10%, transparent 0%);
707
}
708
&:checked {
710
background-color: transparent;
711
color: $text;
712
}
713
&:dir(ltr) {
715
margin-right: -1px;
716
&:checked { box-shadow: inset -2px 0 $primary; }
718
}
719
&:dir(rtl) {
721
margin-left: -1px;
722
&:checked { box-shadow: inset 2px 0 $primary; }
724
}
725
}
726
}
727
// buildui panel
729
ideeditorsidebar notebook header {
730
background: transparent;
731
}
732
popover.messagepopover {
734
// padding: 0;
735
list {
737
border: 1px solid $divider;
738
row:not(:last-child) { border-bottom: 1px solid $divider; }
740
}
741
}
742
/**********
745
* Photos *
746
**********/
747
// based css:
748
// https://gitlab.gnome.org/GNOME/gnome-photos/blob/master/data/Adwaita.css
749
GdMainIconView.content-view {
751
-GdMainIconView-icon-size: 48;
752
// Make spinner visible on both dark and bright backgrounds w/o making
754
// it look ugly/weird.
755
// &.cell:active { color: $text-disabled; }
756
}
757
.documents-counter {
759
margin: 8px;
760
border-radius: $circular-radius;
761
box-shadow: $shadow-2;
762
background-color: $primary;
763
color: on($primary);
764
font-weight: bold;
765
}
766
.photos-entry-tag {
768
@extend .entry-tag;
769
}
770
.documents-scrolledwin.frame {
772
border-style: none;
773
frame.content-view > border { border-style: none; }
775
}
776
.photos-icon-bg {
778
}
779
.photos-fade-in {
781
opacity: 1;
782
transition: opacity $duration $ease-out;
783
}
784
.photos-fade-out {
786
opacity: 0;
787
transition: opacity $duration $ease-out;
788
}
789
.photos-collection-icon {
791
}
792
button.photos-filter-preview {
794
color: $text;
795
font-weight: normal;
796
&:checked {
798
background-color: $overlay-selected;
799
color: $text;
800
image {
802
color: on(dark);
803
-gtk-icon-shadow: $shadow-1;
804
}
805
}
806
}
807
overlay grid.horizontal > revealer > scrolledwindow.frame {
809
&:dir(ltr) { border-style: none none none solid; }
810
&:dir(rtl) { border-style: none solid none none; }
811
}
812
/*********
815
* Music *
816
*********/
817
// hard-coded css:
818
// https://gitlab.gnome.org/GNOME/gnome-music/blob/master/data/application.css
819
.side-panel:dir(ltr) {
821
// border-width: 0 1px 0 0;
822
border-style: solid;
823
border-color: $divider;
824
}
825
.side-panel:dir(rtl) {
827
// border-width: 0 0 0 1px;
828
border-style: solid;
829
border-color: $divider;
830
}
831
.side-panel .view {
833
// background-color: mix(@theme_fg_color, @theme_bg_color, 0.9);
834
background-image: image($base-alt);
835
&:hover { background-image: image(mix($text, $base-alt, percentage(0.08))); }
837
}
838
.side-panel .view:selected {
840
// background-color: mix(@theme_fg_color, @theme_bg_color, 0.5);
841
background-image: image($primary);
842
&:hover { background-image: image(mix(on($primary), $primary, percentage(0.08))); }
844
}
845
.songs-list {
847
// box-shadow: inset 0 -1px shade(@borders, 1.30);
848
// background-color: @theme_bg_color;
849
&:hover { background-image: image($overlay-hover); }
851
}
852
frame.documents-dropdown {
854
@extend toolbar.osd;
855
margin: 8px;
857
> border { border: none; }
859
}
860
box.vertical > revealer > toolbar.search-bar {
862
border-bottom: 1px solid $divider;
863
background-clip: border-box; // avoid black border
864
button > widget {
866
-gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
867
// -GtkArrow-arrow-scaling: 1;
868
}
869
}
870
/*********
873
* To Do *
874
*********/
875
// less than 3.28
876
task-list-view {
877
taskrow {
878
transition: $transition;
879
margin: 0 -8px;
880
&:hover { transition: none; }
882
label { margin: 0 8px; }
884
image.dim-label { min-width: 16px; }
886
}
887
> box > revealer > box > button {
889
margin: (12px * 2 - $medium-size) / 2;
890
.dim-label { opacity: 1; }
892
}
893
}
894
// 3.28 or later
896
tasklistview {
897
taskrow {
898
outline: none;
899
entry {
901
&, &:focus, &:disabled { box-shadow: none; }
902
}
903
image.dim-label { min-width: 16px; }
905
}
906
> box > revealer > box > button {
908
margin: (12px * 2 - $medium-size) / 2;
909
.dim-label { opacity: 1; }
911
}
912
}
913
/*******
916
* eog *
917
*******/
918
#eog-thumb-nav {
919
scrolledwindow { border-top: none; }
920
button { -gtk-outline-radius: $corner-radius; }
922
}
923
/*************
926
* Evolution *
927
*************/
928
frame.taskbar > border { border-style: solid none none; }
929
box.vertical > paned.horizontal notebook widget .frame { border-style: none; }
931
/********
934
* gitg *
935
********/
936
frame.commit-frame > border { border-style: solid none none; }
937
/**************
940
* Characters *
941
**************/
942
box.dialog-vbox scrolledwindow.related { border: 1px solid $frame; }
943
list.categories { background-image: image($base-alt); }
945
/*********
948
* Boxes *
949
*********/
950
.transparent-bg + stack overlay > label {
951
min-height: 24px;
952
padding: 0 4px;
953
border-radius: $corner-radius;
954
background-color: $scrim;
955
color: on($scrim);
956
}
957
/**************
960
* Calculator *
961
**************/
962
button.title label { min-height: $medium-size; }
963
/*********
966
* Geary *
967
*********/
968
// fix a issue that separator seems double
969
.geary-titlebar-left {
970
&:dir(ltr) {
971
margin-right: 5px;
972
padding-right: 0;
973
}
974
&:dir(rtl) {
976
margin-left: 5px;
977
padding-left: 0;
978
}
979
> separator { background-color: rgba(black, 0.05); }
981
}
982
.geary-titlebar-right {
984
&:dir(ltr) { margin-left: -5px; }
985
&:dir(rtl) { margin-right: -5px; }
987
}
988