diff --git a/components/weather/weather-effects.tsx b/components/weather/weather-effects.tsx
index 523758f..bfb60fa 100644
--- a/components/weather/weather-effects.tsx
+++ b/components/weather/weather-effects.tsx
@@ -82,7 +82,7 @@ export function WeatherEffects({ precipitation10m, thunderstorm = false }: { pre
               preserveAspectRatio="xMidYMid meet"
               animate={reduceMotion ? { opacity: bolt.opacity * 0.22 } : { opacity: [0, 0, bolt.opacity, bolt.opacity * 0.08, 0], scaleY: [0.98, 0.98, 1.02, 1, 0.99] }}
               transition={{ duration: 3.6, repeat: Infinity, repeatDelay: 2.4, delay: bolt.delay }}
-              className={`absolute text-white ${bolt.className}`}
+              className={`absolute text-foreground dark:text-white ${bolt.className}`}
             >
               <path
                 d={bolt.path}