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 > entry {
241
border-radius: $material_radius;
242
.gedit-search-entry-occurrences-tag {
244
all: unset;
245
color: $hint_fg_color;
246
}
247
$buttons_width: $small_size * 2 + $container_padding * 3;
249
&:dir(ltr) {
251
margin-right: -$buttons_width;
252
padding-right: $buttons_width;
253
.gedit-search-entry-occurrences-tag { margin-left: $container_padding; }
255
image.right { margin-right: 0; }
257
}
258
&:dir(rtl) {
260
margin-left: -$buttons_width;
261
padding-left: $buttons_width;
262
.gedit-search-entry-occurrences-tag { margin-right: $container_padding; }
264
image.left { margin-left: 0; }
266
}
267
&:not(.error) { background-color: $popup_bg_color; }
269
&.error ~ button {
271
color: $inverse_secondary_fg_color;
272
&:hover, &:active { color: $inverse_fg_color; }
274
&:disabled { color: $inverse_disabled_secondary_fg_color; }
276
}
277
}
278
.linked > button {
280
border: solid $container_padding transparent;
281
border-radius: $circular_radius;
282
@extend %simple_flat_button;
284
@extend %small_button;
285
&:last-child:dir(ltr),
287
&:not(:first-child):dir(rtl) { margin-left: -$container_padding / 2; }
288
&:first-child:dir(rtl),
290
&:not(:last-child):dir(ltr) { margin-right: -$container_padding / 2; }
291
}
292
}
293
frame.gedit-map-frame > border {
295
&:dir(ltr) { border-style: none none none solid; }
296
&:dir(rtl) { border-style: none solid none none; }
297
}
298
/**********
301
* Tweaks *
302
**********/
303
// hard-coded css:
304
// https://gitlab.gnome.org/GNOME/gnome-tweaks/blob/master/data/shell.css
305
// the sidebar
307
.tweak-categories {
308
// padding: 4px 0;
309
// background-color: shade(@theme_bg_color, 0.99);
310
background-image: image($alt_base_color);
311
separator { @extend %hide_separators; }
313
}
314
.tweak {
316
// padding-top: 3px;
317
padding: 3px;
318
&.title:hover { box-shadow: none; }
320
}
321
.tweak-group-white,
323
.tweak-white,
324
.tweak-white:hover {
325
// background-color: white;
326
background-image: image($base_color);
327
}
328
.tweak-startup,
330
.tweak-startup:hover {
331
// background-color: lighter(shade(@theme_bg_color, 0.9));
332
background-image: image($base_color);
333
}
334
.tweak-group-startup {
336
// background-color: @view_separators;
337
background-image: image($base_color);
338
border: 1px solid $border_color;
339
}
340
//
342
// Workaround for 3.26
343
//
344
row#Focus,
346
row#ClickMethod,
347
row#StaticWorkspaceTweak, // for 3.26.0
348
row#dynamic-workspaces,
349
row#PrimaryWorkspaceTweak, // for 3.26.0
350
row#workspaces-only-on-primary {
351
padding: 0;
352
border: 1px solid $border_color;
353
row:not(:last-child) { border-bottom: 1px solid $border_color; }
355
&.tweak > list { margin-top: -3px; }
357
}
358
// Add more spaces between title and list
360
row#Focus,
361
row#ClickMethod,
362
row#PrimaryWorkspaceTweak, // for 3.26.0
363
row#workspaces-only-on-primary {
364
margin-top: 4px;
365
}
366
/***********
369
* Builder *
370
***********/
371
// based css for 3.22:
372
// https://gitlab.gnome.org/GNOME/gnome-builder/tree/gnome-builder-3-22/data/theme
373
// based css for 3.24:
374
// https://gitlab.gnome.org/GNOME/gnome-builder/tree/gnome-builder-3-24/data/theme
375
// based css for 3.26:
376
// https://gitlab.gnome.org/GNOME/gnome-builder/tree/gnome-builder-3-26/data/themes
377
// Layout tab and tab bar tweaks
379
// The following makes the layout stack header look similar to a tab bar.
380
layouttabbar {
381
border-bottom: 1px solid $border_color;
382
background-color: $bg_color;
383
button { @extend %flat_button; }
385
> box > button {
387
margin: (40px - $medium_size) / 2 0;
388
// border-radius: 0;
389
}
390
}
391
layouttab {
393
margin: 0 8px; // not working
394
border-style: none solid;
395
border-width: 1px;
396
border-color: $border_color;
397
box-shadow: inset 0 -2px $primary_color;
398
background-color: $base_color;
399
separator.vertical { margin: 8px 4px; }
401
button {
403
&.text-button, &.image-button, & {
404
margin-top: 8px;
405
margin-bottom: 8px;
406
padding: 0 4px;
407
}
408
}
409
// Close button styling for layouttab.
411
// > box > button.close { @extend %circular_button; }
412
}
413
layout {
415
border: 1px solid $border_color;
416
-PnlDockBin-handle-size: 1;
417
}
418
entry.search-missing {
420
background-color: $error_color;
421
color: $inverse_fg_color;
422
}
423
// tweak icons for treeviews
425
window.workbench treeview.image {
426
color: $secondary_fg_color;
427
&:selected { color: $inverse_secondary_fg_color; }
429
}
430
popover.popover-selector list {
432
padding: 8px - 2px;
433
row {
435
border-radius: $material_radius;
436
image {
438
&:dir(ltr) { margin-right: 6px; }
439
&:dir(rtl) { margin-left: 6px; }
440
}
441
.accel {
443
&:dir(ltr) { margin-left: 6px; }
444
&:dir(rtl) { margin-right: 6px; }
445
}
446
}
447
}
448
omnibar {
450
&.linked:not(.vertical) entry { border-radius: $material_radius; }
451
&:not(:hover):not(:active) entry { color: $secondary_fg_color; }
453
}
454
popover.omnibar list row:not(:last-child) {
456
border-bottom: 1px solid $border_color;
457
}
458
entry.preferences-search {
460
@extend %entry.flat;
461
box-shadow: inset 0 -1px $border_color;
463
background-color: $base_color;
464
// doesn't work properly
466
// &:dir(ltr) { border-right: 1px solid $border_color; }
467
// &:dir(rtl) { border-left: 1px solid $border_color; }
468
}
469
preferences stacksidebar.sidebar {
471
list { background-color: $alt_base_color; }
472
&:dir(ltr),
474
&:dir(rtl) { list { border-style: none; }}
475
list separator { @extend %hide_separators; }
477
}
478
preferences > box > box {
480
&:dir(ltr) { border-right: 1px solid $border_color; }
481
&:dir(rtl) { border-left: 1px solid $border_color; }
482
}
483
popover.messagepopover {
485
&.background { padding: 0; }
486
.popover-action-area button {
488
@extend %simple_flat_button;
489
padding: 8px 16px;
491
border-top: 1px solid $border_color;
492
border-radius: 0;
493
&:first-child { border-bottom-left-radius: $material_radius; }
495
&:last-child { border-bottom-right-radius: $material_radius; }
497
}
498
.popover-content-area { margin: 16px; }
500
}
501
popover.transfers list {
503
background-color: transparent;
504
row:not(:first-child) { border-top: 1px solid $border_color; }
506
row > box { padding: 10px; }
508
}
509
dockbin {
511
border: 1px solid $border_color;
512
-PnlDockBin-handle-size: 1;
513
}
514
dockpaned {
516
border: 1px solid $border_color;
517
}
518
eggsearchbar box.search-bar {
520
padding: 0 8px;
521
border-bottom: 1px solid $border_color;
522
background-color: $bg_color;
523
}
524
docktabstrip {
526
padding: 0 8px;
527
border-bottom: 1px solid $border_color;
528
background-color: $bg_color;
529
}
530
docktab {
532
transition: $shorter_transition,
533
background-size 0,
534
background-image 0;
535
min-height: $small_size;
536
min-width: $small_size;
537
margin-bottom: -1px;
538
padding: $container_padding 6px;
539
outline-offset: -6px;
541
border-width: 1px; // for reorderable tabs
543
border-color: transparent; //
544
box-shadow: inset 0 -2px transparent;
546
background-image: radial-gradient(circle farthest-corner at center,
547
$primary_color 10%,
548
transparent 0%);
549
background-repeat: no-repeat;
550
background-position: center;
551
background-size: 0% 0%;
552
color: $secondary_fg_color;
554
font-weight: 500;
555
&:hover {
557
background-color: $hover_bg_color;
558
color: $fg_color;
559
}
560
&:checked {
562
transition: $shorter_transition,
563
background-size $longer_duration $deceleration_curve,
564
background-image $longer_duration + $ripple_duration $deceleration_curve;
565
box-shadow: inset 0 -2px $primary_color;
566
background-color: transparent;
567
background-image: radial-gradient(circle farthest-corner at center,
568
transparent 10%,
569
transparent 0%);
570
background-size: 1000% 1000%;
571
color: $fg_color;
572
}
573
}
574
dockoverlayedge {
576
background-color: $bg_color;
577
docktabstrip {
579
padding: 0;
580
border: none;
581
}
582
&.left-edge docktab {
584
&:hover { box-shadow: inset -2px 0 $track_color; }
585
&:checked { box-shadow: inset -2px 0 $primary_color; }
586
}
587
&.right-edge docktab {
589
&:hover { box-shadow: inset 2px 0 $track_color; }
590
&:checked { box-shadow: inset 2px 0 $primary_color; }
591
}
592
}
593
pillbox {
595
background-color: $bg_color;
596
border-radius: $material_radius;
597
}
598
buildperspective row {
600
// padding: 10px;
601
}
602
layoutpane entry.search {
604
@extend %entry.flat;
605
box-shadow: inset 0 -1px $border_color;
607
background-color: $base_color;
608
}
609
editortweak entry.search {
611
@extend %entry.flat;
612
margin-bottom: -1px;
614
box-shadow: none;
615
}
616
//
618
// let's tweak hard-coded elements
619
//
620
.gb-search-entry-occurrences-tag {
622
box-shadow: none;
623
background-color: transparent;
624
}
625
// Keep search bar and layouttab height in sync.
627
// layouttabbar > box,
628
// eggsearchbar > revealer > box,
629
docktabstrip {
630
min-height: 39px;
631
}
632
eggsearchbar entry {
634
// min-height: 24px;
635
}
636
window.workbench preferences preferencesgroup list entry {
638
// background: none;
639
// min-height: 0px;
640
padding-top: 8px;
641
padding-bottom: 8px;
642
}
643
button.run-arrow-button {
645
// min-width: 12px;
646
padding-left: ($medium_size - 16px) / 2;
647
padding-right: ($medium_size - 16px) / 2;
648
}
649
//
651
// Additional styles for 3.26
652
//
653
button.dzlmenubutton image {
655
min-width: $medium_size - 6px;
656
&.arrow { min-width: $medium_size - 9px; }
658
}
659
button.dzlmenubuttonitem {
661
color: $fg_color;
662
font-weight: normal;
663
&:disabled { color: $disabled_fg_color; }
665
}
666
idelayoutstackheader {
668
border-bottom: 1px solid $border_color;
669
button:checked { color: $fg_color; }
671
}
672
// utilities stack switcher
674
ideeditorutilities > dzldockpaned > box > stackswitcher {
675
padding: 8px 0;
676
background-color: $bg_color;
677
&:dir(ltr) { border-right: 1px solid $border_color; }
679
&:dir(rtl) { border-left: 1px solid $border_color; }
681
button {
683
border-radius: 0;
684
outline-offset: -6px;
685
box-shadow: none;
686
background-color: transparent;
687
&:active {
689
background-image: radial-gradient(circle farthest-corner at center,
690
rgba($primary_color, 0.7) 10%,
691
transparent 0%);
692
}
693
&:checked {
695
background-color: transparent;
696
color: $fg_color;
697
}
698
&:dir(ltr) {
700
margin-right: -1px;
701
&:hover { box-shadow: inset -2px 0 $track_color; }
703
&:active,
705
&:checked { box-shadow: inset -2px 0 $primary_color; }
706
}
707
&:dir(rtl) {
709
margin-left: -1px;
710
&:hover { box-shadow: inset 2px 0 $track_color; }
712
&:active,
714
&:checked { box-shadow: inset 2px 0 $primary_color; }
715
}
716
}
717
}
718
// buildui panel
720
ideeditorsidebar notebook header {
721
background: transparent;
722
}
723
popover.messagepopover {
725
// padding: 0;
726
list {
728
border: 1px solid $border_color;
729
row:not(:last-child) { border-bottom: 1px solid $border_color; }
731
}
732
}
733
/**********
736
* Photos *
737
**********/
738
// based css:
739
// https://gitlab.gnome.org/GNOME/gnome-photos/blob/master/data/Adwaita.css
740
GdMainIconView.content-view {
742
-GdMainIconView-icon-size: 48;
743
// Make spinner visible on both dark and bright backgrounds w/o making
745
// it look ugly/weird.
746
// &.cell:active { color: $hint_fg_color; }
747
}
748
.documents-counter {
750
margin: 8px;
751
border-radius: $circular_radius;
752
box-shadow: $shadow_2;
753
background-color: $secondary_color;
754
color: $inverse_fg_color;
755
font-weight: bold;
756
}
757
.photos-entry-tag {
759
@extend .entry-tag;
760
}
761
.documents-scrolledwin.frame {
763
border-style: none;
764
frame.content-view > border { border-style: none; }
766
}
767
.photos-icon-bg {
769
}
770
.photos-fade-in {
772
opacity: 1;
773
transition: opacity $shorter_duration $deceleration_curve;
774
}
775
.photos-fade-out {
777
opacity: 0;
778
transition: opacity $shorter_duration $deceleration_curve;
779
}
780
.photos-collection-icon {
782
}
783
overlay grid.horizontal > revealer > scrolledwindow.frame {
785
&:dir(ltr) { border-style: none none none solid; }
786
&:dir(rtl) { border-style: none solid none none; }
787
}
788
/*********
791
* Music *
792
*********/
793
// hard-coded css:
794
// https://gitlab.gnome.org/GNOME/gnome-music/blob/master/data/application.css
795
.side-panel:dir(ltr) {
797
// border-width: 0 1px 0 0;
798
border-style: solid;
799
border-color: $border_color;
800
}
801
.side-panel:dir(rtl) {
803
// border-width: 0 0 0 1px;
804
border-style: solid;
805
border-color: $border_color;
806
}
807
.side-panel .view {
809
// background-color: mix(@theme_fg_color, @theme_bg_color, 0.9);
810
background-image: image($alt_base_color);
811
&:hover { background-image: image(mix($fg_color, $alt_base_color, percentage(0.05))); }
813
}
814
.side-panel .view:selected {
816
// background-color: mix(@theme_fg_color, @theme_bg_color, 0.5);
817
background-image: image($primary_color);
818
&:hover { background-image: image(mix($inverse_fg_color, $primary_color, percentage(0.05))); }
820
}
821
.songs-list {
823
// box-shadow: inset 0 -1px shade(@borders, 1.30);
824
// background-color: @theme_bg_color;
825
&:hover { background-image: image($hover_bg_color); }
827
}
828
frame.documents-dropdown {
830
@extend toolbar.osd;
831
margin: 8px;
833
> border { border: none; }
835
}
836
box.vertical > revealer > toolbar.search-bar {
838
border-bottom: 1px solid $border_color;
839
background-clip: border-box; // avoid black border
840
button > widget {
842
-gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
843
// -GtkArrow-arrow-scaling: 1;
844
}
845
}
846
/*********
849
* To Do *
850
*********/
851
// less than 3.28
852
task-list-view {
853
taskrow {
854
transition: $shorter_transition;
855
margin: 0 -8px;
856
&:hover { transition: none; }
858
label { margin: 0 8px; }
860
image.dim-label { min-width: 16px; }
862
}
863
> box > revealer > box > button {
865
margin: (12px * 2 - $medium_size) / 2;
866
.dim-label { opacity: 1; }
868
}
869
}
870
// 3.28 or later
872
tasklistview {
873
taskrow {
874
outline: none;
875
entry {
877
&, &:focus, &:disabled { box-shadow: none; }
878
}
879
image.dim-label { min-width: 16px; }
881
}
882
> box > revealer > box > button {
884
margin: (12px * 2 - $medium_size) / 2;
885
.dim-label { opacity: 1; }
887
}
888
}
889
/*******
892
* eog *
893
*******/
894
#eog-thumb-nav {
895
scrolledwindow { border-top: none; }
896
button { -gtk-outline-radius: $material_radius; }
898
}
899
/*************
902
* Evolution *
903
*************/
904
frame.taskbar > border { border-style: solid none none; }
905
box.vertical > paned.horizontal notebook widget .frame { border-style: none; }
907
/********
910
* gitg *
911
********/
912
frame.commit-frame > border { border-style: solid none none; }
913
/**************
916
* Characters *
917
**************/
918
box.dialog-vbox scrolledwindow.related { border: 1px solid $border_color; }
919
list.categories { background-image: image($alt_base_color); }
921
/*********
924
* Boxes *
925
*********/
926
.transparent-bg + stack overlay > label {
927
min-height: 24px;
928
padding: 0 4px;
929
border-radius: $material_radius;
930
background-color: $panel_bg_color;
931
color: $inverse_fg_color;
932
}
933
/**************
936
* Calculator *
937
**************/
938
button.title label { min-height: $medium_size; }
939
/*********
942
* Geary *
943
*********/
944
// fix a issue that separator seems double
945
.geary-titlebar-left {
946
&:dir(ltr) {
947
margin-right: 5px;
948
padding-right: 0;
949
}
950
&:dir(rtl) {
952
margin-left: 5px;
953
padding-left: 0;
954
}
955
> separator { background-color: rgba(black, 0.05); }
957
}
958
.geary-titlebar-right {
960
&:dir(ltr) { margin-left: -5px; }
961
&:dir(rtl) { margin-right: -5px; }
963
}
964