From 18b860533cfb6d6e27ebdad919fc86b7406309b5 Mon Sep 17 00:00:00 2001
From: Fringg <egor.andrianovv@gmail.com>
Date: Wed, 18 Mar 2026 18:00:39 +0300
Subject: [PATCH] fix: add tooltip text color for dark theme in landing stats
 charts

---
 src/pages/AdminLandingStats.tsx | 6 ++++++
 1 file changed, 6 insertions(+)

diff --git a/src/pages/AdminLandingStats.tsx b/src/pages/AdminLandingStats.tsx
index 4f41625..af09df6 100644
--- a/src/pages/AdminLandingStats.tsx
+++ b/src/pages/AdminLandingStats.tsx
@@ -477,8 +477,10 @@ export default function AdminLandingStats() {
                       border: `1px solid ${colors.tooltipBorder}`,
                       borderRadius: CHART_COMMON.TOOLTIP.BORDER_RADIUS,
                       fontSize: CHART_COMMON.TOOLTIP.FONT_SIZE,
+                      color: colors.label,
                     }}
                     labelStyle={{ color: colors.label }}
+                    itemStyle={{ color: colors.label }}
                   />
                   <Area
                     yAxisId="left"
@@ -539,8 +541,10 @@ export default function AdminLandingStats() {
                       border: `1px solid ${colors.tooltipBorder}`,
                       borderRadius: CHART_COMMON.TOOLTIP.BORDER_RADIUS,
                       fontSize: CHART_COMMON.TOOLTIP.FONT_SIZE,
+                      color: colors.label,
                     }}
                     labelStyle={{ color: colors.label }}
+                    itemStyle={{ color: colors.label }}
                     formatter={(value: number | undefined) => {
                       return [value ?? 0, t('admin.landings.stats.purchases')];
                     }}
@@ -617,7 +621,9 @@ export default function AdminLandingStats() {
                         border: `1px solid ${colors.tooltipBorder}`,
                         borderRadius: CHART_COMMON.TOOLTIP.BORDER_RADIUS,
                         fontSize: CHART_COMMON.TOOLTIP.FONT_SIZE,
+                        color: colors.label,
                       }}
+                      itemStyle={{ color: colors.label }}
                     />
                   </PieChart>
                 </ResponsiveContainer>