Toggleable shadows

src/components/WeatherModal/ExtendedForecastCard.tsx

@@ -9,7 +9,7 @@ export default function ExtendedForecastCard({
 }: {
 	forecast: ExtendedForecast[];
 }) {
-	const { isMobile } = useCommonHooks();
+	const { isMobile, theme } = useCommonHooks();
 	const day = forecast.slice(2, 14).filter((item: ExtendedForecast) => item.isDaytime);
 	const night = forecast.slice(2, 14).filter((item: ExtendedForecast) => !item.isDaytime);
 	return (
@@ -25,7 +25,13 @@ export default function ExtendedForecastCard({
 				overflow: 'visible',
 			}}
 		>
-			<Text className={textClasses.weatherTitle} classNames={textClasses}>
+			<Text
+				className={textClasses.weatherTitle}
+				classNames={textClasses}
+				style={{
+					textShadow: theme.textShadowsEnabled && '2px 2px var(--mantine-color-border-0)',
+				}}
+			>
 				Extended Forecast
 			</Text>
 			<SimpleGrid w={'100%'} pt={'.5rem'} cols={isMobile ? 3 : 6}>