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.
This commit is contained in:
Jehan 2022-09-29 19:09:25 +02:00
parent 4ddb71c8ac
commit 5c53fe7b49
1 changed files with 13 additions and 9 deletions

View File

@ -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;