ASCII text
1
/************
2
* Nautilus *
3
************/
4
// based css:
5
// https://git.gnome.org/browse/nautilus/tree/src/resources/css/Adwaita.css
6
// hard-coded css:
7
// https://git.gnome.org/browse/nautilus/tree/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
// @extend .dim-label;
22
}
23
.nautilus-desktop.nautilus-canvas-item:not(:selected) {
25
// background-color: rgba($black, $lower_opacity);
26
color: $inverse_fg_color;
27
text-shadow: $shadow_1;
28
}
29
// Toolbar
31
@keyframes needs_attention_keyframes {
32
to { background-color: $fill_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
// Floating status bar
44
.nautilus-window .floating-bar {
45
@extend %osd;
46
// @extend .toolbar.osd;
48
min-height: 32px;
50
padding: 0;
51
border-style: solid solid none;
52
border-width: 1px;
53
border-color: $border_color;
54
border-radius: (2px + 1px) (2px + 1px) 0 0;
55
background-color: $base_color;
56
background-clip: $extra_background_clip;
57
transition: $longer_transition, border-width 0;
58
&.bottom.left { // axes left border and border radius
60
margin-right: 8px - 1px;
61
border-left-style: none;
62
border-top-left-radius: 0;
63
}
64
&.bottom.right { // axes right border and border radius
66
margin-left: 8px - 1px;
67
border-right-style: none;
68
border-top-right-radius: 0;
69
}
70
button {
72
margin: (32px - $small_size) / 2;
73
@extend %small_button;
75
}
76
}
77
.disk-space-display {
79
// border-style: solid;
80
// border-width: 2px;
81
&.unknown { background-color: $warning_color; }
83
&.used { background-color: $primary_color; }
85
&.free { background-color: $divider_color; }
87
}
88
// View
90
// Hide superfluous treeview drop target indication
91
.nautilus-list-view .view:not(.dnd) {
92
// border-bottom: 1px solid $border_color;
93
}
94
.documents-entry-tag {
96
@extend .entry-tag;
97
}
98
// Workaround for the double border of the searchbar since we use a revealer which
100
// always allocates at least 1 pixel
101
.nautilus-window {
102
searchbar { border-top: 1px solid $border_color; }
103
.searchbar-container { margin-top: -1px; }
105
}
106
.conflict-row:not(:selected) { background-color: mix($warning_color, $base_color, percentage($lower_opacity)); }
108
// Icon view
110
.nautilus-window flowboxchild {
111
// > widget > box > .icon-background { background-color: black; }
112
> widget > .icon-item-background {
114
padding: 4px;
115
border-radius: $material_radius;
116
}
117
&:selected {
119
background-color: transparent;
120
> widget > .icon-item-background { background-color: $primary_color; }
122
}
123
}
124
// Batch rename dialog
126
dialog.background > box.dialog-vbox.vertical > grid.horizontal {
127
> scrolledwindow.frame { border-style: none; }
128
> box.horizontal:last-child {
130
margin: -6px 0 0 -6px;
131
border-top: 1px solid $border_color;
132
> label { margin: 0 8px; }
134
> box > button { border-radius: 0; }
136
}
137
}
138
// Tweak to fix the messy sizing of the popover menu
140
.nautilus-window > popover.menu:not(:last-child) {
141
padding: 3px;
142
> stack > box > box > box {
144
margin-top: -6px;
145
> box {
147
margin-bottom: -6px;
148
&.linked { margin-top: 1px; }
150
}
151
}
152
separator { margin-bottom: -2px; }
154
}
155
.nautilus-menu-sort-heading {
157
// min-height: 26px;
158
// padding-left: 5px;
159
// padding-right: 5px;
160
margin: 1px 3px;
161
font-weight: 500;
162
&:disabled { color: $hint_fg_color; }
164
}
165
// Make operations button circular
167
.nautilus-window headerbar > revealer > button { @extend %circular_button; }
168
// Ensure paned separator rendering. See issue #84 for details.
170
.nautilus-window paned > separator { background-color: $bg_color; }
171
/*********
174
* gedit *
175
*********/
176
// based css:
177
// https://git.gnome.org/browse/gedit/tree/gedit/resources/css/gedit.adwaita.css
178
// hard-coded css:
179
// https://git.gnome.org/browse/gedit/tree/gedit/resources/css/gedit-style.css
180
// Only normal state is handle
182
.open-document-selector-name-label {
183
// font-weight: bold;
184
}
185
// Only normal state is handle
187
.open-document-selector-path-label {
188
color: $secondary_fg_color;
189
font-size: smaller;
190
&:selected { color: $inverse_secondary_fg_color; }
192
}
193
.gedit-document-panel {
195
background-color: $lighter_bg_color;
196
// Try to look as the notebook tab close button
198
row button.flat {
199
margin-top: 8px;
200
margin-bottom: 8px;
201
@extend %small_button;
203
}
204
}
205
.gedit-document-panel-group-row:not(:first-child) {
207
border-top: 1px solid $border_color;
208
}
209
.gedit-side-panel-paned statusbar {
211
border-top: 1px solid $border_color;
212
}
213
.gedit-search-slider {
215
margin: 4px 4px 8px;
216
entry {
218
&:dir(ltr),
219
&:dir(rtl) { // specificity bump
220
border-radius: 2px;
221
.gedit-search-entry-occurrences-tag {
223
all: unset;
224
color: $hint_fg_color;
225
}
226
}
227
$buttons_width: $small_size * 2 + $container_padding * 3;
229
&:dir(ltr) {
231
margin-right: -$buttons_width;
232
padding-right: $buttons_width;
233
.gedit-search-entry-occurrences-tag { margin-left: $container_padding; }
235
image.right { margin-right: 0; }
237
}
238
&:dir(rtl) {
240
margin-left: -$buttons_width;
241
padding-left: $buttons_width;
242
.gedit-search-entry-occurrences-tag { margin-right: $container_padding; }
244
image.left { margin-left: 0; }
246
}
247
&.error ~ button {
249
color: $inverse_secondary_fg_color;
250
&:hover, &:active { color: $inverse_fg_color; }
252
&:disabled { color: $inverse_disabled_secondary_fg_color; }
254
}
255
}
256
button {
258
border: solid $container_padding transparent;
259
@extend %simple_flat_button;
261
&:dir(ltr),
263
&:dir(rtl) { @extend %small_button; } // specificity bump
264
&:last-child:dir(ltr),
266
&:not(:first-child):dir(rtl) { margin-left: -$container_padding / 2; }
267
&:first-child:dir(rtl),
269
&:not(:last-child):dir(ltr) { margin-right: -$container_padding / 2; }
270
}
271
}
272
frame.gedit-map-frame > border {
274
&:dir(ltr) { border-style: none none none solid; }
275
&:dir(rtl) { border-style: none solid none none; }
276
}
277
/**************
280
* Tweak Tool *
281
**************/
282
// hard-coded css:
283
// https://git.gnome.org/browse/gnome-tweak-tool/tree/data/shell.css
284
// the sidebar
286
.tweak-categories {
287
// padding: 4px 0;
288
// background-color: shade(@theme_bg_color, 0.99);
289
background-image: image($lighter_bg_color);
290
separator { @extend %hide_separators; }
292
}
293
.tweak {
295
// padding-top: 3px;
296
padding: 3px;
297
&.title:hover { box-shadow: none; }
299
}
300
.tweak-group-white,
302
.tweak-white,
303
.tweak-white:hover {
304
// background-color: white;
305
background-image: image($base_color);
306
}
307
.tweak-startup,
309
.tweak-startup:hover {
310
// background-color: lighter(shade(@theme_bg_color, 0.9));
311
background-image: image($base_color);
312
}
313
.tweak-group-startup {
315
// background-color: @view_separators;
316
background-image: image($base_color);
317
border: 1px solid $border_color;
318
}
319
// Workaround for 3.26
321
row#Focus,
323
row#StaticWorkspaceTweak,
324
row#PrimaryWorkspaceTweak {
325
padding: 0;
326
border: 1px solid $border_color;
327
row:not(:last-child) { border-bottom: 1px solid $border_color; }
329
}
330
// Add more spaces between title and list
332
row#Focus,
333
row#PrimaryWorkspaceTweak {
334
margin-top: 4px;
335
}
336
/***********
339
* Builder *
340
***********/
341
// based css:
342
// https://git.gnome.org/browse/gnome-builder/tree/data/theme
343
// hard-coded css:
344
// https://git.gnome.org/browse/gnome-builder/tree/data/theme/shared.css
345
// Layout tab and tab bar tweaks
347
// The following makes the layout stack header look similar to a tab bar.
348
layouttabbar {
349
border-bottom: 1px solid $border_color;
350
background-color: $bg_color;
351
button { @extend %flat_button; }
353
> box > button {
355
margin: (40px - $medium_size) / 2 0;
356
// border-radius: 0;
357
}
358
}
359
layouttab {
361
margin: 0 8px; // not working
362
border-style: none solid;
363
border-width: 1px;
364
border-color: $border_color;
365
box-shadow: inset 0 -2px $primary_color;
366
background-color: $base_color;
367
separator.vertical { margin: 8px 4px; }
369
button {
371
&.text-button, &.image-button, & {
372
margin-top: 8px;
373
margin-bottom: 8px;
374
padding: 0 4px;
375
}
376
}
377
// Close button styling for layouttab.
379
// > box > button.close { @extend %circular_button; }
380
}
381
layout {
383
border: 1px solid $border_color;
384
-PnlDockBin-handle-size: 1;
385
}
386
entry.search-missing {
388
background-color: $error_color;
389
color: $inverse_fg_color;
390
}
391
// tweak icons for treeviews
393
window.workbench treeview.image {
394
color: $secondary_fg_color;
395
&:selected { color: $inverse_secondary_fg_color; }
397
}
398
popover.popover-selector list {
400
padding: 8px - 2px;
401
row {
403
border-radius: 2px;
404
image {
406
&:dir(ltr) { margin-right: 6px; }
407
&:dir(rtl) { margin-left: 6px; }
408
}
409
.accel {
411
&:dir(ltr) { margin-left: 6px; }
412
&:dir(rtl) { margin-right: 6px; }
413
}
414
}
415
}
416
omnibar {
418
&.linked:not(.vertical) entry { border-radius: 2px; }
419
&:not(:hover):not(:active) entry { color: $secondary_fg_color; }
421
}
422
popover.omnibar list row:not(:last-child) {
424
border-bottom: 1px solid $border_color;
425
}
426
entry.preferences-search {
428
@extend %entry.flat;
429
box-shadow: inset 0 -1px $border_color;
431
background-color: $base_color;
432
// doesn't work properly
434
// &:dir(ltr) { border-right: 1px solid $border_color; }
435
// &:dir(rtl) { border-left: 1px solid $border_color; }
436
}
437
preferences stacksidebar.sidebar {
439
list { background-color: $lighter_bg_color; }
440
&:dir(ltr),
442
&:dir(rtl) { list { border-style: none; }}
443
list separator { @extend %hide_separators; }
445
}
446
preferences > box > box {
448
&:dir(ltr) { border-right: 1px solid $border_color; }
449
&:dir(rtl) { border-left: 1px solid $border_color; }
450
}
451
popover.messagepopover {
453
&.background { padding: 0; }
454
.popover-action-area button {
456
@extend %simple_flat_button;
457
padding: 8px 16px;
459
border-top: 1px solid $border_color;
460
border-radius: 0;
461
&:first-child { border-bottom-left-radius: 2px; }
463
&:last-child { border-bottom-right-radius: 2px; }
465
}
466
.popover-content-area { margin: 16px; }
468
}
469
popover.transfers list {
471
background-color: transparent;
472
row:not(:first-child) { border-top: 1px solid $border_color; }
474
row > box { padding: 10px; }
476
}
477
dockbin {
479
border: 1px solid $border_color;
480
-PnlDockBin-handle-size: 1;
481
}
482
dockpaned {
484
border: 1px solid $border_color;
485
}
486
eggsearchbar box.search-bar {
488
padding: 0 8px;
489
border-bottom: 1px solid $border_color;
490
background-color: $bg_color;
491
}
492
docktabstrip {
494
padding: 0 8px;
495
border-bottom: 1px solid $border_color;
496
background-color: $bg_color;
497
}
498
docktab {
500
transition: $longer_transition,
501
background-size 0,
502
background-image 0;
503
min-height: $small_size;
504
min-width: $small_size;
505
margin-bottom: -1px;
506
padding: $container_padding 6px;
507
outline-offset: -6px;
509
border-width: 1px; // for reorderable tabs
511
border-color: transparent; //
512
background-image: radial-gradient(circle farthest-corner at center,
514
$primary_color 10%,
515
transparent 0%);
516
background-repeat: no-repeat;
517
background-position: center;
518
background-size: 0% 0%;
519
color: $secondary_fg_color;
521
font-weight: 500;
522
&:hover {
524
box-shadow: inset 0 -2px $track_color;
525
color: $fg_color;
526
}
527
&:checked {
529
transition: $longer_transition,
530
background-size $longer_duration $deceleration_curve,
531
background-image $longer_duration + $ripple_duration $deceleration_curve;
532
box-shadow: inset 0 -2px $primary_color;
533
background-image: radial-gradient(circle farthest-corner at center,
534
transparent 10%,
535
transparent 0%);
536
background-size: 1000% 1000%;
537
color: $fg_color;
538
}
539
}
540
dockoverlayedge {
542
background-color: $bg_color;
543
docktabstrip {
545
padding: 0;
546
border: none;
547
}
548
&.left-edge docktab {
550
&:hover { box-shadow: inset -2px 0 $track_color; }
551
&:checked { box-shadow: inset -2px 0 $primary_color; }
552
}
553
&.right-edge docktab {
555
&:hover { box-shadow: inset 2px 0 $track_color; }
556
&:checked { box-shadow: inset 2px 0 $primary_color; }
557
}
558
}
559
pillbox {
561
background-color: $bg_color;
562
border-radius: 2px;
563
}
564
buildperspective row {
566
// padding: 10px;
567
}
568
layoutpane entry.search {
570
@extend %entry.flat;
571
box-shadow: inset 0 -1px $border_color;
573
background-color: $base_color;
574
}
575
editortweak entry.search {
577
@extend %entry.flat;
578
margin-bottom: -1px;
580
box-shadow: none;
581
}
582
//
584
// let's tweak hard-coded elements
585
//
586
.gb-search-entry-occurrences-tag {
588
box-shadow: none;
589
background-color: transparent;
590
}
591
// Keep search bar and layouttab height in sync.
593
// layouttabbar > box,
594
// eggsearchbar > revealer > box,
595
docktabstrip {
596
min-height: 39px;
597
}
598
eggsearchbar entry {
600
// min-height: 24px;
601
}
602
window.workbench preferences preferencesgroup list entry {
604
// background: none;
605
// min-height: 0px;
606
padding-top: 8px;
607
padding-bottom: 8px;
608
}
609
button.run-arrow-button {
611
// min-width: 12px;
612
padding-left: ($medium_size - 16px) / 2;
613
padding-right: ($medium_size - 16px) / 2;
614
}
615
//
617
// Additional styles for 3.26
618
//
619
button.dzlmenubutton image {
621
min-width: $medium_size - 6px;
622
&.arrow { min-width: $medium_size - 9px; }
624
}
625
button.dzlmenubuttonitem {
627
color: $fg_color;
628
font-weight: normal;
629
&:disabled { color: $disabled_fg_color; }
631
}
632
idelayoutstackheader {
634
border-bottom: 1px solid $border_color;
635
button:checked { color: $fg_color; }
637
}
638
// utilities stack switcher
640
ideeditorutilities > dzldockpaned > box > stackswitcher {
641
padding: 8px 0;
642
background-color: $bg_color;
643
&:dir(ltr) { border-right: 1px solid $border_color; }
645
&:dir(rtl) { border-left: 1px solid $border_color; }
647
button {
649
border-radius: 0;
650
outline-offset: -6px;
651
box-shadow: none;
652
background-color: transparent;
653
&:active {
655
background-image: radial-gradient(circle farthest-corner at center,
656
rgba($primary_color, 0.7) 10%,
657
transparent 0%);
658
}
659
&:checked {
661
background-color: transparent;
662
color: $fg_color;
663
}
664
&:dir(ltr) {
666
margin-right: -1px;
667
&:hover { box-shadow: inset -2px 0 $track_color; }
669
&:active,
671
&:checked { box-shadow: inset -2px 0 $primary_color; }
672
}
673
&:dir(rtl) {
675
margin-left: -1px;
676
&:hover { box-shadow: inset 2px 0 $track_color; }
678
&:active,
680
&:checked { box-shadow: inset 2px 0 $primary_color; }
681
}
682
}
683
}
684
// buildui panel
686
ideeditorsidebar notebook header {
687
background: transparent;
688
}
689
popover.messagepopover {
691
// padding: 0;
692
list {
694
border: 1px solid $border_color;
695
row:not(:last-child) { border-bottom: 1px solid $border_color; }
697
}
698
}
699
/**********
702
* Photos *
703
**********/
704
// based css:
705
// https://git.gnome.org/browse/gnome-photos/tree/data/Adwaita.css
706
GdMainIconView.content-view {
708
-GdMainIconView-icon-size: 48;
709
// Make spinner visible on both dark and bright backgrounds w/o making
711
// it look ugly/weird.
712
// &.cell:active { color: $hint_fg_color; }
713
}
714
.documents-counter {
716
margin: 8px;
717
border-radius: $circular_radius;
718
box-shadow: $shadow_2;
719
background-color: $accent_color;
720
color: $inverse_fg_color;
721
font-weight: bold;
722
}
723
.photos-entry-tag {
725
@extend .entry-tag;
726
}
727
.documents-scrolledwin.frame {
729
border-style: none;
730
frame.content-view > border { border-style: none; }
732
}
733
.photos-icon-bg {
735
}
736
.photos-fade-in {
738
opacity: 1;
739
transition: opacity $shorter_duration $deceleration_curve;
740
}
741
.photos-fade-out {
743
opacity: 0;
744
transition: opacity $shorter_duration $deceleration_curve;
745
}
746
.photos-collection-icon {
748
}
749
overlay grid.horizontal > revealer > scrolledwindow.frame {
751
&:dir(ltr) { border-style: none none none solid; }
752
&:dir(rtl) { border-style: none solid none none; }
753
}
754
/*********
757
* Music *
758
*********/
759
// hard-coded css:
760
// https://git.gnome.org/browse/gnome-music/tree/data/application.css
761
.side-panel:dir(ltr) {
763
// border-width: 0 1px 0 0;
764
border-style: solid;
765
border-color: $border_color;
766
}
767
.side-panel:dir(rtl) {
769
// border-width: 0 0 0 1px;
770
border-style: solid;
771
border-color: $border_color;
772
}
773
.side-panel .view {
775
// background-color: mix(@theme_fg_color, @theme_bg_color, 0.9);
776
background-image: image($lighter_bg_color);
777
&:hover { background-image: image(mix($fg_color, $lighter_bg_color, percentage(0.05))); }
779
}
780
.side-panel .view:selected {
782
// background-color: mix(@theme_fg_color, @theme_bg_color, 0.5);
783
background-image: image($primary_color);
784
&:hover { background-image: image(mix($inverse_fg_color, $primary_color, percentage(0.05))); }
786
}
787
.songs-list {
789
// box-shadow: inset 0 -1px shade(@borders, 1.30);
790
// background-color: @theme_bg_color;
791
&:hover { background-image: image($row_fill_color); }
793
}
794
frame.documents-dropdown {
796
@extend toolbar.osd;
797
margin: 8px;
799
> border { border: none; }
801
}
802
box.vertical > revealer > toolbar.search-bar {
804
border-bottom: 1px solid $border_color;
805
background-clip: border-box; // avoid black border
806
button > widget {
808
-gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
809
// -GtkArrow-arrow-scaling: 1;
810
}
811
}
812
/*********
815
* To Do *
816
*********/
817
taskrow {
818
transition: $shorter_transition;
819
margin: 0 -8px;
820
&:hover { transition: none; }
822
label { margin: 0 8px; }
824
image { min-width: 16px; }
826
}
827
task-list-view > box > revealer > box > button {
829
margin: (12px * 2 - $medium_size) / 2;
830
}
831
/*******
834
* eog *
835
*******/
836
#eog-thumb-nav {
837
scrolledwindow { border-top: none; }
838
button { -gtk-outline-radius: 2px; }
840
}
841
/*************
844
* Evolution *
845
*************/
846
frame.taskbar > border { border-style: solid none none; }
847
box.vertical > paned.horizontal notebook widget .frame { border-style: none; }
849
/********
852
* gitg *
853
********/
854
frame.commit-frame > border { border-style: solid none none; }
855
/**************
858
* Characters *
859
**************/
860
box.dialog-vbox scrolledwindow.related { border: 1px solid $border_color; }
861
list.categories { background-image: image($lighter_bg_color); }
863
/*********
866
* Boxes *
867
*********/
868
.transparent-bg + stack overlay > label {
869
min-height: 24px;
870
padding: 0 4px;
871
border-radius: $material_radius;
872
background-color: rgba($black, $lower_opacity);
873
color: $inverse_fg_color;
874
}
875
/**************
878
* Calculator *
879
**************/
880
button.title label { min-height: $medium_size; }
881
/*********
884
* Geary *
885
*********/
886
// fix a issue that separator seems double
887
.geary-titlebar-left {
888
&:dir(ltr) {
889
margin-right: 5px;
890
padding-right: 0;
891
}
892
&:dir(rtl) {
894
margin-left: 5px;
895
padding-left: 0;
896
}
897
> separator { background-color: rgba($black, 0.05); }
899
}
900
.geary-titlebar-right {
902
&:dir(ltr) { margin-left: -5px; }
903
&:dir(rtl) { margin-right: -5px; }
905
}
906