BREAKING! Use card-mod styles in popup instead

test/configuration.yaml

@@ -14,3 +14,13 @@ lovelace:
       mode: yaml
       title: yaml
       filename: lovelace.yaml
+
+frontend:
+  themes:
+    test:
+      card-mod-theme: test
+      card-mod-more-info-yaml: |
+        $: |
+          .mdc-dialog {
+            backdrop-filter: grayscale(0.7) blur(5px);
+          }

test/lovelace.yaml

@@ -46,10 +46,23 @@ views:
             deviceID: this
             title: Test
             style:
-              border-radius: 20px
+              .: |
+                app-toolbar {
+                  background: rgba(0,0,0,0.5) !important;
+                }
+              $: |
+                .mdc-dialog .mdc-dialog__container .mdc-dialog__surface {
+                  border-radius: 20px;
+                  background: rgba(0,0,0,0);
+                }
             card:
               type: markdown
               content: Hello!
+              style: |
+                ha-card {
+                  --ha-card-background: rgba(0,0,0,0.5);
+                  color: white;
+                }
 
       - type: button
         entity: sun.sun