remove opacity from Text component to avoid passing that style to the tooltips

Author: pettinarip

src/components/Card/index.tsx

@@ -30,7 +30,7 @@ const Card = ({ emoji, title, description, children, ...props }: CardProps) => (
             {title}
           </Heading>
         )}
-        {description && <Text opacity={0.8}>{description}</Text>}
+        {description && <Text>{description}</Text>}
       </Stack>
     </Stack>
     {children}

src/components/DataProductCard.tsx

@@ -97,7 +97,7 @@ const DataProductCard = ({
               {name}
             </LinkOverlay>
           </Heading>
-          <Text fontSize="sm" opacity="0.8" mx={4} mb={4} lineHeight="140%">
+          <Text fontSize="sm" mx={4} mb={4} lineHeight="140%">
             {description}
           </Text>
         </Box>

src/components/EventCard.tsx

@@ -93,7 +93,7 @@ const EventCard = ({
       <Heading as="h3" marginTop={0} fontWeight="semibold" lineHeight={1.4}>
         {title}
       </Heading>
-      <Text opacity={0.8}>{description}</Text>
+      <Text>{description}</Text>
       <ButtonLink to={to}>View Event</ButtonLink>
     </Box>
   </Box>

src/components/HorizontalCard.tsx

@@ -23,7 +23,7 @@ const HorizontalCard = ({
     <Emoji fontSize={`${emojiSize}rem`} text={emoji} />
     <Box flexGrow="0" flexShrink="1" flexBasis="75%" ms="8">
       <Text fontSize="lg">{title}</Text>
-      <Text opacity="0.8" mt="-4" mb="2">
+      <Text mt="-4" mb="2">
         {description}
       </Text>
       <>{children}</>

src/components/Layer2ProductCard.tsx

@@ -73,11 +73,11 @@ const Layer2ProductCard = ({
               {children}
             </Box>
           )}
-          <Text opacity="0.8" fontSize="sm" mb={2} lineHeight="140%">
+          <Text fontSize="sm" mb={2} lineHeight="140%">
             {description}
           </Text>
           {note.length > 0 && (
-            <Text opacity="0.8" fontSize="sm" mb={2} lineHeight="140%">
+            <Text fontSize="sm" mb={2} lineHeight="140%">
               {t("layer-2-note")} {note}
             </Text>
           )}