Some functionality added to dashboard gadgets.

frontend/src/components/today/TodayHorizontalBarChart.tsx

@@ -13,8 +13,8 @@ import {
 import { TodayChartFrame } from '@/components/today/TodayChartFrame';
 import type { TodayChartBucket } from '@/types/today';
 import {
+  chartRankColor,
   TODAY_CHART_AXIS_COLOR,
-  TODAY_CHART_COLORS,
   TODAY_CHART_GRID_COLOR,
   TODAY_CHART_TOOLTIP_STYLE,
 } from '@/components/today/chart-theme';
@@ -65,7 +65,7 @@ export function TodayHorizontalBarChart({ data }: TodayHorizontalBarChartProps)
             {chartData.map((entry, index) => (
               <Cell
                 key={entry.code}
-                fill={TODAY_CHART_COLORS[index % TODAY_CHART_COLORS.length]}
+                fill={chartRankColor(index)}
               />
             ))}
           </Bar>