Style fixes

src/components/WeatherModal/SmallWeatherCard.tsx

@@ -14,41 +14,47 @@ export default function SmallWeatherCard({ weather }: any) {
 				/>
 			</Box>
 			<Stack h={'124px'} w={'124px'} gap={0} pos={'absolute'}>
-				<Text mb={-8} p={0} fz={12}>
+				<Text mb={-8} p={0} fz={12} style={{ color: 'white' }}>
 					{weather.highTemp}°F/{weather.lowTemp}°F
 				</Text>
 				<Stack gap={0} align='center' pos={'absolute'} right={0} top={0}>
 					{weather.precipitation !== 'N/A' && (
 						<Group gap={0}>
-							<Icon icon={'mdi:weather-pouring'} height={32} width={32} />
-							<Text>{weather.precipitation} mm</Text>
+							<Icon color={'white'} icon={'mdi:weather-pouring'} height={32} width={32} />
+							<Text style={{ color: 'white' }}>{weather.precipitation} mm</Text>
 						</Group>
 					)}
 					{weather.precipitation === 'N/A' && (
-						<Icon icon={'mdi:white-balance-sunny'} height={32} width={32} />
+						<Icon
+							icon={'mdi:white-balance-sunny'}
+							height={32}
+							width={32}
+							color={'white'}
+						/>
 					)}
 					<Center>
 						<Icon
 							icon={'mdi:navigation'}
+							color='white'
 							style={{
 								position: 'absolute',
 								transform: `rotate(${weather.windDirection}deg)`,
 							}}
 						/>
-						<Icon fontSize={32} icon={'mdi:circle-outline'} />
+						<Icon fontSize={32} icon={'mdi:circle-outline'} color='white' />
 					</Center>
-					<Text mt={-6} fz={12}>
+					<Text mt={-6} fz={12} style={{ color: 'white' }}>
 						{weather.windSpeed} mph
 					</Text>
 				</Stack>
 				<Stack gap={0} pos={'absolute'} bottom={8}>
-					<Text mt={-8} mb={-8} p={0} fz={36}>
+					<Text mt={-8} mb={-8} p={0} fz={36} style={{ color: 'white' }}>
 						{weather.temperature}°F
 					</Text>
-					<Text mt={-8} fz={12}>
+					<Text mt={-8} fz={12} style={{ color: 'white' }}>
 						Feels like: {weather.heatIndex}°F
 					</Text>
-					<Text mt={-6} fz={12}>
+					<Text mt={-6} fz={12} style={{ color: 'white' }}>
 						Humidity: {weather.humidity}%
 					</Text>
 				</Stack>