Cleaner coloring for named color tint button

Author: lainsce

Helium/gtk-4.0/_tauos.scss

@@ -319,25 +319,25 @@ $colors: (
   }
 
   .tint-button.#{$name} {
-    background: gtkmix($color, $secondary_container_bg_color, 0.8);
-    color: gtkmix($color, $secondary_container_fg_color, 0.5);
+    background: gtkmix($color, $surface_container_bg_color, 0.8);
+    color: gtkmix($color, $surface_container_fg_color, 0.5);
 
     &:hover {
       background: state-color(
-        gtkmix($color, $secondary_container_bg_color, 0.8),
+        gtkmix($color, $surface_container_bg_color, 0.8),
         $color,
         1
       );
-      color: gtkmix($color, $secondary_container_fg_color, 0.5);
+      color: gtkmix($color, $surface_container_fg_color, 0.5);
     }
 
     &:active {
       background: state-color(
-        gtkmix($color, $secondary_container_bg_color, 0.8),
+        gtkmix($color, $surface_container_bg_color, 0.8),
         $color,
         2
       );
-      color: gtkmix($color, $secondary_container_fg_color, 0.5);
+      color: gtkmix($color, $surface_container_fg_color, 0.5);
     }
   }