Fix tooltip in darkmode

src/components/charts/ChartTooltip.tsx

@@ -14,10 +14,9 @@ export function ChartTooltip({
     <FloatingTooltip>
       <Column
         gap="3"
-        color="inverted"
         padding="4"
         borderRadius="md"
-        style={{ backgroundColor: 'rgba(0,0,0,0.8)' }}
+        style={{ backgroundColor: 'rgba(0,0,0,0.8)', color: 'white' }}
       >
         {title && <Text size="sm">{title}</Text>}
         <Row alignItems="center">

src/components/metrics/WeeklyTraffic.tsx

@@ -97,7 +97,10 @@ export function WeeklyTraffic({ websiteId }: { websiteId: string }) {
                             />
                           </Row>
                         </Focusable>
-                        <Tooltip placement="right" style={{ backgroundColor: 'rgba(0,0,0,0.8)' }}>
+                        <Tooltip
+                          placement="right"
+                          style={{ backgroundColor: 'rgba(0,0,0,0.8)', color: 'white' }}
+                        >
                           <Text size="base">{`${t(labels.visitors)}: ${count}`}</Text>
                         </Tooltip>
                       </TooltipTrigger>

src/components/metrics/WorldMap.tsx

@@ -102,8 +102,7 @@ export function WorldMap({ websiteId, data, ...props }: WorldMapProps) {
       {tooltip && (
         <FloatingTooltip>
           <Box
-            style={{ backgroundColor: 'rgba(0,0,0,0.8)' }}
-            color="inverted"
+            style={{ backgroundColor: 'rgba(0,0,0,0.8)', color: 'white' }}
             padding
             borderRadius="md"
           >