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
&:selected { color: $inverse_secondary_fg_color; }
24
}
25
.nautilus-desktop.nautilus-canvas-item:not(:selected) {
27
// background-color: $panel_bg_color;
28
color: $inverse_fg_color;
29
text-shadow: $shadow_1;
30
}
31
// Toolbar
33
@keyframes needs_attention_keyframes {
34
to { background-color: $fill_color; }
35
}
36
.nautilus-operations-button-needs-attention {
38
animation: needs_attention_keyframes $longer_duration $standard_curve 2 alternate;
39
}
40
.nautilus-operations-button-needs-attention-multiple {
42
animation: needs_attention_keyframes $longer_duration $standard_curve 4 alternate;
43
}
44
// Floating status bar
46
.nautilus-window .floating-bar {
47
min-height: 32px;
48
padding: 0;
49
border-style: solid solid none;
50
border-width: 1px;
51
border-color: $border_color;
52
border-radius: ($material_radius + 1px) ($material_radius + 1px) 0 0;
53
background-color: rgba($base_color, 0.9);
54
background-clip: $extra_background_clip;
55
transition: $longer_transition, border-width 0;
56
&.bottom.left { // axes left border and border radius
58
margin-right: 8px - 1px;
59
border-left-style: none;
60
border-top-left-radius: 0;
61
}
62
&.bottom.right { // axes right border and border radius
64
margin-left: 8px - 1px;
65
border-right-style: none;
66
border-top-right-radius: 0;
67
}
68
button {
70
margin: (32px - $small_size) / 2;
71
@extend %small_button;
73
}
74
}
75
.disk-space-display {
77
// border-style: solid;
78
// border-width: 2px;
79
&.unknown { background-color: $warning_color; }
81
&.used { background-color: $primary_color; }
83
&.free { background-color: $divider_color; }
85
}
86
// View
88
// Hide superfluous treeview drop target indication
89
.nautilus-list-view .view:not(.dnd) {
90
// border-bottom: 1px solid $border_color;
91
}
92
.documents-entry-tag {
94
@extend .entry-tag;
95
}
96
.conflict-row:not(:selected) { background-color: mix($warning_color, $base_color, percentage(0.3)); }
98
// Icon view
100
.nautilus-window flowboxchild {
101
// > widget > box > .icon-background { background-color: black; }
102
> widget > .icon-item-background {
104
padding: 4px;
105
border-radius: $material_radius;
106
}
107
&:selected {
109
background-color: transparent;
110
> widget > .icon-item-background { background-color: $primary_color; }
112
}
113
}
114
// Batch rename dialog
116
dialog.background > box.dialog-vbox.vertical > grid.horizontal {
117
> scrolledwindow.frame { border-style: none; }
118
> box.horizontal:last-child {
120
margin: -6px 0 0 -6px;
121
border-top: 1px solid $border_color;
122
> label { margin: 0 8px; }
124
> box > button { border-radius: 0; }
126
}
127
}
128
// Tweak to fix the messy sizing of the popover menu
130
.nautilus-window > popover.menu:not(:last-child) {
131
padding: 3px;
132
> stack > box > box > box {
134
margin-top: -6px;
135
> box {
137
margin-bottom: -6px;
138
&.linked { margin-top: 1px; }
140
}
141
}
142
separator { margin-bottom: -2px; }
144
}
145
.nautilus-menu-sort-heading {
147
// min-height: 26px;
148
// padding-left: 5px;
149
// padding-right: 5px;
150
margin: 1px 3px;
151
font-weight: 500;
152
&:disabled { color: $hint_fg_color; }
154
}
155
// Make operations button circular
157
.nautilus-window headerbar > revealer > button { @extend %circular_button; }
158
// Ensure paned separator rendering. See issue #84 for details.
160
.nautilus-window paned > separator { background-color: $bg_color; }
161
/*********
164
* gedit *
165
*********/
166
// based css:
167
// https://gitlab.gnome.org/GNOME/gedit/blob/master/gedit/resources/css/gedit.adwaita.css
168
// hard-coded css:
169
// https://gitlab.gnome.org/GNOME/gedit/blob/master/gedit/resources/css/gedit-style.css
170
// Only normal state is handle
172
.open-document-selector-name-label {
173
// font-weight: bold;
174
}
175
// Only normal state is handle
177
.open-document-selector-path-label {
178
color: $secondary_fg_color;
179
font-size: smaller;
180
&:selected { color: $inverse_secondary_fg_color; }
182
}
183
.gedit-document-panel {
185
background-color: $alt_base_color;
186
// Try to look as the notebook tab close button
188
row button.flat {
189
margin-top: 8px;
190
margin-bottom: 8px;
191
@extend %small_button;
193
}
194
}
195
.gedit-document-panel-group-row:not(:first-child) {
197
border-top: 1px solid $border_color;
198
}
199
.gedit-side-panel-paned statusbar {
201
border-top: 1px solid $border_color;
202
}
203
.gedit-search-slider {
205
margin: 4px 4px 8px;
206
.linked > entry {
208
border-radius: $material_radius;
209
.gedit-search-entry-occurrences-tag {
211
all: unset;
212
color: $hint_fg_color;
213
}
214
$buttons_width: $small_size * 2 + $container_padding * 3;
216
&:dir(ltr) {
218
margin-right: -$buttons_width;
219
padding-right: $buttons_width;
220
.gedit-search-entry-occurrences-tag { margin-left: $container_padding; }
222
image.right { margin-right: 0; }
224
}
225
&:dir(rtl) {
227
margin-left: -$buttons_width;
228
padding-left: $buttons_width;
229
.gedit-search-entry-occurrences-tag { margin-right: $container_padding; }
231
image.left { margin-left: 0; }
233
}
234
&:not(.error) { background-color: $popup_bg_color; }
236
&.error ~ button {
238
color: $inverse_secondary_fg_color;
239
&:hover, &:active { color: $inverse_fg_color; }
241
&:disabled { color: $inverse_disabled_secondary_fg_color; }
243
}
244
}
245
.linked > button {
247
border: solid $container_padding transparent;
248
border-radius: $circular_radius;
249
@extend %simple_flat_button;
251
@extend %small_button;
252
&:last-child:dir(ltr),
254
&:not(:first-child):dir(rtl) { margin-left: -$container_padding / 2; }
255
&:first-child:dir(rtl),
257
&:not(:last-child):dir(ltr) { margin-right: -$container_padding / 2; }
258
}
259
}
260
frame.gedit-map-frame > border {
262
&:dir(ltr) { border-style: none none none solid; }
263
&:dir(rtl) { border-style: none solid none none; }
264
}
265
/**********
268
* Tweaks *
269
**********/
270
// hard-coded css:
271
// https://gitlab.gnome.org/GNOME/gnome-tweaks/blob/master/data/shell.css
272
// the sidebar
274
.tweak-categories {
275
// padding: 4px 0;
276
// background-color: shade(@theme_bg_color, 0.99);
277
background-image: image($alt_base_color);
278
separator { @extend %hide_separators; }
280
}
281
.tweak {
283
// padding-top: 3px;
284
padding: 3px;
285
&.title:hover { box-shadow: none; }
287
}
288
.tweak-group-white,
290
.tweak-white,
291
.tweak-white:hover {
292
// background-color: white;
293
background-image: image($base_color);
294
}
295
.tweak-startup,
297
.tweak-startup:hover {
298
// background-color: lighter(shade(@theme_bg_color, 0.9));
299
background-image: image($base_color);
300
}
301
.tweak-group-startup {
303
// background-color: @view_separators;
304
background-image: image($base_color);
305
border: 1px solid $border_color;
306
}
307
//
309
// Workaround for 3.26
310
//
311
row#Focus,
313
row#ClickMethod,
314
row#StaticWorkspaceTweak, // for 3.26.0
315
row#dynamic-workspaces,
316
row#PrimaryWorkspaceTweak, // for 3.26.0
317
row#workspaces-only-on-primary {
318
padding: 0;
319
border: 1px solid $border_color;
320
row:not(:last-child) { border-bottom: 1px solid $border_color; }
322
&.tweak > list { margin-top: -3px; }
324
}
325
// Add more spaces between title and list
327
row#Focus,
328
row#ClickMethod,
329
row#PrimaryWorkspaceTweak, // for 3.26.0
330
row#workspaces-only-on-primary {
331
margin-top: 4px;
332
}
333
/***********
336
* Builder *
337
***********/
338
// based css for 3.22:
339
// https://gitlab.gnome.org/GNOME/gnome-builder/tree/gnome-builder-3-22/data/theme
340
// based css for 3.24:
341
// https://gitlab.gnome.org/GNOME/gnome-builder/tree/gnome-builder-3-24/data/theme
342
// based css for 3.26:
343
// https://gitlab.gnome.org/GNOME/gnome-builder/tree/gnome-builder-3-26/data/themes
344
// Layout tab and tab bar tweaks
346
// The following makes the layout stack header look similar to a tab bar.
347
layouttabbar {
348
border-bottom: 1px solid $border_color;
349
background-color: $bg_color;
350
button { @extend %flat_button; }
352
> box > button {
354
margin: (40px - $medium_size) / 2 0;
355
// border-radius: 0;
356
}
357
}
358
layouttab {
360
margin: 0 8px; // not working
361
border-style: none solid;
362
border-width: 1px;
363
border-color: $border_color;
364
box-shadow: inset 0 -2px $primary_color;
365
background-color: $base_color;
366
separator.vertical { margin: 8px 4px; }
368
button {
370
&.text-button, &.image-button, & {
371
margin-top: 8px;
372
margin-bottom: 8px;
373
padding: 0 4px;
374
}
375
}
376
// Close button styling for layouttab.
378
// > box > button.close { @extend %circular_button; }
379
}
380
layout {
382
border: 1px solid $border_color;
383
-PnlDockBin-handle-size: 1;
384
}
385
entry.search-missing {
387
background-color: $error_color;
388
color: $inverse_fg_color;
389
}
390
// tweak icons for treeviews
392
window.workbench treeview.image {
393
color: $secondary_fg_color;
394
&:selected { color: $inverse_secondary_fg_color; }
396
}
397
popover.popover-selector list {
399
padding: 8px - 2px;
400
row {
402
border-radius: $material_radius;
403
image {
405
&:dir(ltr) { margin-right: 6px; }
406
&:dir(rtl) { margin-left: 6px; }
407
}
408
.accel {
410
&:dir(ltr) { margin-left: 6px; }
411
&:dir(rtl) { margin-right: 6px; }
412
}
413
}
414
}
415
omnibar {
417
&.linked:not(.vertical) entry { border-radius: $material_radius; }
418
&:not(:hover):not(:active) entry { color: $secondary_fg_color; }
420
}
421
popover.omnibar list row:not(:last-child) {
423
border-bottom: 1px solid $border_color;
424
}
425
entry.preferences-search {
427
@extend %entry.flat;
428
box-shadow: inset 0 -1px $border_color;
430
background-color: $base_color;
431
// doesn't work properly
433
// &:dir(ltr) { border-right: 1px solid $border_color; }
434
// &:dir(rtl) { border-left: 1px solid $border_color; }
435
}
436
preferences stacksidebar.sidebar {
438
list { background-color: $alt_base_color; }
439
&:dir(ltr),
441
&:dir(rtl) { list { border-style: none; }}
442
list separator { @extend %hide_separators; }
444
}
445
preferences > box > box {
447
&:dir(ltr) { border-right: 1px solid $border_color; }
448
&:dir(rtl) { border-left: 1px solid $border_color; }
449
}
450
popover.messagepopover {
452
&.background { padding: 0; }
453
.popover-action-area button {
455
@extend %simple_flat_button;
456
padding: 8px 16px;
458
border-top: 1px solid $border_color;
459
border-radius: 0;
460
&:first-child { border-bottom-left-radius: $material_radius; }
462
&:last-child { border-bottom-right-radius: $material_radius; }
464
}
465
.popover-content-area { margin: 16px; }
467
}
468
popover.transfers list {
470
background-color: transparent;
471
row:not(:first-child) { border-top: 1px solid $border_color; }
473
row > box { padding: 10px; }
475
}
476
dockbin {
478
border: 1px solid $border_color;
479
-PnlDockBin-handle-size: 1;
480
}
481
dockpaned {
483
border: 1px solid $border_color;
484
}
485
eggsearchbar box.search-bar {
487
padding: 0 8px;
488
border-bottom: 1px solid $border_color;
489
background-color: $bg_color;
490
}
491
docktabstrip {
493
padding: 0 8px;
494
border-bottom: 1px solid $border_color;
495
background-color: $bg_color;
496
}
497
docktab {
499
transition: $longer_transition,
500
background-size 0,
501
background-image 0;
502
min-height: $small_size;
503
min-width: $small_size;
504
margin-bottom: -1px;
505
padding: $container_padding 6px;
506
outline-offset: -6px;
508
border-width: 1px; // for reorderable tabs
510
border-color: transparent; //
511
background-image: radial-gradient(circle farthest-corner at center,
513
$primary_color 10%,
514
transparent 0%);
515
background-repeat: no-repeat;
516
background-position: center;
517
background-size: 0% 0%;
518
color: $secondary_fg_color;
520
font-weight: 500;
521
&:hover {
523
box-shadow: inset 0 -2px $track_color;
524
color: $fg_color;
525
}
526
&:checked {
528
transition: $longer_transition,
529
background-size $longer_duration $deceleration_curve,
530
background-image $longer_duration + $ripple_duration $deceleration_curve;
531
box-shadow: inset 0 -2px $primary_color;
532
background-image: radial-gradient(circle farthest-corner at center,
533
transparent 10%,
534
transparent 0%);
535
background-size: 1000% 1000%;
536
color: $fg_color;
537
}
538
}
539
dockoverlayedge {
541
background-color: $bg_color;
542
docktabstrip {
544
padding: 0;
545
border: none;
546
}
547
&.left-edge docktab {
549
&:hover { box-shadow: inset -2px 0 $track_color; }
550
&:checked { box-shadow: inset -2px 0 $primary_color; }
551
}
552
&.right-edge docktab {
554
&:hover { box-shadow: inset 2px 0 $track_color; }
555
&:checked { box-shadow: inset 2px 0 $primary_color; }
556
}
557
}
558
pillbox {
560
background-color: $bg_color;
561
border-radius: $material_radius;
562
}
563
buildperspective row {
565
// padding: 10px;
566
}
567
layoutpane entry.search {
569
@extend %entry.flat;
570
box-shadow: inset 0 -1px $border_color;
572
background-color: $base_color;
573
}
574
editortweak entry.search {
576
@extend %entry.flat;
577
margin-bottom: -1px;
579
box-shadow: none;
580
}
581
//
583
// let's tweak hard-coded elements
584
//
585
.gb-search-entry-occurrences-tag {
587
box-shadow: none;
588
background-color: transparent;
589
}
590
// Keep search bar and layouttab height in sync.
592
// layouttabbar > box,
593
// eggsearchbar > revealer > box,
594
docktabstrip {
595
min-height: 39px;
596
}
597
eggsearchbar entry {
599
// min-height: 24px;
600
}
601
window.workbench preferences preferencesgroup list entry {
603
// background: none;
604
// min-height: 0px;
605
padding-top: 8px;
606
padding-bottom: 8px;
607
}
608
button.run-arrow-button {
610
// min-width: 12px;
611
padding-left: ($medium_size - 16px) / 2;
612
padding-right: ($medium_size - 16px) / 2;
613
}
614
//
616
// Additional styles for 3.26
617
//
618
button.dzlmenubutton image {
620
min-width: $medium_size - 6px;
621
&.arrow { min-width: $medium_size - 9px; }
623
}
624
button.dzlmenubuttonitem {
626
color: $fg_color;
627
font-weight: normal;
628
&:disabled { color: $disabled_fg_color; }
630
}
631
idelayoutstackheader {
633
border-bottom: 1px solid $border_color;
634
button:checked { color: $fg_color; }
636
}
637
// utilities stack switcher
639
ideeditorutilities > dzldockpaned > box > stackswitcher {
640
padding: 8px 0;
641
background-color: $bg_color;
642
&:dir(ltr) { border-right: 1px solid $border_color; }
644
&:dir(rtl) { border-left: 1px solid $border_color; }
646
button {
648
border-radius: 0;
649
outline-offset: -6px;
650
box-shadow: none;
651
background-color: transparent;
652
&:active {
654
background-image: radial-gradient(circle farthest-corner at center,
655
rgba($primary_color, 0.7) 10%,
656
transparent 0%);
657
}
658
&:checked {
660
background-color: transparent;
661
color: $fg_color;
662
}
663
&:dir(ltr) {
665
margin-right: -1px;
666
&:hover { box-shadow: inset -2px 0 $track_color; }
668
&:active,
670
&:checked { box-shadow: inset -2px 0 $primary_color; }
671
}
672
&:dir(rtl) {
674
margin-left: -1px;
675
&:hover { box-shadow: inset 2px 0 $track_color; }
677
&:active,
679
&:checked { box-shadow: inset 2px 0 $primary_color; }
680
}
681
}
682
}
683
// buildui panel
685
ideeditorsidebar notebook header {
686
background: transparent;
687
}
688
popover.messagepopover {
690
// padding: 0;
691
list {
693
border: 1px solid $border_color;
694
row:not(:last-child) { border-bottom: 1px solid $border_color; }
696
}
697
}
698
/**********
701
* Photos *
702
**********/
703
// based css:
704
// https://gitlab.gnome.org/GNOME/gnome-photos/blob/master/data/Adwaita.css
705
GdMainIconView.content-view {
707
-GdMainIconView-icon-size: 48;
708
// Make spinner visible on both dark and bright backgrounds w/o making
710
// it look ugly/weird.
711
// &.cell:active { color: $hint_fg_color; }
712
}
713
.documents-counter {
715
margin: 8px;
716
border-radius: $circular_radius;
717
box-shadow: $shadow_2;
718
background-color: $secondary_color;
719
color: $inverse_fg_color;
720
font-weight: bold;
721
}
722
.photos-entry-tag {
724
@extend .entry-tag;
725
}
726
.documents-scrolledwin.frame {
728
border-style: none;
729
frame.content-view > border { border-style: none; }
731
}
732
.photos-icon-bg {
734
}
735
.photos-fade-in {
737
opacity: 1;
738
transition: opacity $shorter_duration $deceleration_curve;
739
}
740
.photos-fade-out {
742
opacity: 0;
743
transition: opacity $shorter_duration $deceleration_curve;
744
}
745
.photos-collection-icon {
747
}
748
overlay grid.horizontal > revealer > scrolledwindow.frame {
750
&:dir(ltr) { border-style: none none none solid; }
751
&:dir(rtl) { border-style: none solid none none; }
752
}
753
/*********
756
* Music *
757
*********/
758
// hard-coded css:
759
// https://gitlab.gnome.org/GNOME/gnome-music/blob/master/data/application.css
760
.side-panel:dir(ltr) {
762
// border-width: 0 1px 0 0;
763
border-style: solid;
764
border-color: $border_color;
765
}
766
.side-panel:dir(rtl) {
768
// border-width: 0 0 0 1px;
769
border-style: solid;
770
border-color: $border_color;
771
}
772
.side-panel .view {
774
// background-color: mix(@theme_fg_color, @theme_bg_color, 0.9);
775
background-image: image($alt_base_color);
776
&:hover { background-image: image(mix($fg_color, $alt_base_color, percentage(0.05))); }
778
}
779
.side-panel .view:selected {
781
// background-color: mix(@theme_fg_color, @theme_bg_color, 0.5);
782
background-image: image($primary_color);
783
&:hover { background-image: image(mix($inverse_fg_color, $primary_color, percentage(0.05))); }
785
}
786
.songs-list {
788
// box-shadow: inset 0 -1px shade(@borders, 1.30);
789
// background-color: @theme_bg_color;
790
&:hover { background-image: image($row_fill_color); }
792
}
793
frame.documents-dropdown {
795
@extend toolbar.osd;
796
margin: 8px;
798
> border { border: none; }
800
}
801
box.vertical > revealer > toolbar.search-bar {
803
border-bottom: 1px solid $border_color;
804
background-clip: border-box; // avoid black border
805
button > widget {
807
-gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
808
// -GtkArrow-arrow-scaling: 1;
809
}
810
}
811
/*********
814
* To Do *
815
*********/
816
// less than 3.28
817
task-list-view {
818
taskrow {
819
transition: $shorter_transition;
820
margin: 0 -8px;
821
&:hover { transition: none; }
823
label { margin: 0 8px; }
825
image.dim-label { min-width: 16px; }
827
}
828
> box > revealer > box > button {
830
margin: (12px * 2 - $medium_size) / 2;
831
.dim-label { opacity: 1; }
833
}
834
}
835
// 3.28 or later
837
tasklistview {
838
taskrow {
839
outline: none;
840
entry {
842
&, &:focus, &:disabled { box-shadow: none; }
843
}
844
image.dim-label { min-width: 16px; }
846
}
847
> box > revealer > box > button {
849
margin: (12px * 2 - $medium_size) / 2;
850
.dim-label { opacity: 1; }
852
}
853
}
854
/*******
857
* eog *
858
*******/
859
#eog-thumb-nav {
860
scrolledwindow { border-top: none; }
861
button { -gtk-outline-radius: $material_radius; }
863
}
864
/*************
867
* Evolution *
868
*************/
869
frame.taskbar > border { border-style: solid none none; }
870
box.vertical > paned.horizontal notebook widget .frame { border-style: none; }
872
/********
875
* gitg *
876
********/
877
frame.commit-frame > border { border-style: solid none none; }
878
/**************
881
* Characters *
882
**************/
883
box.dialog-vbox scrolledwindow.related { border: 1px solid $border_color; }
884
list.categories { background-image: image($alt_base_color); }
886
/*********
889
* Boxes *
890
*********/
891
.transparent-bg + stack overlay > label {
892
min-height: 24px;
893
padding: 0 4px;
894
border-radius: $material_radius;
895
background-color: $panel_bg_color;
896
color: $inverse_fg_color;
897
}
898
/**************
901
* Calculator *
902
**************/
903
button.title label { min-height: $medium_size; }
904
/*********
907
* Geary *
908
*********/
909
// fix a issue that separator seems double
910
.geary-titlebar-left {
911
&:dir(ltr) {
912
margin-right: 5px;
913
padding-right: 0;
914
}
915
&:dir(rtl) {
917
margin-left: 5px;
918
padding-left: 0;
919
}
920
> separator { background-color: rgba(black, 0.05); }
922
}
923
.geary-titlebar-right {
925
&:dir(ltr) { margin-left: -5px; }
926
&:dir(rtl) { margin-right: -5px; }
928
}
929