diff --git a/src/gtk3/widgets/_button.scss b/src/gtk3/widgets/_button.scss
--- a/src/gtk3/widgets/_button.scss
+++ b/src/gtk3/widgets/_button.scss
@@ -191,17 +191,29 @@
   	  @include button(active-hover);
         }
     }
+    &:checked {
+      background-color: gtkmix("@theme_button_background_normal", "@theme_button_foreground_normal", 0.2);
+      border-color: gtkmix("@theme_button_background_normal", "@theme_button_foreground_normal", 0.2);
+    }
    &:backdrop {
      @include button(backdrop);
      -gtk-icon-effect: none;
      &:active, &:checked, &:focus {
        @include button(backdrop-active);
      }
+      &:checked {
+        background-color: gtkmix("@theme_button_background_backdrop", "@theme_button_foreground_backdrop", 0.2);
+        border-color: gtkmix("@theme_button_background_backdrop", "@theme_button_foreground_backdrop", 0.2);
+      }
      &:disabled {
        @include button(backdrop-insensitive);
      }
      &:disabled:active, &:disabled:checked, &:disabled:focus {
        @include button(backdrop-insensitive-active);
+       &:checked {
+        background-color: gtkmix("@theme_button_background_backdrop_insensitive", "@theme_button_foreground_backdrop_insensitive", 0.2);
+        border-color: gtkmix("@theme_button_background_backdrop_insensitive", "@theme_button_foreground_backdrop_insensitive", 0.2);
+      }
      }
    }
     &.flat:backdrop {
@@ -222,6 +234,10 @@
       &:active, &:checked, &:focus {
         @include button(insensitive-active);
       }
+      &:checked {
+        background-color: gtkmix("@theme_button_background_insensitive", "@theme_button_foreground_insensitive", 0.2);
+        border-color: gtkmix("@theme_button_background_insensitive", "@theme_button_foreground_insensitive", 0.2);
+      }
     }
     separator {
       background-color: transparent;