Mercurial > repos > other > Adwaita-Dark-Green
changeset 106:763cdfeaf613
Improve Adwaita recolouring and contrast
* Several widgets have borders/outlines
* Improve radio/checkbutton colouring
* Make dim labels more readable on our darker background
* Make text entry use text entry colours
author | IBBoard <dev@ibboard.co.uk> |
---|---|
date | Thu, 21 Apr 2022 17:19:29 +0100 |
parents | 94ce48857c6d |
children | 8a89ac1d5791 |
files | gtk-4.4/gtk-minimal.css gtk-4.4/gtk-minimal.scss |
diffstat | 2 files changed, 56 insertions(+), 4 deletions(-) [+] |
line wrap: on
line diff
--- a/gtk-4.4/gtk-minimal.css Thu Apr 21 17:17:53 2022 +0100 +++ b/gtk-4.4/gtk-minimal.css Thu Apr 21 17:19:29 2022 +0100 @@ -22,4 +22,18 @@ /* Fix the avatar shape */ avatar { border-radius: 4px; } -list button { border: 1px @borders solid; } +list button.image-button:not(.toggle), list button.toggle:checked, list button:hover, list spinbutton { outline: 1px @borders solid; outline-offset: -1px; } + +button.combo, button.text-button { outline: 1px @borders solid; outline-offset: -1px; } + +list spinbutton button.image-button:not(.toggle), list button.image-button.background-preview-button, headerbar button.text-button { outline-width: 0; } + +checkbutton radio:not(:checked), checkbutton check:not(:checked) { background-color: #F0F0F0; } + +checkbutton radio:not(:checked):backdrop, checkbutton check:not(:checked):backdrop { background-color: #ededed; } + +.dim-label { opacity: 0.75; } + +entry { background: @view_bg_color; color: @view_fg_color; } + +switch { border: 1px solid #00000044; }
--- a/gtk-4.4/gtk-minimal.scss Thu Apr 21 17:17:53 2022 +0100 +++ b/gtk-4.4/gtk-minimal.scss Thu Apr 21 17:19:29 2022 +0100 @@ -21,7 +21,6 @@ @define-color headerbar_bg_color #{"" + $bg_dark_color}; @define-color headerbar_fg_color #{"" + $title_fg}; @define-color headerbar_backdrop_color #{"" + $bg_dark_color}; -/*@define-color headerbar_shade_color red;*/ /* Card Colors */ $card_color: darken($text_input_color, 6%); @@ -37,6 +36,45 @@ /* Fix the avatar shape */ avatar { border-radius: 4px } -list button { - border: 1px #{"@borders"} solid ; +list { + button.image-button:not(.toggle), button.toggle:checked, + button:hover, spinbutton { + outline: 1px #{"@borders"} solid; + outline-offset: -1px; + } +} + +button.combo, button.text-button { + outline: 1px #{"@borders"} solid; + outline-offset: -1px; +} + +list spinbutton button.image-button:not(.toggle), +list button.image-button.background-preview-button, +headerbar button.text-button { + outline-width: 0; +} + +checkbutton { + radio, check { + &:not(:checked) { + background-color: #{"" + $text_input_color}; + &:backdrop { + background-color: #{"" + $backdrop_text_input_color}; + } + } + } +} + +.dim-label { + opacity: 0.75 +} + +entry { + background: #{"@view_bg_color"}; + color: #{"@view_fg_color"}; +} + +switch{ + border: 1px solid #00000044 } \ No newline at end of file