From 5c53fe7b492b284b81154fe89945ea7266b90c67 Mon Sep 17 00:00:00 2001
From: Jehan <jehan@girinstud.io>
Date: Thu, 29 Sep 2022 19:09:25 +0200
Subject: [PATCH] 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;