[gimp] themes: no different background for checked check/radio buttons.

[Jehan <jehanp src gnome org>]

commit 5c53fe7b492b284b81154fe89945ea7266b90c67
Author: Jehan <jehan girinstud io>
Date:   Thu Sep 29 19:09:25 2022 +0200

    themes: no different background for checked check/radio buttons.
    
    Checked buttons had a background using the @selected-color. This was because of
    a too broad rule on `.text-button:checked`. Basically it looks like the broad
    rules are not good because they sometimes override more accurate rules for
    specific widgets.
    
    I also make a few more rules a bit more accurate. Also I extend some CSS rules
    for check and radio buttons.

 themes/Default/common.css | 22 +++++++++++++---------
 1 file changed, 13 insertions(+), 9 deletions(-)
---
diff --git a/themes/Default/common.css b/themes/Default/common.css
index ca6155f8a8..0924b223e5 100644
--- a/themes/Default/common.css
+++ b/themes/Default/common.css
@@ -163,25 +163,20 @@ notebook header tabs tab:hover {
   background-color: @hover-color;
 }
 
-.text-button:checked {
-  background-color: @selected-color;
-  font-weight: bold;
-}
-
 /* .flat covers the tool buttons and the buttons at the bottom
  * of the Toolbox window.
 */
 
-button .flat {
+toolbutton button.flat {
   background-color: @bg-color;
   color: @fg-color;
 }
 
-.flat:checked {
+toolbutton button.flat:checked {
   background: @selected-color;
 }
 
-.flat:hover {
+toolbutton button.flat:hover {
   background: @selected-color;
 }
 
@@ -285,7 +280,12 @@ GimpSpinScale entry progress {
 }
 
 /* Checkboxes */
-checkbutton check {
+checkbutton, radiobutton {
+  color: @fg-color;
+  background-color: @bg-color;
+}
+
+checkbutton check, radiobutton radio {
   background-image: none;
   background-color: @extreme-bg-color;
   border: 1px solid @stronger-border-color;
@@ -295,6 +295,10 @@ checkbutton check:checked {
   color: @fg-color;
 }
 
+checkbutton:checked label, radiobutton:checked label {
+  font-weight: bold;
+}
+
 /* Some plugins have radio buttons, e.g. Fractal Explorer */
 radio {
   background-image: none;