This file is just difficult to follow

Author: lainsce

Helium/gtk-4.0/widgets/_checks.scss

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