New upstream snapshot for GTK4

Author: hsbasu

gtk/upstream/gtk-4.0/Yaru/_common.scss

@@ -2642,23 +2642,19 @@ check {
   border-radius: 3px;
   -gtk-icon-size: 14px;
 
-  &:checked { -gtk-icon-source: -gtk-scaled(-gtk-recolor(url("#{$assets}/check-symbolic.symbolic.png")),
-                                            -gtk-recolor(url("#{$assets}/check@2-symbolic.symbolic.png"))); }
+  &:checked { -gtk-icon-source: -gtk-recolor(url("#{$assets}/check-symbolic.svg")); }
 
-  &:indeterminate { -gtk-icon-source: -gtk-scaled(-gtk-recolor(url("#{$assets}/dash-symbolic.symbolic.png")),
-                                                  -gtk-recolor(url("#{$assets}/dash@2-symbolic.symbolic.png"))); }
+  &:indeterminate { -gtk-icon-source: -gtk-recolor(url("#{$assets}/dash-symbolic.svg")); }
 }
 
 %radio,
 radio {
   border-radius: 100%;
   -gtk-icon-size: 14px;
 
-  &:checked { -gtk-icon-source: -gtk-scaled(-gtk-recolor(url("#{$assets}/bullet-symbolic.symbolic.png")),
-                                            -gtk-recolor(url("#{$assets}/bullet@2-symbolic.symbolic.png"))); }
+  &:checked { -gtk-icon-source: -gtk-recolor(url("#{$assets}/bullet-symbolic.svg")); }
 
-  &:indeterminate { -gtk-icon-source: -gtk-scaled(-gtk-recolor(url("#{$assets}/dash-symbolic.symbolic.png")),
-                                                  -gtk-recolor(url("#{$assets}/dash@2-symbolic.symbolic.png"))); }
+  &:indeterminate { -gtk-icon-source: -gtk-recolor(url("#{$assets}/dash-symbolic.svg")); }
 }
 
 treeview.view check,

gtk/upstream/gtk-4.0/Yaru/_tweaks.scss

@@ -76,28 +76,35 @@ spinbutton:not(.vertical) {
 // titlebutton
 windowcontrols {
     button {
-      min-width: 24px;
-    }
+        min-width: 24px;
 
-    button > image {
         $_base_button_color: transparentize($fg_color, 0.9);
         $_base_hover_color: transparentize($fg_color, 0.85);
         $_base_active_color: transparentize($fg_color, 0.75);
 
-        min-height: 20px;
-        min-width: 20px;
-        padding: 2px;
-        margin: 0 3px;
+        > image {
+          min-height: 20px;
+          min-width: 20px;
+          padding: 2px;
+          margin: 0 3px;
+
+          background: $_base_button_color;
+        }
 
-        background: $_base_button_color;
+        &:hover > image {
+            //special case hover colors inside a headerbar
+            @include button(undecorated-hover,$c:$_base_hover_color);
+        }
 
-        &:hover {
-            background: $_base_hover_color;
+        &:active > image,
+        &:checked > image {
+            @include button(undecorated-active,$c:$_base_active_color);
         }
 
+        &:hover,
         &:active,
         &:checked {
-            background: $_base_active_color;
+            background: none;
         }
     }
 }