Now, for proper colors

Author: lainsce

Helium/gtk-4.0/widgets/_checks.scss

@@ -22,38 +22,38 @@ radio {
   -gtk-icon-size: 16px;
   padding: 0;
   margin: 0;
-  background: bg-color(1);
+  background: $outline;
   box-shadow: inset 0 0 0 2px $view_fg_color;
 
   @include focus-ring();
 
   &:not(:checked):not(:indeterminate):hover {
     &:hover {
-      background: bg-color(2);
+      background: $accent_bg_color;
       box-shadow: inset 0 0 0 2px $view_fg_color;
     }
 
     &:active {
-      background: bg-color(3);
-      color: $accent_bg_color;
-      box-shadow: inset 0 0 0 2px bg-color(3);
+      background: $accent_bg_color;
+      color: $accent_fg_color;
+      box-shadow: inset 0 0 0 2px $accent_bg_color;
     }
   }
 
   &:checked,
   &:indeterminate {
-    background: bg-color(3);
+    background: $accent_bg_color;
     color: $accent_fg_color;
-    box-shadow: inset 0 0 0 2px bg-color(3);
+    box-shadow: inset 0 0 0 2px $accent_bg_color;
 
     &:hover {
-      box-shadow: inset 0 0 0 2px bg-color(3);
+      box-shadow: inset 0 0 0 2px $accent_bg_color;
     }
 
     &:active {
-      background: bg-color(3);
+      background: $accent_bg_color;
       color: $accent_fg_color;
-      box-shadow: inset 0 0 0 2px bg-color(3);
+      box-shadow: inset 0 0 0 2px $accent_bg_color;
     }
   }