diff --git a/src/definitions/views/card.less b/src/definitions/views/card.less
index 50497745d..6ed63b893 100755
--- a/src/definitions/views/card.less
+++ b/src/definitions/views/card.less
@@ -93,8 +93,6 @@
   margin-top: @consecutiveGroupDistance;
 }
 
-
-
 /*--------------
   Rounded Edges
 ---------------*/
@@ -329,6 +327,16 @@
   width: @buttonWidth;
 }
 
+/*--------------
+      Dimmer
+---------------*/
+
+.ui.cards > .card .dimmer,
+.ui.card .dimmer {
+  background: @dimmerBackground;
+  z-index: @dimmerZIndex;
+}
+
 /*--------------
      Labels
 ---------------*/
diff --git a/src/themes/default/views/card.variables b/src/themes/default/views/card.variables
index fc0e9383e..b80b466bf 100644
--- a/src/themes/default/views/card.variables
+++ b/src/themes/default/views/card.variables
@@ -113,6 +113,10 @@
 /* Paragraph */
 @paragraphDistance: 0.5em;
 
+/* Dimmer */
+@dimmerZIndex: 10;
+@dimmerBackground: '';
+
 /* Additional Content */
 @extraDivider: 1px solid rgba(0, 0, 0, 0.05);
 @extraBackground: none;