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
border-width: 1px; // for reorderable tabs
570
border-color: transparent; //
571
box-shadow: inset 0 -2px transparent;
573
background-image: radial-gradient(circle, $primary 10%, transparent 0%);
574
background-repeat: no-repeat;
575
background-position: center;
576
background-size: 0% 0%;
577
color: $text-secondary;
579
font-weight: 500;
580
&:hover {
582
background-color: $overlay-hover;
583
color: $text;
584
}
585
&:checked {
587
transition: $transition,
588
background-size $ripple-fade-in-duration $ease-out,
589
background-image $ripple-fade-in-duration + $ripple-fade-out-duration $ease-out;
590
box-shadow: inset 0 -2px $primary;
591
background-color: transparent;
592
background-image: radial-gradient(circle, transparent 10%, transparent 0%);
593
background-size: 1000% 1000%;
594
color: $text;
595
}
596
}
597
dockoverlayedge {
599
background-color: $background;
600
docktabstrip {
602
padding: 0;
603
border: none;
604
}
605
&.left-edge docktab:checked { box-shadow: inset -2px 0 $primary; }
607
&.right-edge docktab:checked { box-shadow: inset 2px 0 $primary; }
609
}
610
pillbox {
612
background-color: $background;
613
border-radius: $corner-radius;
614
}
615
buildperspective row {
617
// padding: 10px;
618
}
619
layoutpane entry.search {
621
border-bottom: 1px solid $divider;
622
box-shadow: none;
623
background-color: $base;
624
}
625
editortweak entry.search {
627
margin-bottom: -1px;
628
box-shadow: none;
629
background-color: transparent;
630
}
631
//
633
// let's tweak hard-coded elements
634
//
635
.gb-search-entry-occurrences-tag {
637
box-shadow: none;
638
background-color: transparent;
639
}
640
// Keep search bar and layouttab height in sync.
642
// layouttabbar > box,
643
// eggsearchbar > revealer > box,
644
docktabstrip {
645
min-height: 39px;
646
}
647
eggsearchbar entry {
649
// min-height: 24px;
650
}
651
window.workbench preferences preferencesgroup list entry {
653
// background: none;
654
// min-height: 0px;
655
padding-top: 8px;
656
padding-bottom: 8px;
657
}
658
button.run-arrow-button {
660
// min-width: 12px;
661
padding-left: ($medium-size - 16px) / 2;
662
padding-right: ($medium-size - 16px) / 2;
663
}
664
//
666
// Additional styles for 3.26
667
//
668
button.dzlmenubutton image {
670
min-width: $medium-size - 6px;
671
&.arrow { min-width: $medium-size - 9px; }
673
}
674
button.dzlmenubuttonitem {
676
color: $text;
677
font-weight: normal;
678
&:disabled { color: $text-disabled; }
680
}
681
idelayoutstackheader {
683
border-bottom: 1px solid $divider;
684
button:checked { color: $text; }
686
}
687
// utilities stack switcher
689
ideeditorutilities > dzldockpaned > box > stackswitcher {
690
padding: 8px 0;
691
background-color: $background;
692
&:dir(ltr) { border-right: 1px solid $divider; }
694
&:dir(rtl) { border-left: 1px solid $divider; }
696
button {
698
border-radius: 0;
699
box-shadow: none;
700
background-color: transparent;
701
&:active {
703
background-image: radial-gradient(circle, rgba($primary, 0.7) 10%, transparent 0%);
704
}
705
&:checked {
707
background-color: transparent;
708
color: $text;
709
}
710
&:dir(ltr) {
712
margin-right: -1px;
713
&:checked { box-shadow: inset -2px 0 $primary; }
715
}
716
&:dir(rtl) {
718
margin-left: -1px;
719
&:checked { box-shadow: inset 2px 0 $primary; }
721
}
722
}
723
}
724
// buildui panel
726
ideeditorsidebar notebook header {
727
background: transparent;
728
}
729
popover.messagepopover {
731
// padding: 0;
732
list {
734
border: 1px solid $divider;
735
row:not(:last-child) { border-bottom: 1px solid $divider; }
737
}
738
}
739
/**********
742
* Photos *
743
**********/
744
// based css:
745
// https://gitlab.gnome.org/GNOME/gnome-photos/blob/master/data/Adwaita.css
746
GdMainIconView.content-view {
748
-GdMainIconView-icon-size: 48;
749
// Make spinner visible on both dark and bright backgrounds w/o making
751
// it look ugly/weird.
752
// &.cell:active { color: $text-disabled; }
753
}
754
.documents-counter {
756
margin: 8px;
757
border-radius: $circular-radius;
758
box-shadow: $shadow-2;
759
background-color: $primary;
760
color: on($primary);
761
font-weight: bold;
762
}
763
.photos-entry-tag {
765
@extend .entry-tag;
766
}
767
.documents-scrolledwin.frame {
769
border-style: none;
770
frame.content-view > border { border-style: none; }
772
}
773
.photos-icon-bg {
775
}
776
.photos-fade-in {
778
opacity: 1;
779
transition: opacity $duration $ease-out;
780
}
781
.photos-fade-out {
783
opacity: 0;
784
transition: opacity $duration $ease-out;
785
}
786
.photos-collection-icon {
788
}
789
button.photos-filter-preview {
791
color: $text;
792
font-weight: normal;
793
&:checked {
795
background-color: $overlay-selected;
796
color: $text;
797
image {
799
color: on(dark);
800
-gtk-icon-shadow: $shadow-1;
801
}
802
}
803
}
804
overlay grid.horizontal > revealer > scrolledwindow.frame {
806
&:dir(ltr) { border-style: none none none solid; }
807
&:dir(rtl) { border-style: none solid none none; }
808
}
809
/*********
812
* Music *
813
*********/
814
// hard-coded css:
815
// https://gitlab.gnome.org/GNOME/gnome-music/blob/master/data/application.css
816
.side-panel:dir(ltr) {
818
// border-width: 0 1px 0 0;
819
border-style: solid;
820
border-color: $divider;
821
}
822
.side-panel:dir(rtl) {
824
// border-width: 0 0 0 1px;
825
border-style: solid;
826
border-color: $divider;
827
}
828
.side-panel .view {
830
// background-color: mix(@theme_fg_color, @theme_bg_color, 0.9);
831
background-image: image($base-alt);
832
&:hover { background-image: image(mix($text, $base-alt, percentage(0.08))); }
834
}
835
.side-panel .view:selected {
837
// background-color: mix(@theme_fg_color, @theme_bg_color, 0.5);
838
background-image: image($primary);
839
&:hover { background-image: image(mix(on($primary), $primary, percentage(0.08))); }
841
}
842
.songs-list {
844
// box-shadow: inset 0 -1px shade(@borders, 1.30);
845
// background-color: @theme_bg_color;
846
&:hover { background-image: image($overlay-hover); }
848
}
849
frame.documents-dropdown {
851
@extend toolbar.osd;
852
margin: 8px;
854
> border { border: none; }
856
}
857
box.vertical > revealer > toolbar.search-bar {
859
border-bottom: 1px solid $divider;
860
background-clip: border-box; // avoid black border
861
button > widget {
863
-gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
864
// -GtkArrow-arrow-scaling: 1;
865
}
866
}
867
/*********
870
* To Do *
871
*********/
872
// less than 3.28
873
task-list-view {
874
taskrow {
875
transition: $transition;
876
margin: 0 -8px;
877
&:hover { transition: none; }
879
label { margin: 0 8px; }
881
image.dim-label { min-width: 16px; }
883
}
884
> box > revealer > box > button {
886
margin: (12px * 2 - $medium-size) / 2;
887
.dim-label { opacity: 1; }
889
}
890
}
891
// 3.28 or later
893
tasklistview {
894
taskrow {
895
outline: none;
896
entry {
898
&, &:focus, &:disabled { box-shadow: none; }
899
}
900
image.dim-label { min-width: 16px; }
902
}
903
> box > revealer > box > button {
905
margin: (12px * 2 - $medium-size) / 2;
906
.dim-label { opacity: 1; }
908
}
909
}
910
/*******
913
* eog *
914
*******/
915
#eog-thumb-nav {
916
scrolledwindow { border-top: none; }
917
}
918
/*************
921
* Evolution *
922
*************/
923
frame.taskbar > border { border-style: solid none none; }
924
box.vertical > paned.horizontal notebook widget .frame { border-style: none; }
926
/********
929
* gitg *
930
********/
931
frame.commit-frame > border { border-style: solid none none; }
932
/**************
935
* Characters *
936
**************/
937
box.dialog-vbox scrolledwindow.related { border: 1px solid $frame; }
938
list.categories { background-image: image($base-alt); }
940
/*********
943
* Boxes *
944
*********/
945
.transparent-bg + stack overlay > label {
946
min-height: 24px;
947
padding: 0 4px;
948
border-radius: $corner-radius;
949
background-color: $scrim;
950
color: on($scrim);
951
}
952
/**************
955
* Calculator *
956
**************/
957
button.title label { min-height: $medium-size; }
958
/*********
961
* Geary *
962
*********/
963
// fix a issue that separator seems double
964
.geary-titlebar-left {
965
&:dir(ltr) {
966
margin-right: 5px;
967
padding-right: 0;
968
}
969
&:dir(rtl) {
971
margin-left: 5px;
972
padding-left: 0;
973
}
974
> separator { background-color: rgba(black, 0.05); }
976
}
977
.geary-titlebar-right {
979
&:dir(ltr) { margin-left: -5px; }
980
&:dir(rtl) { margin-right: -5px; }
982
}
983