updates themeing to align better with website harmonies

lib/track_card.dart

@@ -9,11 +9,15 @@ class TrackCard extends StatelessWidget {
     required this.label,
     required this.track,
     required this.titleColor,
+    required this.cardSurface,
+    required this.cardBorder,
   });
 
   final String label;
   final LiveInfoTrackInfo? track;
   final Color titleColor;
+  final Color cardSurface;
+  final Color cardBorder;
 
   @override
   Widget build(BuildContext context) {
@@ -24,9 +28,9 @@ class TrackCard extends StatelessWidget {
     return Container(
       padding: const EdgeInsets.all(12),
       decoration: BoxDecoration(
-        color: Colors.black.withValues(alpha: 0.08),
+        color: cardSurface,
         borderRadius: BorderRadius.circular(14),
-        border: Border.all(color: Colors.black.withValues(alpha: 0.12)),
+        border: Border.all(color: cardBorder),
       ),
       child: Column(
         crossAxisAlignment: CrossAxisAlignment.stretch,
@@ -45,21 +49,29 @@ class TrackCard extends StatelessWidget {
             overflow: TextOverflow.ellipsis,
             style: Theme.of(
               context,
-            ).textTheme.titleMedium?.copyWith(fontWeight: FontWeight.w700),
+            ).textTheme.titleMedium?.copyWith(
+              fontWeight: FontWeight.w700,
+              color: titleColor,
+            ),
           ),
           const SizedBox(height: 6),
           Text(
             subtitle.isEmpty ? 'No metadata provided' : subtitle,
             maxLines: 6,
             overflow: TextOverflow.ellipsis,
-            style: Theme.of(context).textTheme.bodySmall,
+            style: Theme.of(
+              context,
+            ).textTheme.bodySmall?.copyWith(color: titleColor),
           ),
           const Spacer(),
           Text(
             window,
             style: Theme.of(
               context,
-            ).textTheme.labelMedium?.copyWith(fontWeight: FontWeight.w600),
+            ).textTheme.labelMedium?.copyWith(
+              fontWeight: FontWeight.w600,
+              color: titleColor,
+            ),
           ),
         ],
       ),