[PR #1545] Access log dark mode font #5763

New issue

Closed

opened 2026-03-01 15:42:30 +03:00 by kerem · 0 comments

kerem commented

2026-03-01 15:42:30 +03:00

Owner

Original Pull Request: https://github.com/0xJacky/nginx-ui/pull/1545

State: closed
Merged: Yes

Fix dark mode font color for map chart titles in the access log dashboard.

The previous text-gray-800 class was hardcoded, preventing the "Top 10 Countries / Regions" and "Top 10 Provinces / Regions" titles from adapting to dark mode. The new .table-title class uses var(--ant-color-text) to ensure proper theme adaptation.

Note

Low Risk
Theme-only UI adjustments (colors/tooltips/styles) with minimal behavioral impact; main risk is unintended visual regressions across light/dark themes.

Overview
Improves dark-mode styling across the access log dashboard charts so map and chart visuals remain readable.

The China/World map charts now use theme-aware visualMap gradients, default region fill colors, tooltip background/border/text colors, and dark-mode emphasis area colors. Table section titles are switched from a hardcoded Tailwind text color to a reusable .table-title style using Ant Design theme variables.

Daily/Hourly ApexCharts tooltips now explicitly follow the current theme via tooltip.theme.

^{Written by Cursor Bugbot for commit f6378c1db8. This will update automatically on new commits. Configure here.}

**Original Pull Request:** https://github.com/0xJacky/nginx-ui/pull/1545 **State:** closed **Merged:** Yes --- Fix dark mode font color for map chart titles in the access log dashboard. The previous `text-gray-800` class was hardcoded, preventing the "Top 10 Countries / Regions" and "Top 10 Provinces / Regions" titles from adapting to dark mode. The new `.table-title` class uses `var(--ant-color-text)` to ensure proper theme adaptation. --- <p><a href="https://cursor.com/background-agent?bcId=bc-c6854dd0-b16e-4aee-91d6-331539130d37"><picture><source media="(prefers-color-scheme: dark)" srcset="https://cursor.com/assets/images/open-in-cursor-dark.png"><source media="(prefers-color-scheme: light)" srcset="https://cursor.com/assets/images/open-in-cursor-light.png"><img alt="Open in Cursor" width="131" height="28" src="https://cursor.com/assets/images/open-in-cursor-dark.png"></picture></a> <a href="https://cursor.com/agents?id=bc-c6854dd0-b16e-4aee-91d6-331539130d37"><picture><source media="(prefers-color-scheme: dark)" srcset="https://cursor.com/assets/images/open-in-web-dark.png"><source media="(prefers-color-scheme: light)" srcset="https://cursor.com/assets/images/open-in-web-light.png"><img alt="Open in Web" width="114" height="28" src="https://cursor.com/assets/images/open-in-web-dark.png"></picture></a></p>  --- > [!NOTE] > **Low Risk** > Theme-only UI adjustments (colors/tooltips/styles) with minimal behavioral impact; main risk is unintended visual regressions across light/dark themes. > > **Overview** > Improves dark-mode styling across the access log dashboard charts so map and chart visuals remain readable. > > The China/World map charts now use theme-aware `visualMap` gradients, default region fill colors, tooltip background/border/text colors, and dark-mode emphasis area colors. Table section titles are switched from a hardcoded Tailwind text color to a reusable `.table-title` style using Ant Design theme variables. > > Daily/Hourly ApexCharts tooltips now explicitly follow the current theme via `tooltip.theme`. > > <sup>Written by [Cursor Bugbot](https://cursor.com/dashboard?tab=bugbot) for commit f6378c1db8a751b343970db8811ce94ce0849215. This will update automatically on new commits. Configure [here](https://cursor.com/dashboard?tab=bugbot).</sup>