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_color;
13
}
14
.nautilus-canvas-item {
16
// border-radius: $material_radius;
17
}
18
.nautilus-canvas-item.dim-label,
20
.nautilus-list-dim-label {
21
color: $secondary_fg_color;
22
}
23
.nautilus-desktop.nautilus-canvas-item {
25
// background-color: $panel_bg_color;
26
color: $inverse_fg_color;
27
text-shadow: $shadow_1;
28
}
29
// Toolbar
31
@keyframes needs_attention_keyframes {
32
to { background-color: $focus_overlay_color; }
33
}
34
.nautilus-operations-button-needs-attention {
36
animation: needs_attention_keyframes $longer_duration $standard_curve 2 alternate;
37
}
38
.nautilus-operations-button-needs-attention-multiple {
40
animation: needs_attention_keyframes $longer_duration $standard_curve 4 alternate;
41
}
42
.disclosure-button { @extend %circular_button; }
44
.path-bar-box {
46
// transition: background-color $shorter_duration $deceleration_curve;
47
// margin: $container_padding 0;
48
// border-radius: $material_radius;
49
// button { margin: 0; } // reset the margin
51
// &.width-maximized { background-color: rgba($titlebar_fg_color, 0.06); }
53
// workaround for 3.30.1
55
&.background.frame {
56
border-style: none;
57
background-color: transparent;
58
}
59
}
60
// Floating status bar
62
.nautilus-window .floating-bar {
63
min-height: 32px;
64
padding: 0;
65
border-style: solid solid none;
66
border-width: 1px;
67
border-color: $border_color;
68
border-radius: ($material_radius + 1px) ($material_radius + 1px) 0 0;
69
background-color: rgba($base_color, 0.9);
70
background-clip: $extra_background_clip;
71
transition: $shorter_transition, border-width 0;
72
&.bottom.left { // axes left border and border radius
74
margin-right: 8px - 1px;
75
border-left-style: none;
76
border-top-left-radius: 0;
77
}
78
&.bottom.right { // axes right border and border radius
80
margin-left: 8px - 1px;
81
border-right-style: none;
82
border-top-right-radius: 0;
83
}
84
button {
86
margin: (32px - $small_size) / 2;
87
@extend %small_button;
89
}
90
}
91
.disk-space-display {
93
// border-style: solid;
94
// border-width: 2px;
95
&.unknown {
97
background-color: $track_color;
98
color: $track_color;
99
}
100
&.used {
102
background-color: $primary_color;
103
color: $primary_color;
104
}
105
&.free {
107
background-color: $divider_color;
108
color: $divider_color;
109
}
110
}
111
// View
113
// Hide superfluous treeview drop target indication
114
.nautilus-list-view .view:not(.dnd) {
115
// border-bottom: 1px solid $border_color;
116
}
117
.search-information {
119
padding: 2px;
120
background-color: $primary_color;
121
color: $inverse_fg_color;
122
}
123
.documents-entry-tag {
125
@extend .entry-tag;
126
}
127
.conflict-row:not(:selected) { background-color: mix($warning_color, $base_color, percentage(0.3)); }
129
// Icon view
131
.nautilus-window flowboxchild {
132
// .icon-background { background-color: black; }
133
.icon-item-background {
135
padding: 4px;
136
border-radius: $material_radius;
137
}
138
&:selected {
140
background-color: transparent;
141
.icon-item-background { @extend %selected_items; }
143
}
144
}
145
// Batch rename dialog
147
dialog.background > box.dialog-vbox.vertical > grid.horizontal {
148
> scrolledwindow.frame { border-style: none; }
149
> box.horizontal:last-child {
151
margin: -6px 0 0 -6px;
152
border-top: 1px solid $border_color;
153
> label { margin: 0 8px; }
155
> box > button { border-radius: 0; }
157
}
158
}
159
// Tweak to fix the messy sizing of the popover menu
161
.nautilus-window > popover.menu:not(:last-child) {
162
padding: 3px;
163
> stack > box > box > box {
165
margin-top: -6px;
166
> box {
168
margin-bottom: -6px;
169
&.linked { margin-top: 1px; }
171
}
172
}
173
separator { margin-bottom: -2px; }
175
}
176
.nautilus-menu-sort-heading {
178
// min-height: 26px;
179
// padding-left: 5px;
180
// padding-right: 5px;
181
margin: 1px 3px;
182
font-weight: 500;
183
&:disabled { color: $secondary_fg_color; }
185
}
186
// Make operations button circular
188
.nautilus-window headerbar > revealer > button { @extend %circular_button; }
189
// Ensure paned separator rendering. See issue #84 for details.
191
.nautilus-window paned > separator { background-color: $bg_color; }
192
/*********
195
* gedit *
196
*********/
197
// based css:
198
// https://gitlab.gnome.org/GNOME/gedit/blob/master/gedit/resources/css/gedit.adwaita.css
199
// hard-coded css:
200
// https://gitlab.gnome.org/GNOME/gedit/blob/master/gedit/resources/css/gedit-style.css
201
// Only normal state is handle
203
.open-document-selector-name-label {
204
// font-weight: bold;
205
}
206
// Only normal state is handle
208
.open-document-selector-path-label {
209
color: $secondary_fg_color;
210
font-size: smaller;
211
}
212
.gedit-document-panel {
214
background-color: $alt_base_color;
215
// Try to look as the notebook tab close button
217
row button.flat {
218
margin-top: 8px;
219
margin-bottom: 8px;
220
@extend %small_button;
222
}
223
}
224
.gedit-document-panel-group-row:not(:first-child) {
226
border-top: 1px solid $border_color;
227
}
228
.gedit-side-panel-paned statusbar {
230
border-top: 1px solid $border_color;
231
}
232
.gedit-search-slider {
234
margin: 4px 4px 8px;
235
.linked:not(.vertical) > entry {
237
border-radius: $material_radius;
238
@extend %entry_raised;
239
.gedit-search-entry-occurrences-tag {
241
all: unset;
242
color: $secondary_fg_color;
243
}
244
$buttons_width: $small_size * 2 + $container_padding * 3;
246
&:dir(ltr) {
248
margin-right: -$buttons_width;
249
padding-right: $buttons_width;
250
.gedit-search-entry-occurrences-tag { margin-left: $container_padding; }
252
image.right { margin-right: 0; }
254
}
255
&:dir(rtl) {
257
margin-left: -$buttons_width;
258
padding-left: $buttons_width;
259
.gedit-search-entry-occurrences-tag { margin-right: $container_padding; }
261
image.left { margin-left: 0; }
263
}
264
&:not(.error) { background-color: $surface_color; }
266
&.error ~ button {
268
color: $inverse_secondary_fg_color;
269
&:hover, &:active { color: $inverse_fg_color; }
271
&:disabled { color: $inverse_disabled_secondary_fg_color; }
273
}
274
}
275
.linked > button {
277
border: solid $container_padding transparent;
278
border-radius: $circular_radius;
279
@extend %simple_flat_button;
281
@extend %small_button;
282
&:last-child:dir(ltr),
284
&:not(:first-child):dir(rtl) { margin-left: -$container_padding / 2; }
285
&:first-child:dir(rtl),
287
&:not(:last-child):dir(ltr) { margin-right: -$container_padding / 2; }
288
}
289
}
290
frame.gedit-map-frame > border {
292
&:dir(ltr) { border-style: none none none solid; }
293
&:dir(rtl) { border-style: none solid none none; }
294
}
295
/**********
298
* Tweaks *
299
**********/
300
// hard-coded css:
301
// https://gitlab.gnome.org/GNOME/gnome-tweaks/blob/master/data/shell.css
302
// the sidebar
304
.tweak-categories {
305
// padding: 4px 0;
306
// background-color: shade(@theme_bg_color, 0.99);
307
background-image: image($alt_base_color);
308
separator { @extend %hide_separators; }
310
}
311
.tweak {
313
// padding-top: 3px;
314
padding: 3px;
315
&.title:hover { box-shadow: none; }
317
}
318
.tweak-group-white,
320
.tweak-white,
321
.tweak-white:hover {
322
// background-color: white;
323
background-image: image($base_color);
324
}
325
.tweak-startup,
327
.tweak-startup:hover {
328
// background-color: lighter(shade(@theme_bg_color, 0.9));
329
background-image: image($base_color);
330
}
331
.tweak-group-startup {
333
// background-color: @view_separators;
334
background-image: image($base_color);
335
border: 1px solid $border_color;
336
}
337
//
339
// Workaround for 3.26
340
//
341
row#Focus,
343
row#ClickMethod,
344
row#StaticWorkspaceTweak, // for 3.26.0
345
row#dynamic-workspaces,
346
row#PrimaryWorkspaceTweak, // for 3.26.0
347
row#workspaces-only-on-primary {
348
padding: 0;
349
border: 1px solid $border_color;
350
row:not(:last-child) { border-bottom: 1px solid $border_color; }
352
&.tweak > list { margin-top: -3px; }
354
}
355
// Add more spaces between title and list
357
row#Focus,
358
row#ClickMethod,
359
row#PrimaryWorkspaceTweak, // for 3.26.0
360
row#workspaces-only-on-primary {
361
margin-top: 4px;
362
}
363
/***********
366
* Builder *
367
***********/
368
// based css for 3.22:
369
// https://gitlab.gnome.org/GNOME/gnome-builder/tree/gnome-builder-3-22/data/theme
370
// based css for 3.24:
371
// https://gitlab.gnome.org/GNOME/gnome-builder/tree/gnome-builder-3-24/data/theme
372
// based css for 3.26:
373
// https://gitlab.gnome.org/GNOME/gnome-builder/tree/gnome-builder-3-26/data/themes
374
// Layout tab and tab bar tweaks
376
// The following makes the layout stack header look similar to a tab bar.
377
layouttabbar {
378
border-bottom: 1px solid $border_color;
379
background-color: $bg_color;
380
button { @extend %flat_button; }
382
> box > button {
384
margin: (40px - $medium_size) / 2 0;
385
// border-radius: 0;
386
}
387
}
388
layouttab {
390
margin: 0 8px; // not working
391
border-style: none solid;
392
border-width: 1px;
393
border-color: $border_color;
394
box-shadow: inset 0 -2px $primary_color;
395
background-color: $base_color;
396
separator.vertical { margin: 8px 4px; }
398
button {
400
&.text-button, &.image-button, & {
401
margin-top: 8px;
402
margin-bottom: 8px;
403
padding: 0 4px;
404
}
405
}
406
// Close button styling for layouttab.
408
// > box > button.close { @extend %circular_button; }
409
}
410
layout {
412
border: 1px solid $border_color;
413
-PnlDockBin-handle-size: 1;
414
}
415
entry.search-missing {
417
background-color: $error_color;
418
color: $inverse_fg_color;
419
}
420
// tweak icons for treeviews
422
window.workbench treeview.image {
423
color: $secondary_fg_color;
424
}
425
popover.popover-selector list {
427
padding: 8px - 2px;
428
row {
430
border-radius: $material_radius;
431
image {
433
&:dir(ltr) { margin-right: 6px; }
434
&:dir(rtl) { margin-left: 6px; }
435
}
436
.accel {
438
&:dir(ltr) { margin-left: 6px; }
439
&:dir(rtl) { margin-right: 6px; }
440
}
441
}
442
}
443
omnibar {
445
&.linked:not(.vertical) entry { border-radius: $material_radius; }
446
&:not(:hover):not(:active) entry { color: $secondary_fg_color; }
448
}
449
popover.omnibar list row:not(:last-child) {
451
border-bottom: 1px solid $border_color;
452
}
453
entry.preferences-search {
455
@extend %entry.flat;
456
box-shadow: inset 0 -1px $border_color;
458
background-color: $base_color;
459
// doesn't work properly
461
// &:dir(ltr) { border-right: 1px solid $border_color; }
462
// &:dir(rtl) { border-left: 1px solid $border_color; }
463
}
464
preferences stacksidebar.sidebar {
466
list { background-color: $alt_base_color; }
467
&:dir(ltr),
469
&:dir(rtl) { list { border-style: none; }}
470
list separator { @extend %hide_separators; }
472
}
473
preferences > box > box {
475
&:dir(ltr) { border-right: 1px solid $border_color; }
476
&:dir(rtl) { border-left: 1px solid $border_color; }
477
}
478
popover.messagepopover {
480
&.background { padding: 0; }
481
.popover-action-area button {
483
@extend %simple_flat_button;
484
padding: 8px 16px;
486
border-top: 1px solid $border_color;
487
border-radius: 0;
488
&:first-child { border-bottom-left-radius: $material_radius; }
490
&:last-child { border-bottom-right-radius: $material_radius; }
492
}
493
.popover-content-area { margin: 16px; }
495
}
496
popover.transfers list {
498
background-color: transparent;
499
row:not(:first-child) { border-top: 1px solid $border_color; }
501
row > box { padding: 10px; }
503
}
504
dockbin {
506
border: 1px solid $border_color;
507
-PnlDockBin-handle-size: 1;
508
}
509
dockpaned {
511
border: 1px solid $border_color;
512
}
513
eggsearchbar box.search-bar {
515
padding: 0 8px;
516
border-bottom: 1px solid $border_color;
517
background-color: $bg_color;
518
}
519
docktabstrip {
521
padding: 0 8px;
522
border-bottom: 1px solid $border_color;
523
background-color: $bg_color;
524
}
525
docktab {
527
transition: $shorter_transition,
528
background-size 0,
529
background-image 0;
530
min-height: $small_size;
531
min-width: $small_size;
532
margin-bottom: -1px;
533
padding: $container_padding 6px;
534
outline-offset: -6px;
536
border-width: 1px; // for reorderable tabs
538
border-color: transparent; //
539
box-shadow: inset 0 -2px transparent;
541
background-image: radial-gradient(circle farthest-corner at center,
542
$primary_color 10%,
543
transparent 0%);
544
background-repeat: no-repeat;
545
background-position: center;
546
background-size: 0% 0%;
547
color: $secondary_fg_color;
549
font-weight: 500;
550
&:hover {
552
background-color: $hover_overlay_color;
553
color: $fg_color;
554
}
555
&:checked {
557
transition: $shorter_transition,
558
background-size $longer_duration $deceleration_curve,
559
background-image $longer_duration + $ripple_duration $deceleration_curve;
560
box-shadow: inset 0 -2px $primary_color;
561
background-color: transparent;
562
background-image: radial-gradient(circle farthest-corner at center,
563
transparent 10%,
564
transparent 0%);
565
background-size: 1000% 1000%;
566
color: $fg_color;
567
}
568
}
569
dockoverlayedge {
571
background-color: $bg_color;
572
docktabstrip {
574
padding: 0;
575
border: none;
576
}
577
&.left-edge docktab {
579
&:hover { box-shadow: inset -2px 0 $track_color; }
580
&:checked { box-shadow: inset -2px 0 $primary_color; }
581
}
582
&.right-edge docktab {
584
&:hover { box-shadow: inset 2px 0 $track_color; }
585
&:checked { box-shadow: inset 2px 0 $primary_color; }
586
}
587
}
588
pillbox {
590
background-color: $bg_color;
591
border-radius: $material_radius;
592
}
593
buildperspective row {
595
// padding: 10px;
596
}
597
layoutpane entry.search {
599
@extend %entry.flat;
600
box-shadow: inset 0 -1px $border_color;
602
background-color: $base_color;
603
}
604
editortweak entry.search {
606
@extend %entry.flat;
607
margin-bottom: -1px;
609
box-shadow: none;
610
}
611
//
613
// let's tweak hard-coded elements
614
//
615
.gb-search-entry-occurrences-tag {
617
box-shadow: none;
618
background-color: transparent;
619
}
620
// Keep search bar and layouttab height in sync.
622
// layouttabbar > box,
623
// eggsearchbar > revealer > box,
624
docktabstrip {
625
min-height: 39px;
626
}
627
eggsearchbar entry {
629
// min-height: 24px;
630
}
631
window.workbench preferences preferencesgroup list entry {
633
// background: none;
634
// min-height: 0px;
635
padding-top: 8px;
636
padding-bottom: 8px;
637
}
638
button.run-arrow-button {
640
// min-width: 12px;
641
padding-left: ($medium_size - 16px) / 2;
642
padding-right: ($medium_size - 16px) / 2;
643
}
644
//
646
// Additional styles for 3.26
647
//
648
button.dzlmenubutton image {
650
min-width: $medium_size - 6px;
651
&.arrow { min-width: $medium_size - 9px; }
653
}
654
button.dzlmenubuttonitem {
656
color: $fg_color;
657
font-weight: normal;
658
&:disabled { color: $disabled_fg_color; }
660
}
661
idelayoutstackheader {
663
border-bottom: 1px solid $border_color;
664
button:checked { color: $fg_color; }
666
}
667
// utilities stack switcher
669
ideeditorutilities > dzldockpaned > box > stackswitcher {
670
padding: 8px 0;
671
background-color: $bg_color;
672
&:dir(ltr) { border-right: 1px solid $border_color; }
674
&:dir(rtl) { border-left: 1px solid $border_color; }
676
button {
678
border-radius: 0;
679
outline-offset: -6px;
680
box-shadow: none;
681
background-color: transparent;
682
&:active {
684
background-image: radial-gradient(circle farthest-corner at center,
685
rgba($primary_color, 0.7) 10%,
686
transparent 0%);
687
}
688
&:checked {
690
background-color: transparent;
691
color: $fg_color;
692
}
693
&:dir(ltr) {
695
margin-right: -1px;
696
&:hover { box-shadow: inset -2px 0 $track_color; }
698
&:active,
700
&:checked { box-shadow: inset -2px 0 $primary_color; }
701
}
702
&:dir(rtl) {
704
margin-left: -1px;
705
&:hover { box-shadow: inset 2px 0 $track_color; }
707
&:active,
709
&:checked { box-shadow: inset 2px 0 $primary_color; }
710
}
711
}
712
}
713
// buildui panel
715
ideeditorsidebar notebook header {
716
background: transparent;
717
}
718
popover.messagepopover {
720
// padding: 0;
721
list {
723
border: 1px solid $border_color;
724
row:not(:last-child) { border-bottom: 1px solid $border_color; }
726
}
727
}
728
/**********
731
* Photos *
732
**********/
733
// based css:
734
// https://gitlab.gnome.org/GNOME/gnome-photos/blob/master/data/Adwaita.css
735
GdMainIconView.content-view {
737
-GdMainIconView-icon-size: 48;
738
// Make spinner visible on both dark and bright backgrounds w/o making
740
// it look ugly/weird.
741
// &.cell:active { color: $disabled_fg_color; }
742
}
743
.documents-counter {
745
margin: 8px;
746
border-radius: $circular_radius;
747
box-shadow: $shadow_2;
748
background-color: $primary_color;
749
color: $inverse_fg_color;
750
font-weight: bold;
751
}
752
.photos-entry-tag {
754
@extend .entry-tag;
755
}
756
.documents-scrolledwin.frame {
758
border-style: none;
759
frame.content-view > border { border-style: none; }
761
}
762
.photos-icon-bg {
764
}
765
.photos-fade-in {
767
opacity: 1;
768
transition: opacity $shorter_duration $deceleration_curve;
769
}
770
.photos-fade-out {
772
opacity: 0;
773
transition: opacity $shorter_duration $deceleration_curve;
774
}
775
.photos-collection-icon {
777
}
778
overlay grid.horizontal > revealer > scrolledwindow.frame {
780
&:dir(ltr) { border-style: none none none solid; }
781
&:dir(rtl) { border-style: none solid none none; }
782
}
783
/*********
786
* Music *
787
*********/
788
// hard-coded css:
789
// https://gitlab.gnome.org/GNOME/gnome-music/blob/master/data/application.css
790
.side-panel:dir(ltr) {
792
// border-width: 0 1px 0 0;
793
border-style: solid;
794
border-color: $border_color;
795
}
796
.side-panel:dir(rtl) {
798
// border-width: 0 0 0 1px;
799
border-style: solid;
800
border-color: $border_color;
801
}
802
.side-panel .view {
804
// background-color: mix(@theme_fg_color, @theme_bg_color, 0.9);
805
background-image: image($alt_base_color);
806
&:hover { background-image: image(mix($fg_color, $alt_base_color, percentage(0.05))); }
808
}
809
.side-panel .view:selected {
811
// background-color: mix(@theme_fg_color, @theme_bg_color, 0.5);
812
background-image: image($primary_color);
813
&:hover { background-image: image(mix($inverse_fg_color, $primary_color, percentage(0.05))); }
815
}
816
.songs-list {
818
// box-shadow: inset 0 -1px shade(@borders, 1.30);
819
// background-color: @theme_bg_color;
820
&:hover { background-image: image($hover_overlay_color); }
822
}
823
frame.documents-dropdown {
825
@extend toolbar.osd;
826
margin: 8px;
828
> border { border: none; }
830
}
831
box.vertical > revealer > toolbar.search-bar {
833
border-bottom: 1px solid $border_color;
834
background-clip: border-box; // avoid black border
835
button > widget {
837
-gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
838
// -GtkArrow-arrow-scaling: 1;
839
}
840
}
841
/*********
844
* To Do *
845
*********/
846
// less than 3.28
847
task-list-view {
848
taskrow {
849
transition: $shorter_transition;
850
margin: 0 -8px;
851
&:hover { transition: none; }
853
label { margin: 0 8px; }
855
image.dim-label { min-width: 16px; }
857
}
858
> box > revealer > box > button {
860
margin: (12px * 2 - $medium_size) / 2;
861
.dim-label { opacity: 1; }
863
}
864
}
865
// 3.28 or later
867
tasklistview {
868
taskrow {
869
outline: none;
870
entry {
872
&, &:focus, &:disabled { box-shadow: none; }
873
}
874
image.dim-label { min-width: 16px; }
876
}
877
> box > revealer > box > button {
879
margin: (12px * 2 - $medium_size) / 2;
880
.dim-label { opacity: 1; }
882
}
883
}
884
/*******
887
* eog *
888
*******/
889
#eog-thumb-nav {
890
scrolledwindow { border-top: none; }
891
button { -gtk-outline-radius: $material_radius; }
893
}
894
/*************
897
* Evolution *
898
*************/
899
frame.taskbar > border { border-style: solid none none; }
900
box.vertical > paned.horizontal notebook widget .frame { border-style: none; }
902
/********
905
* gitg *
906
********/
907
frame.commit-frame > border { border-style: solid none none; }
908
/**************
911
* Characters *
912
**************/
913
box.dialog-vbox scrolledwindow.related { border: 1px solid $border_color; }
914
list.categories { background-image: image($alt_base_color); }
916
/*********
919
* Boxes *
920
*********/
921
.transparent-bg + stack overlay > label {
922
min-height: 24px;
923
padding: 0 4px;
924
border-radius: $material_radius;
925
background-color: $panel_bg_color;
926
color: $inverse_fg_color;
927
}
928
/**************
931
* Calculator *
932
**************/
933
button.title label { min-height: $medium_size; }
934
/*********
937
* Geary *
938
*********/
939
// fix a issue that separator seems double
940
.geary-titlebar-left {
941
&:dir(ltr) {
942
margin-right: 5px;
943
padding-right: 0;
944
}
945
&:dir(rtl) {
947
margin-left: 5px;
948
padding-left: 0;
949
}
950
> separator { background-color: rgba(black, 0.05); }
952
}
953
.geary-titlebar-right {
955
&:dir(ltr) { margin-left: -5px; }
956
&:dir(rtl) { margin-right: -5px; }
958
}
959