From 837c677b51cec20e5653295f09bbcb6b871b0360 Mon Sep 17 00:00:00 2001 From: Usman Baig Date: Sun, 22 Feb 2026 20:53:21 +0100 Subject: [PATCH] fix: update dark mode support for uptime chart tooltips to align with user theme preferences --- CHANGELOG.md | 1 + app/sites/[id]/uptime/page.tsx | 4 ++-- 2 files changed, 3 insertions(+), 2 deletions(-) diff --git a/CHANGELOG.md b/CHANGELOG.md index f9ec287..c877e31 100644 --- a/CHANGELOG.md +++ b/CHANGELOG.md @@ -32,6 +32,7 @@ The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.1.0/), - **No more loading flicker.** Fast-loading pages no longer flash a loading state for a split second before showing content. - **Organization context switch.** Switching away from a deleted organization now stores the session correctly instead of using an insecure fallback. - **Removed debug logs.** Auth and organization-switching details no longer leak into the browser console in production. +- **Dark mode uptime chart.** The response time chart on the uptime page now correctly follows your dark mode preference instead of always showing a white tooltip background. ## [0.10.0-alpha] - 2026-02-21 diff --git a/app/sites/[id]/uptime/page.tsx b/app/sites/[id]/uptime/page.tsx index acebcb7..85a666b 100644 --- a/app/sites/[id]/uptime/page.tsx +++ b/app/sites/[id]/uptime/page.tsx @@ -284,8 +284,8 @@ function UptimeStatusBar({ // * Component: Response time chart (Recharts area chart) function ResponseTimeChart({ checks }: { checks: UptimeCheck[] }) { - const { theme } = useTheme() - const colors = theme === 'dark' ? CHART_COLORS_DARK : CHART_COLORS_LIGHT + const { resolvedTheme } = useTheme() + const colors = resolvedTheme === 'dark' ? CHART_COLORS_DARK : CHART_COLORS_LIGHT // * Prepare data in chronological order (oldest first) const data = [...checks]