Fix theme color bugs in FilterPoint and PointerTracker

Author: NumberOneBot

src/components/FilterPoint/FilterPoint.tsx

@@ -411,7 +411,7 @@ export const FilterPoint = ({
   const fillColor = zeroValue
     ? zeroBackground || zeroPoint.background
     : dragging
-      ? dragBackground || colors?.[index]?.drag || bgColor
+      ? dragBackground || colors?.[index]?.dragBackground || bgColor
       : active || hovered
         ? activeBackground || colors?.[index]?.activeBackground || bgColor
         : bgColor

src/components/PointerTracker/PointerTracker.tsx

@@ -147,7 +147,7 @@ export const PointerTracker = ({
       <rect
         width={freqWidth + 6}
         height={fontSizePadding}
-        fill={backgroundColor}
+        fill={fillColor}
         stroke={strokeColor}
         x={mouse.x - freqWidth / 2 - 3}
         y={height - fontSizePadding - 1}

src/types.ts

@@ -73,7 +73,7 @@ export type GraphThemeFilterColors = {
   point?: CSSProperties['color']
   drag?: CSSProperties['color']
   active?: CSSProperties['color']
-  // point background colors for each state
+  // background colors for each state
   background?: CSSProperties['color']
   dragBackground?: CSSProperties['color']
   activeBackground?: CSSProperties['color']