updates themeing to align better with website harmonies

lib/show_card.dart

@@ -10,12 +10,16 @@ class ShowCard extends StatelessWidget {
     required this.show,
     required this.sourceTimezone,
     required this.titleColor,
+    required this.cardSurface,
+    required this.cardBorder,
   });
 
   final String label;
   final LiveInfoShowInfo? show;
   final String? sourceTimezone;
   final Color titleColor;
+  final Color cardSurface;
+  final Color cardBorder;
 
   @override
   Widget build(BuildContext context) {
@@ -23,8 +27,8 @@ class ShowCard extends StatelessWidget {
       padding: const EdgeInsets.symmetric(horizontal: 12, vertical: 10),
       decoration: BoxDecoration(
         borderRadius: BorderRadius.circular(12),
-        color: Colors.black.withValues(alpha: 0.06),
-        border: Border.all(color: Colors.black.withValues(alpha: 0.08)),
+        color: cardSurface,
+        border: Border.all(color: cardBorder),
       ),
       child: Row(
         children: [
@@ -37,7 +41,10 @@ class ShowCard extends StatelessWidget {
               overflow: TextOverflow.ellipsis,
               style: Theme.of(
                 context,
-              ).textTheme.bodyMedium?.copyWith(fontWeight: FontWeight.w600),
+              ).textTheme.bodyMedium?.copyWith(
+                fontWeight: FontWeight.w600,
+                color: titleColor,
+              ),
             ),
           ),
           const SizedBox(width: 8),
@@ -46,7 +53,9 @@ class ShowCard extends StatelessWidget {
               show?.starts,
               sourceTimezone: sourceTimezone,
             ),
-            style: Theme.of(context).textTheme.labelSmall,
+            style: Theme.of(
+              context,
+            ).textTheme.labelSmall?.copyWith(color: titleColor),
           ),
         ],
       ),