Support live JSMPEG view.

src/scss/card.scss

@@ -34,7 +34,7 @@
   opacity: 1.0;
 }
 
-.frigate-card-contents img.media,video.media {
+.frigate-card-contents img.media,video.media,canvas.media {
   width: 100%;
 }
 
@@ -49,7 +49,7 @@
   justify-content: center;
   align-items: center;
   box-sizing: border-box;
-  padding: 5%;
+  padding: 10%;
 }
 
 .frigate-card-image-list {
@@ -83,11 +83,16 @@ ha-card {
   width: 100%;
   height: 100%;
   position: relative;
+  color: var(--secondary-text-color, white);
   background-color: var(--secondary-background-color, black);
 
   transform-style: preserve-3d; /* Safari brings video elements forward without this */
 }
 
+ha-card a {
+  color: var(--primary-text-color, white);
+}
+
 /* Don't drop shadow or have radius for nested webrtc card */
 webrtc-camera ha-card {
   box-shadow: none;