Add theme colors for card placeholders

src/components/cardbuilder/card.css

@@ -212,6 +212,10 @@ button::-moz-focus-inner {
     background-color: #242424;
 }
 
+.backdropCard .cardContent:not(.defaultCardBackground) {
+    background-color: transparent;
+}
+
 .visualCardBox .cardContent {
     border-bottom-left-radius: 0;
     border-bottom-right-radius: 0;

src/themes/appletv/theme.css

@@ -122,8 +122,8 @@ html {
 }
 
 .paperList,
-.visualCardBox {
-    background-color: #fff;
+.visualCardBox,
+.cardContent:not(.defaultCardBackground) {
     background-color: rgba(0, 0, 0, 0.1);
 }
 

src/themes/blueradiance/theme.css

@@ -450,6 +450,10 @@ html {
     color: #4285f4;
 }
 
+.cardContent:not(.defaultCardBackground) {
+    background-color: rgba(0, 0, 0, 0.5);
+}
+
 .card:focus .cardBox.visualCardBox,
 .card:focus .cardBox:not(.visualCardBox) .cardScalable {
     border-color: #00a4dc !important;

src/themes/dark/theme.css

@@ -421,8 +421,7 @@ html {
     color: #4285f4;
 }
 
-.card:focus .cardBox.visualCardBox,
-.card:focus .cardBox:not(.visualCardBox) .cardScalable {
+.card:focus .cardBox.visualCardBox {
     border-color: #00a4dc !important;
 }
 

src/themes/light/theme.css

@@ -432,6 +432,10 @@ html {
     color: #4285f4;
 }
 
+.cardContent:not(.defaultCardBackground) {
+    background-color: #fff;
+}
+
 .card:focus .cardBox.visualCardBox,
 .card:focus .cardBox:not(.visualCardBox) .cardScalable {
     border-color: #00a4dc !important;

src/themes/purplehaze/theme.css

@@ -552,6 +552,10 @@ a[data-role=button] {
     border: 1px solid rgb(255, 255, 255);
 }
 
+.cardContent:not(.defaultCardBackground) {
+    background-color: rgba(0, 0, 0, 0.5);
+}
+
 .card:focus .cardBox.visualCardBox,
 .card:focus .cardBox:not(.visualCardBox) .cardScalable {
     border-color: #ff77f1 !important;

src/themes/wmc/theme.css

@@ -430,6 +430,10 @@ html {
     color: #4285f4;
 }
 
+.cardContent:not(.defaultCardBackground) {
+    background-color: #0f3562;
+}
+
 .card:focus .cardBox.visualCardBox,
 .card:focus .cardBox:not(.visualCardBox) .cardScalable {
     border-color: #fff !important;