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