diff --git a/frontend/src/components/charts/bosco/GctFlightChart.tsx b/frontend/src/components/charts/bosco/GctFlightChart.tsx
index 12047e78..e84620f2 100644
--- a/frontend/src/components/charts/bosco/GctFlightChart.tsx
+++ b/frontend/src/components/charts/bosco/GctFlightChart.tsx
@@ -92,7 +92,12 @@ export const GctFlightChart = ({ runId }: ChartProps) => {
diff --git a/frontend/src/components/charts/hurdles/HurdleTimelineChart.tsx b/frontend/src/components/charts/hurdles/HurdleTimelineChart.tsx
index 975e0076..26cde695 100644
--- a/frontend/src/components/charts/hurdles/HurdleTimelineChart.tsx
+++ b/frontend/src/components/charts/hurdles/HurdleTimelineChart.tsx
@@ -17,11 +17,7 @@ import {
} from "recharts";
import { useState } from "react";
-const COLORS = {
- left: "#f97316",
- right: "#000000",
- hurdles: "#ef4444",
-} as const;
+const HURDLE_COLOR = "#ef4444";
const TOGGLE_STYLE = (active: boolean) =>
`px-3 py-1.5 rounded-xl text-xs font-semibold border transition-colors ${
@@ -149,13 +145,13 @@ export const HurdleTimelineChart = ({
"Left Foot",
showLeft,
() => setShowLeft((v) => !v),
- COLORS.left
+ chartColors.leftFoot
)}
{toggleBtn(
"Right Foot",
showRight,
() => setShowRight((v) => !v),
- COLORS.right
+ chartColors.rightFoot
)}
@@ -211,12 +207,12 @@ export const HurdleTimelineChart = ({
@@ -226,9 +222,9 @@ export const HurdleTimelineChart = ({
@@ -237,9 +233,9 @@ export const HurdleTimelineChart = ({
diff --git a/frontend/src/components/charts/hurdles/SplitScoreChart.tsx b/frontend/src/components/charts/hurdles/SplitScoreChart.tsx
index c70b0a88..ef4cbb28 100644
--- a/frontend/src/components/charts/hurdles/SplitScoreChart.tsx
+++ b/frontend/src/components/charts/hurdles/SplitScoreChart.tsx
@@ -184,7 +184,7 @@ export const SplitScoreChart = ({
verticalAlign="top"
align="right"
iconType="line"
- wrapperStyle={{ fontSize: 11 }}
+ wrapperStyle={{ fontSize: 11, color: chartColors.foreground }}
/>
{/* 10th–90th percentile band — outer, light */}
diff --git a/frontend/src/components/charts/long_jump/ApproachProfileChart.tsx b/frontend/src/components/charts/long_jump/ApproachProfileChart.tsx
index 8a24faa1..f679741c 100644
--- a/frontend/src/components/charts/long_jump/ApproachProfileChart.tsx
+++ b/frontend/src/components/charts/long_jump/ApproachProfileChart.tsx
@@ -168,7 +168,12 @@ export const ApproachProfileChart = ({ runId }: ChartProps) => {