diff --git a/src/gtk-3.0/widgets/_checkbuttons.scss b/src/gtk-3.0/widgets/_checkbuttons.scss
index cbf9f6b1..5d1d229e 100644
--- a/src/gtk-3.0/widgets/_checkbuttons.scss
+++ b/src/gtk-3.0/widgets/_checkbuttons.scss
@@ -198,6 +198,12 @@ radiobutton.image-button {
 
     }
 
+    &.latte check,
+    &.latte radio {
+        background-color: #{'@LATTE_300'};
+        -gtk-icon-shadow: 0 1px 1px #{'@LATTE_500'};
+    }
+
     &.auto radio {
         background-image: url("assets/color-button-auto.png");
         background-position: -1px -1px;
diff --git a/src/gtk-4.0/widgets/_checkbuttons.scss b/src/gtk-4.0/widgets/_checkbuttons.scss
index 558b7f9e..b8949d86 100644
--- a/src/gtk-4.0/widgets/_checkbuttons.scss
+++ b/src/gtk-4.0/widgets/_checkbuttons.scss
@@ -188,6 +188,12 @@ checkbutton {
 
     }
 
+    &.latte check,
+    &.latte radio {
+        background-color: #{'@LATTE_300'};
+        -gtk-icon-shadow: 0 1px 1px #{'@LATTE_500'};
+    }
+
     &.auto radio {
         background-image: url("assets/color-button-auto.png");
         background-position: -1px -1px;