Mercurial > repos > other > Adwaita-Dark-Green
comparison gtk-4.4/gtk.scss @ 113:3a790d4649eb default tip
Fix GTK4/Adwaita outline and background issues
* Views are now used in popovers but shouldn't have
"normal" view background colour
* Flat buttons should be flat, not bordered/outlines
* Spinbuttons in lists don't need outlines on their buttons
author | IBBoard <dev@ibboard.co.uk> |
---|---|
date | Sun, 01 May 2022 11:34:31 +0100 |
parents | 374207f64e2f |
children |
comparison
equal
deleted
inserted
replaced
112:bba406abe07c | 113:3a790d4649eb |
---|---|
364 } | 364 } |
365 &:backdrop { background-color: $selected_bg_color; } | 365 &:backdrop { background-color: $selected_bg_color; } |
366 } | 366 } |
367 } | 367 } |
368 | 368 |
369 list, list-row, list-row.button { | 369 popover .view { |
370 background-color: transparent; | |
371 } | |
372 | |
373 list:not(.view), list-row, list-row.button { | |
370 background-color: darken($text_input_color, 6%); | 374 background-color: darken($text_input_color, 6%); |
371 &:backdrop, &:backdrop:hover { | 375 &:backdrop, &:backdrop:hover { |
372 color: $backdrop_text_color; | 376 color: $backdrop_text_color; |
373 background-color: darken($backdrop_text_input_color, 6%); | 377 background-color: darken($backdrop_text_input_color, 6%); |
374 } | 378 } |
603 } | 607 } |
604 } | 608 } |
605 } | 609 } |
606 | 610 |
607 button { | 611 button { |
612 &.flat { | |
613 // FIXME: Not changing the outline! | |
614 outline-width: 0; | |
615 outline-color: transparent; | |
616 } | |
608 &.suggested-action { | 617 &.suggested-action { |
609 @include button(normal, $selected_bg_color, white); | 618 @include button(normal, $selected_bg_color, white); |
610 &.flat { | 619 &.flat { |
611 @include button(undecorated); | 620 @include button(undecorated); |
612 | 621 |
644 | 653 |
645 color: transparentize($selected_bg_color, 0.2); | 654 color: transparentize($selected_bg_color, 0.2); |
646 } | 655 } |
647 } | 656 } |
648 } | 657 } |
658 } | |
659 | |
660 list spinbutton button.image-button:not(.toggle) { | |
661 outline-width: 0; | |
649 } | 662 } |
650 | 663 |
651 popover.background { | 664 popover.background { |
652 .csd & { | 665 .csd & { |
653 $_popover_border: if($variant=='light', transparentize(black, 0.6), transparentize(black, 0.25)); | 666 $_popover_border: if($variant=='light', transparentize(black, 0.6), transparentize(black, 0.25)); |