another smol color bug

src/components/Heatmap.tsx

@@ -56,22 +56,20 @@ const Heatmap: React.FC<HeatmapProps> = ({
   // Use theme-aware colors
   const emptyColor = isDarkMode ? "#374151" : "#d1d5db";
   
-  // Create separate intensity levels for light and dark modes
-  const lightIntensityColors = [
-    emptyColor,  // level 0
-    getHeatmapColorIntensity(1, color, false), // level 1 (bright for light mode)
-    getHeatmapColorIntensity(2, color, false), // level 2
-    getHeatmapColorIntensity(3, color, false), // level 3
-    getHeatmapColorIntensity(4, color, false)  // level 4 (darkest for light mode)
-  ].filter((color): color is string => color !== null);
+  // Create the correct color progression based on current theme
+  const getThemeAwareColors = () => {
+    const colors = [emptyColor]; // level 0
+    
+    for (let level = 1; level <= 4; level++) {
+      const intensity = getHeatmapColorIntensity(level, color, isDarkMode);
+      if (intensity) {
+        colors.push(intensity);
+      }
+    }
+    return colors;
+  };
   
-  const darkIntensityColors = [
-    emptyColor,  // level 0
-    getHeatmapColorIntensity(1, color, true), // level 1 (darker for dark mode)
-    getHeatmapColorIntensity(2, color, true), // level 2
-    getHeatmapColorIntensity(3, color, true), // level 3
-    getHeatmapColorIntensity(4, color, true)  // level 4 (brightest for dark mode)
-  ].filter((color): color is string => color !== null);
+  const themeColors = getThemeAwareColors();
   
   return (
     <div className="flex flex-col items-center w-full mx-auto">
@@ -99,10 +97,11 @@ const Heatmap: React.FC<HeatmapProps> = ({
           <WeeklyHeatmap data={processedData} color={color} />
         ) : (
           <ActivityCalendar
+            key={`${isDarkMode}-${color}`} // Force re-render on theme change
             data={processedData}
             theme={{
-              light: lightIntensityColors,
-              dark: darkIntensityColors
+              light: themeColors,
+              dark: themeColors
             }}
             blockSize={11}
             blockMargin={2}