themes lol

src/features/matches/components/match-card.tsx

@@ -52,6 +52,7 @@ const MatchCard = ({ match, hideH2H = false }: MatchCardProps) => {
           py="md"
           withBorder
           radius="md"
+          className="flxn-match-card"
           style={{ position: "relative", zIndex: 2 }}
         >
           <Stack gap="sm">
@@ -208,16 +209,12 @@ const MatchCard = ({ match, hideH2H = false }: MatchCardProps) => {
         <Paper
           px="md"
           pb={4}
+          className="flxn-reaction-row"
           style={{
             position: "relative",
             zIndex: 1,
             marginTop: -6,
             paddingTop: 8,
-            backgroundColor: "var(--mantine-color-gray-light)",
-            borderTop: "none",
-            borderRadius:
-              "0 0 var(--mantine-radius-md) var(--mantine-radius-md)",
-            border: "1px solid var(--mantine-color-default-border)",
           }}
         >
           <Suspense>

src/features/matches/components/team-head-to-head-sheet.tsx

@@ -130,7 +130,7 @@ const TeamHeadToHeadContent = ({ team1, team2, isOpen = true }: TeamHeadToHeadSh
 
           {leader && (
             <Group justify="center" gap="xs">
-              <CrownIcon size={16} weight="fill" color="gold" />
+              <CrownIcon size={16} weight="fill" color="var(--flxn-gold)" />
               <Text size="xs" c="dimmed">
                 <Trans>{leader.name} leads the series</Trans>
               </Text>