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: $focus_bg_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
.disclosure-button { @extend %circular_button; }
46
.path-bar-box {
48
// transition: background-color $shorter_duration $deceleration_curve;
49
// margin: $container_padding 0;
50
// border-radius: $material_radius;
51
// button { margin: 0; } // reset the margin
53
// &.width-maximized { background-color: rgba($titlebar_fg_color, 0.06); }
55
// workaround for 3.30.1
57
&.background.frame {
58
border-style: none;
59
background-color: transparent;
60
}
61
}
62
// Floating status bar
64
.nautilus-window .floating-bar {
65
min-height: 32px;
66
padding: 0;
67
border-style: solid solid none;
68
border-width: 1px;
69
border-color: $border_color;
70
border-radius: ($material_radius + 1px) ($material_radius + 1px) 0 0;
71
background-color: rgba($base_color, 0.9);
72
background-clip: $extra_background_clip;
73
transition: $shorter_transition, border-width 0;
74
&.bottom.left { // axes left border and border radius
76
margin-right: 8px - 1px;
77
border-left-style: none;
78
border-top-left-radius: 0;
79
}
80
&.bottom.right { // axes right border and border radius
82
margin-left: 8px - 1px;
83
border-right-style: none;
84
border-top-right-radius: 0;
85
}
86
button {
88
margin: (32px - $small_size) / 2;
89
@extend %small_button;
91
}
92
}
93
.disk-space-display {
95
// border-style: solid;
96
// border-width: 2px;
97
&.unknown {
99
background-color: $track_color;
100
color: $track_color;
101
}
102
&.used {
104
background-color: $primary_color;
105
color: $primary_color;
106
}
107
&.free {
109
background-color: $divider_color;
110
color: $divider_color;
111
}
112
}
113
// View
115
// Hide superfluous treeview drop target indication
116
.nautilus-list-view .view:not(.dnd) {
117
// border-bottom: 1px solid $border_color;
118
}
119
.search-information {
121
padding: 2px;
122
background-color: $primary_color;
123
color: $inverse_fg_color;
124
}
125
.documents-entry-tag {
127
@extend .entry-tag;
128
}
129
.conflict-row:not(:selected) { background-color: mix($warning_color, $base_color, percentage(0.3)); }
131
// Icon view
133
.nautilus-window flowboxchild {
134
// .icon-background { background-color: black; }
135
.icon-item-background {
137
padding: 4px;
138
border-radius: $material_radius;
139
}
140
&:selected {
142
background-color: transparent;
143
.icon-item-background { background-color: $primary_color; }
145
}
146
}
147
// Batch rename dialog
149
dialog.background > box.dialog-vbox.vertical > grid.horizontal {
150
> scrolledwindow.frame { border-style: none; }
151
> box.horizontal:last-child {
153
margin: -6px 0 0 -6px;
154
border-top: 1px solid $border_color;
155
> label { margin: 0 8px; }
157
> box > button { border-radius: 0; }
159
}
160
}
161
// Tweak to fix the messy sizing of the popover menu
163
.nautilus-window > popover.menu:not(:last-child) {
164
padding: 3px;
165
> stack > box > box > box {
167
margin-top: -6px;
168
> box {
170
margin-bottom: -6px;
171
&.linked { margin-top: 1px; }
173
}
174
}
175
separator { margin-bottom: -2px; }
177
}
178
.nautilus-menu-sort-heading {
180
// min-height: 26px;
181
// padding-left: 5px;
182
// padding-right: 5px;
183
margin: 1px 3px;
184
font-weight: 500;
185
&:disabled { color: $hint_fg_color; }
187
}
188
// Make operations button circular
190
.nautilus-window headerbar > revealer > button { @extend %circular_button; }
191
// Ensure paned separator rendering. See issue #84 for details.
193
.nautilus-window paned > separator { background-color: $bg_color; }
194
/*********
197
* gedit *
198
*********/
199
// based css:
200
// https://gitlab.gnome.org/GNOME/gedit/blob/master/gedit/resources/css/gedit.adwaita.css
201
// hard-coded css:
202
// https://gitlab.gnome.org/GNOME/gedit/blob/master/gedit/resources/css/gedit-style.css
203
// Only normal state is handle
205
.open-document-selector-name-label {
206
// font-weight: bold;
207
}
208
// Only normal state is handle
210
.open-document-selector-path-label {
211
color: $secondary_fg_color;
212
font-size: smaller;
213
&:selected { color: $inverse_secondary_fg_color; }
215
}
216
.gedit-document-panel {
218
background-color: $alt_base_color;
219
// Try to look as the notebook tab close button
221
row button.flat {
222
margin-top: 8px;
223
margin-bottom: 8px;
224
@extend %small_button;
226
}
227
}
228
.gedit-document-panel-group-row:not(:first-child) {
230
border-top: 1px solid $border_color;
231
}
232
.gedit-side-panel-paned statusbar {
234
border-top: 1px solid $border_color;
235
}
236
.gedit-search-slider {
238
margin: 4px 4px 8px;
239
.linked:not(.vertical) > entry {
241
border-radius: $material_radius;
242
@extend %entry_raised;
243
.gedit-search-entry-occurrences-tag {
245
all: unset;
246
color: $hint_fg_color;
247
}
248
$buttons_width: $small_size * 2 + $container_padding * 3;
250
&:dir(ltr) {
252
margin-right: -$buttons_width;
253
padding-right: $buttons_width;
254
.gedit-search-entry-occurrences-tag { margin-left: $container_padding; }
256
image.right { margin-right: 0; }
258
}
259
&:dir(rtl) {
261
margin-left: -$buttons_width;
262
padding-left: $buttons_width;
263
.gedit-search-entry-occurrences-tag { margin-right: $container_padding; }
265
image.left { margin-left: 0; }
267
}
268
&:not(.error) { background-color: $popup_bg_color; }
270
&.error ~ button {
272
color: $inverse_secondary_fg_color;
273
&:hover, &:active { color: $inverse_fg_color; }
275
&:disabled { color: $inverse_disabled_secondary_fg_color; }
277
}
278
}
279
.linked > button {
281
border: solid $container_padding transparent;
282
border-radius: $circular_radius;
283
@extend %simple_flat_button;
285
@extend %small_button;
286
&:last-child:dir(ltr),
288
&:not(:first-child):dir(rtl) { margin-left: -$container_padding / 2; }
289
&:first-child:dir(rtl),
291
&:not(:last-child):dir(ltr) { margin-right: -$container_padding / 2; }
292
}
293
}
294
frame.gedit-map-frame > border {
296
&:dir(ltr) { border-style: none none none solid; }
297
&:dir(rtl) { border-style: none solid none none; }
298
}
299
/**********
302
* Tweaks *
303
**********/
304
// hard-coded css:
305
// https://gitlab.gnome.org/GNOME/gnome-tweaks/blob/master/data/shell.css
306
// the sidebar
308
.tweak-categories {
309
// padding: 4px 0;
310
// background-color: shade(@theme_bg_color, 0.99);
311
background-image: image($alt_base_color);
312
separator { @extend %hide_separators; }
314
}
315
.tweak {
317
// padding-top: 3px;
318
padding: 3px;
319
&.title:hover { box-shadow: none; }
321
}
322
.tweak-group-white,
324
.tweak-white,
325
.tweak-white:hover {
326
// background-color: white;
327
background-image: image($base_color);
328
}
329
.tweak-startup,
331
.tweak-startup:hover {
332
// background-color: lighter(shade(@theme_bg_color, 0.9));
333
background-image: image($base_color);
334
}
335
.tweak-group-startup {
337
// background-color: @view_separators;
338
background-image: image($base_color);
339
border: 1px solid $border_color;
340
}
341
//
343
// Workaround for 3.26
344
//
345
row#Focus,
347
row#ClickMethod,
348
row#StaticWorkspaceTweak, // for 3.26.0
349
row#dynamic-workspaces,
350
row#PrimaryWorkspaceTweak, // for 3.26.0
351
row#workspaces-only-on-primary {
352
padding: 0;
353
border: 1px solid $border_color;
354
row:not(:last-child) { border-bottom: 1px solid $border_color; }
356
&.tweak > list { margin-top: -3px; }
358
}
359
// Add more spaces between title and list
361
row#Focus,
362
row#ClickMethod,
363
row#PrimaryWorkspaceTweak, // for 3.26.0
364
row#workspaces-only-on-primary {
365
margin-top: 4px;
366
}
367
/***********
370
* Builder *
371
***********/
372
// based css for 3.22:
373
// https://gitlab.gnome.org/GNOME/gnome-builder/tree/gnome-builder-3-22/data/theme
374
// based css for 3.24:
375
// https://gitlab.gnome.org/GNOME/gnome-builder/tree/gnome-builder-3-24/data/theme
376
// based css for 3.26:
377
// https://gitlab.gnome.org/GNOME/gnome-builder/tree/gnome-builder-3-26/data/themes
378
// Layout tab and tab bar tweaks
380
// The following makes the layout stack header look similar to a tab bar.
381
layouttabbar {
382
border-bottom: 1px solid $border_color;
383
background-color: $bg_color;
384
button { @extend %flat_button; }
386
> box > button {
388
margin: (40px - $medium_size) / 2 0;
389
// border-radius: 0;
390
}
391
}
392
layouttab {
394
margin: 0 8px; // not working
395
border-style: none solid;
396
border-width: 1px;
397
border-color: $border_color;
398
box-shadow: inset 0 -2px $primary_color;
399
background-color: $base_color;
400
separator.vertical { margin: 8px 4px; }
402
button {
404
&.text-button, &.image-button, & {
405
margin-top: 8px;
406
margin-bottom: 8px;
407
padding: 0 4px;
408
}
409
}
410
// Close button styling for layouttab.
412
// > box > button.close { @extend %circular_button; }
413
}
414
layout {
416
border: 1px solid $border_color;
417
-PnlDockBin-handle-size: 1;
418
}
419
entry.search-missing {
421
background-color: $error_color;
422
color: $inverse_fg_color;
423
}
424
// tweak icons for treeviews
426
window.workbench treeview.image {
427
color: $secondary_fg_color;
428
&:selected { color: $inverse_secondary_fg_color; }
430
}
431
popover.popover-selector list {
433
padding: 8px - 2px;
434
row {
436
border-radius: $material_radius;
437
image {
439
&:dir(ltr) { margin-right: 6px; }
440
&:dir(rtl) { margin-left: 6px; }
441
}
442
.accel {
444
&:dir(ltr) { margin-left: 6px; }
445
&:dir(rtl) { margin-right: 6px; }
446
}
447
}
448
}
449
omnibar {
451
&.linked:not(.vertical) entry { border-radius: $material_radius; }
452
&:not(:hover):not(:active) entry { color: $secondary_fg_color; }
454
}
455
popover.omnibar list row:not(:last-child) {
457
border-bottom: 1px solid $border_color;
458
}
459
entry.preferences-search {
461
@extend %entry.flat;
462
box-shadow: inset 0 -1px $border_color;
464
background-color: $base_color;
465
// doesn't work properly
467
// &:dir(ltr) { border-right: 1px solid $border_color; }
468
// &:dir(rtl) { border-left: 1px solid $border_color; }
469
}
470
preferences stacksidebar.sidebar {
472
list { background-color: $alt_base_color; }
473
&:dir(ltr),
475
&:dir(rtl) { list { border-style: none; }}
476
list separator { @extend %hide_separators; }
478
}
479
preferences > box > box {
481
&:dir(ltr) { border-right: 1px solid $border_color; }
482
&:dir(rtl) { border-left: 1px solid $border_color; }
483
}
484
popover.messagepopover {
486
&.background { padding: 0; }
487
.popover-action-area button {
489
@extend %simple_flat_button;
490
padding: 8px 16px;
492
border-top: 1px solid $border_color;
493
border-radius: 0;
494
&:first-child { border-bottom-left-radius: $material_radius; }
496
&:last-child { border-bottom-right-radius: $material_radius; }
498
}
499
.popover-content-area { margin: 16px; }
501
}
502
popover.transfers list {
504
background-color: transparent;
505
row:not(:first-child) { border-top: 1px solid $border_color; }
507
row > box { padding: 10px; }
509
}
510
dockbin {
512
border: 1px solid $border_color;
513
-PnlDockBin-handle-size: 1;
514
}
515
dockpaned {
517
border: 1px solid $border_color;
518
}
519
eggsearchbar box.search-bar {
521
padding: 0 8px;
522
border-bottom: 1px solid $border_color;
523
background-color: $bg_color;
524
}
525
docktabstrip {
527
padding: 0 8px;
528
border-bottom: 1px solid $border_color;
529
background-color: $bg_color;
530
}
531
docktab {
533
transition: $shorter_transition,
534
background-size 0,
535
background-image 0;
536
min-height: $small_size;
537
min-width: $small_size;
538
margin-bottom: -1px;
539
padding: $container_padding 6px;
540
outline-offset: -6px;
542
border-width: 1px; // for reorderable tabs
544
border-color: transparent; //
545
box-shadow: inset 0 -2px transparent;
547
background-image: radial-gradient(circle farthest-corner at center,
548
$primary_color 10%,
549
transparent 0%);
550
background-repeat: no-repeat;
551
background-position: center;
552
background-size: 0% 0%;
553
color: $secondary_fg_color;
555
font-weight: 500;
556
&:hover {
558
background-color: $hover_bg_color;
559
color: $fg_color;
560
}
561
&:checked {
563
transition: $shorter_transition,
564
background-size $longer_duration $deceleration_curve,
565
background-image $longer_duration + $ripple_duration $deceleration_curve;
566
box-shadow: inset 0 -2px $primary_color;
567
background-color: transparent;
568
background-image: radial-gradient(circle farthest-corner at center,
569
transparent 10%,
570
transparent 0%);
571
background-size: 1000% 1000%;
572
color: $fg_color;
573
}
574
}
575
dockoverlayedge {
577
background-color: $bg_color;
578
docktabstrip {
580
padding: 0;
581
border: none;
582
}
583
&.left-edge docktab {
585
&:hover { box-shadow: inset -2px 0 $track_color; }
586
&:checked { box-shadow: inset -2px 0 $primary_color; }
587
}
588
&.right-edge docktab {
590
&:hover { box-shadow: inset 2px 0 $track_color; }
591
&:checked { box-shadow: inset 2px 0 $primary_color; }
592
}
593
}
594
pillbox {
596
background-color: $bg_color;
597
border-radius: $material_radius;
598
}
599
buildperspective row {
601
// padding: 10px;
602
}
603
layoutpane entry.search {
605
@extend %entry.flat;
606
box-shadow: inset 0 -1px $border_color;
608
background-color: $base_color;
609
}
610
editortweak entry.search {
612
@extend %entry.flat;
613
margin-bottom: -1px;
615
box-shadow: none;
616
}
617
//
619
// let's tweak hard-coded elements
620
//
621
.gb-search-entry-occurrences-tag {
623
box-shadow: none;
624
background-color: transparent;
625
}
626
// Keep search bar and layouttab height in sync.
628
// layouttabbar > box,
629
// eggsearchbar > revealer > box,
630
docktabstrip {
631
min-height: 39px;
632
}
633
eggsearchbar entry {
635
// min-height: 24px;
636
}
637
window.workbench preferences preferencesgroup list entry {
639
// background: none;
640
// min-height: 0px;
641
padding-top: 8px;
642
padding-bottom: 8px;
643
}
644
button.run-arrow-button {
646
// min-width: 12px;
647
padding-left: ($medium_size - 16px) / 2;
648
padding-right: ($medium_size - 16px) / 2;
649
}
650
//
652
// Additional styles for 3.26
653
//
654
button.dzlmenubutton image {
656
min-width: $medium_size - 6px;
657
&.arrow { min-width: $medium_size - 9px; }
659
}
660
button.dzlmenubuttonitem {
662
color: $fg_color;
663
font-weight: normal;
664
&:disabled { color: $disabled_fg_color; }
666
}
667
idelayoutstackheader {
669
border-bottom: 1px solid $border_color;
670
button:checked { color: $fg_color; }
672
}
673
// utilities stack switcher
675
ideeditorutilities > dzldockpaned > box > stackswitcher {
676
padding: 8px 0;
677
background-color: $bg_color;
678
&:dir(ltr) { border-right: 1px solid $border_color; }
680
&:dir(rtl) { border-left: 1px solid $border_color; }
682
button {
684
border-radius: 0;
685
outline-offset: -6px;
686
box-shadow: none;
687
background-color: transparent;
688
&:active {
690
background-image: radial-gradient(circle farthest-corner at center,
691
rgba($primary_color, 0.7) 10%,
692
transparent 0%);
693
}
694
&:checked {
696
background-color: transparent;
697
color: $fg_color;
698
}
699
&:dir(ltr) {
701
margin-right: -1px;
702
&:hover { box-shadow: inset -2px 0 $track_color; }
704
&:active,
706
&:checked { box-shadow: inset -2px 0 $primary_color; }
707
}
708
&:dir(rtl) {
710
margin-left: -1px;
711
&:hover { box-shadow: inset 2px 0 $track_color; }
713
&:active,
715
&:checked { box-shadow: inset 2px 0 $primary_color; }
716
}
717
}
718
}
719
// buildui panel
721
ideeditorsidebar notebook header {
722
background: transparent;
723
}
724
popover.messagepopover {
726
// padding: 0;
727
list {
729
border: 1px solid $border_color;
730
row:not(:last-child) { border-bottom: 1px solid $border_color; }
732
}
733
}
734
/**********
737
* Photos *
738
**********/
739
// based css:
740
// https://gitlab.gnome.org/GNOME/gnome-photos/blob/master/data/Adwaita.css
741
GdMainIconView.content-view {
743
-GdMainIconView-icon-size: 48;
744
// Make spinner visible on both dark and bright backgrounds w/o making
746
// it look ugly/weird.
747
// &.cell:active { color: $hint_fg_color; }
748
}
749
.documents-counter {
751
margin: 8px;
752
border-radius: $circular_radius;
753
box-shadow: $shadow_2;
754
background-color: $secondary_color;
755
color: $inverse_fg_color;
756
font-weight: bold;
757
}
758
.photos-entry-tag {
760
@extend .entry-tag;
761
}
762
.documents-scrolledwin.frame {
764
border-style: none;
765
frame.content-view > border { border-style: none; }
767
}
768
.photos-icon-bg {
770
}
771
.photos-fade-in {
773
opacity: 1;
774
transition: opacity $shorter_duration $deceleration_curve;
775
}
776
.photos-fade-out {
778
opacity: 0;
779
transition: opacity $shorter_duration $deceleration_curve;
780
}
781
.photos-collection-icon {
783
}
784
overlay grid.horizontal > revealer > scrolledwindow.frame {
786
&:dir(ltr) { border-style: none none none solid; }
787
&:dir(rtl) { border-style: none solid none none; }
788
}
789
/*********
792
* Music *
793
*********/
794
// hard-coded css:
795
// https://gitlab.gnome.org/GNOME/gnome-music/blob/master/data/application.css
796
.side-panel:dir(ltr) {
798
// border-width: 0 1px 0 0;
799
border-style: solid;
800
border-color: $border_color;
801
}
802
.side-panel:dir(rtl) {
804
// border-width: 0 0 0 1px;
805
border-style: solid;
806
border-color: $border_color;
807
}
808
.side-panel .view {
810
// background-color: mix(@theme_fg_color, @theme_bg_color, 0.9);
811
background-image: image($alt_base_color);
812
&:hover { background-image: image(mix($fg_color, $alt_base_color, percentage(0.05))); }
814
}
815
.side-panel .view:selected {
817
// background-color: mix(@theme_fg_color, @theme_bg_color, 0.5);
818
background-image: image($primary_color);
819
&:hover { background-image: image(mix($inverse_fg_color, $primary_color, percentage(0.05))); }
821
}
822
.songs-list {
824
// box-shadow: inset 0 -1px shade(@borders, 1.30);
825
// background-color: @theme_bg_color;
826
&:hover { background-image: image($hover_bg_color); }
828
}
829
frame.documents-dropdown {
831
@extend toolbar.osd;
832
margin: 8px;
834
> border { border: none; }
836
}
837
box.vertical > revealer > toolbar.search-bar {
839
border-bottom: 1px solid $border_color;
840
background-clip: border-box; // avoid black border
841
button > widget {
843
-gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
844
// -GtkArrow-arrow-scaling: 1;
845
}
846
}
847
/*********
850
* To Do *
851
*********/
852
// less than 3.28
853
task-list-view {
854
taskrow {
855
transition: $shorter_transition;
856
margin: 0 -8px;
857
&:hover { transition: none; }
859
label { margin: 0 8px; }
861
image.dim-label { min-width: 16px; }
863
}
864
> box > revealer > box > button {
866
margin: (12px * 2 - $medium_size) / 2;
867
.dim-label { opacity: 1; }
869
}
870
}
871
// 3.28 or later
873
tasklistview {
874
taskrow {
875
outline: none;
876
entry {
878
&, &:focus, &:disabled { box-shadow: none; }
879
}
880
image.dim-label { min-width: 16px; }
882
}
883
> box > revealer > box > button {
885
margin: (12px * 2 - $medium_size) / 2;
886
.dim-label { opacity: 1; }
888
}
889
}
890
/*******
893
* eog *
894
*******/
895
#eog-thumb-nav {
896
scrolledwindow { border-top: none; }
897
button { -gtk-outline-radius: $material_radius; }
899
}
900
/*************
903
* Evolution *
904
*************/
905
frame.taskbar > border { border-style: solid none none; }
906
box.vertical > paned.horizontal notebook widget .frame { border-style: none; }
908
/********
911
* gitg *
912
********/
913
frame.commit-frame > border { border-style: solid none none; }
914
/**************
917
* Characters *
918
**************/
919
box.dialog-vbox scrolledwindow.related { border: 1px solid $border_color; }
920
list.categories { background-image: image($alt_base_color); }
922
/*********
925
* Boxes *
926
*********/
927
.transparent-bg + stack overlay > label {
928
min-height: 24px;
929
padding: 0 4px;
930
border-radius: $material_radius;
931
background-color: $panel_bg_color;
932
color: $inverse_fg_color;
933
}
934
/**************
937
* Calculator *
938
**************/
939
button.title label { min-height: $medium_size; }
940
/*********
943
* Geary *
944
*********/
945
// fix a issue that separator seems double
946
.geary-titlebar-left {
947
&:dir(ltr) {
948
margin-right: 5px;
949
padding-right: 0;
950
}
951
&:dir(rtl) {
953
margin-left: 5px;
954
padding-left: 0;
955
}
956
> separator { background-color: rgba(black, 0.05); }
958
}
959
.geary-titlebar-right {
961
&:dir(ltr) { margin-left: -5px; }
962
&:dir(rtl) { margin-right: -5px; }
964
}
965