From 1dbb3ea2e252b11b57c304b8ab8fac15d33ce351 Mon Sep 17 00:00:00 2001 From: EMH-Mark-I Date: Sat, 11 Apr 2020 18:00:56 -0500 Subject: [PATCH] Fix for radio buttons & popover arrows Changed popover label background colour to something more obvious. Removed the background from radio buttons. Changed popover modelbutton arrow on hover --- Theme/Chicago95/gtk-3.0/gtk-checks_radio.css | 18 +++++++---- Theme/Chicago95/gtk-3.0/gtk-popovers.css | 31 +++++++++++++++---- Theme/Chicago95/gtk-3.24/gtk-checks_radio.css | 18 +++++++---- Theme/Chicago95/gtk-3.24/gtk-popovers.css | 31 +++++++++++++++---- 4 files changed, 74 insertions(+), 24 deletions(-) diff --git a/Theme/Chicago95/gtk-3.0/gtk-checks_radio.css b/Theme/Chicago95/gtk-3.0/gtk-checks_radio.css index ec1f789..69a73b7 100644 --- a/Theme/Chicago95/gtk-3.0/gtk-checks_radio.css +++ b/Theme/Chicago95/gtk-3.0/gtk-checks_radio.css @@ -59,19 +59,25 @@ check:indeterminate:disabled { background: none; } radio:checked { - -gtk-icon-source: url("assets/radio-selected.png"); } + -gtk-icon-source: url("assets/radio-selected.png"); + background: none } radio:not(:checked) { - -gtk-icon-source: url("assets/radio-unselected.png"); } + -gtk-icon-source: url("assets/radio-unselected.png"); + background: none } radio:indeterminate { - -gtk-icon-source: url("assets/radio-mixed.png"); } + -gtk-icon-source: url("assets/radio-mixed.png"); + background: none } radio:disabled:checked { - -gtk-icon-source: url("assets/radio-selected-insensitive.png"); } + -gtk-icon-source: url("assets/radio-selected-insensitive.png"); + background: none } radio:disabled:not(checked) { - -gtk-icon-source: url("assets/radio-unselected-insensitive.png"); } + -gtk-icon-source: url("assets/radio-unselected-insensitive.png"); + background: none } radio:indeterminate:disabled { - -gtk-icon-source: url("assets/radio-mixed-insensitive.png"); } + -gtk-icon-source: url("assets/radio-mixed-insensitive.png"); + background: none } diff --git a/Theme/Chicago95/gtk-3.0/gtk-popovers.css b/Theme/Chicago95/gtk-3.0/gtk-popovers.css index 24b52e9..dfbbb0b 100644 --- a/Theme/Chicago95/gtk-3.0/gtk-popovers.css +++ b/Theme/Chicago95/gtk-3.0/gtk-popovers.css @@ -28,8 +28,13 @@ popover.background { modelbutton label { padding: 2px 6px; } - modelbutton:hover { - background-color: @selected_fg_color; } + modelbutton.flat:hover { + background-color: @selected_bg_color; + color: @selected_fg_color; + outline-color: @selected_fg_color } +modelbutton arrow { + background-repeat: no-repeat; + background-position: center; } .app-notification, popover stack { @@ -80,15 +85,29 @@ popover arrow.right { -gtk-icon-source: none; } popover arrow.right:hover { margin-right: 4px; - background-image: url("arrow-right-disabled.png"); + background-image: url("assets/arrow-right-selected.png"); -gtk-icon-source: none; } - popover arrow.left { margin-left: 4px; background-image: url("assets/arrow-left.png"); -gtk-icon-source: none; } popover arrow.left:hover { margin-left: 4px; - background-image: url("assets/arrow-left-disabled.png"); + background-image: url("assets/arrow-left-selected.png"); + -gtk-icon-source: none; } +popover arrow.up { + margin-top: 4px; + background-image: url("assets/arrow-up.png"); + -gtk-icon-source: none; } + popover arrow.up:hover { + margin-top: 4px; + background-image: url("assets/arrow-up-selected.png"); + -gtk-icon-source: none; } +popover arrow.down { + margin-bottom: 4px; + background-image: url("assets/arrow-down.png"); + -gtk-icon-source: none; } + popover arrow.down:hover { + margin-bottom: 4px; + background-image: url("assets/arrow-down-selected.png"); -gtk-icon-source: none; } - diff --git a/Theme/Chicago95/gtk-3.24/gtk-checks_radio.css b/Theme/Chicago95/gtk-3.24/gtk-checks_radio.css index ec1f789..69a73b7 100644 --- a/Theme/Chicago95/gtk-3.24/gtk-checks_radio.css +++ b/Theme/Chicago95/gtk-3.24/gtk-checks_radio.css @@ -59,19 +59,25 @@ check:indeterminate:disabled { background: none; } radio:checked { - -gtk-icon-source: url("assets/radio-selected.png"); } + -gtk-icon-source: url("assets/radio-selected.png"); + background: none } radio:not(:checked) { - -gtk-icon-source: url("assets/radio-unselected.png"); } + -gtk-icon-source: url("assets/radio-unselected.png"); + background: none } radio:indeterminate { - -gtk-icon-source: url("assets/radio-mixed.png"); } + -gtk-icon-source: url("assets/radio-mixed.png"); + background: none } radio:disabled:checked { - -gtk-icon-source: url("assets/radio-selected-insensitive.png"); } + -gtk-icon-source: url("assets/radio-selected-insensitive.png"); + background: none } radio:disabled:not(checked) { - -gtk-icon-source: url("assets/radio-unselected-insensitive.png"); } + -gtk-icon-source: url("assets/radio-unselected-insensitive.png"); + background: none } radio:indeterminate:disabled { - -gtk-icon-source: url("assets/radio-mixed-insensitive.png"); } + -gtk-icon-source: url("assets/radio-mixed-insensitive.png"); + background: none } diff --git a/Theme/Chicago95/gtk-3.24/gtk-popovers.css b/Theme/Chicago95/gtk-3.24/gtk-popovers.css index 24b52e9..dfbbb0b 100644 --- a/Theme/Chicago95/gtk-3.24/gtk-popovers.css +++ b/Theme/Chicago95/gtk-3.24/gtk-popovers.css @@ -28,8 +28,13 @@ popover.background { modelbutton label { padding: 2px 6px; } - modelbutton:hover { - background-color: @selected_fg_color; } + modelbutton.flat:hover { + background-color: @selected_bg_color; + color: @selected_fg_color; + outline-color: @selected_fg_color } +modelbutton arrow { + background-repeat: no-repeat; + background-position: center; } .app-notification, popover stack { @@ -80,15 +85,29 @@ popover arrow.right { -gtk-icon-source: none; } popover arrow.right:hover { margin-right: 4px; - background-image: url("arrow-right-disabled.png"); + background-image: url("assets/arrow-right-selected.png"); -gtk-icon-source: none; } - popover arrow.left { margin-left: 4px; background-image: url("assets/arrow-left.png"); -gtk-icon-source: none; } popover arrow.left:hover { margin-left: 4px; - background-image: url("assets/arrow-left-disabled.png"); + background-image: url("assets/arrow-left-selected.png"); + -gtk-icon-source: none; } +popover arrow.up { + margin-top: 4px; + background-image: url("assets/arrow-up.png"); + -gtk-icon-source: none; } + popover arrow.up:hover { + margin-top: 4px; + background-image: url("assets/arrow-up-selected.png"); + -gtk-icon-source: none; } +popover arrow.down { + margin-bottom: 4px; + background-image: url("assets/arrow-down.png"); + -gtk-icon-source: none; } + popover arrow.down:hover { + margin-bottom: 4px; + background-image: url("assets/arrow-down-selected.png"); -gtk-icon-source: none; } -