opnsense
Dark mode dashboard charts use unreadable text
Important notices
Before you add a new report, we ask you kindly to acknowledge the following: • I have read the contributing guide lines at https://github.com/opnsense/core/blob/master/CONTRIBUTING.md • I am convinced that my issue is new after having checked both open and closed issues at https://github.com/opnsense/core/issues?q=is%3Aissue
⸻
Describe the bug
In dark mode, several dashboard widgets (Firewall chart, Traffic Graph) render dark text on a dark background, making labels, legends, and axis text unreadable.
This appears to be an issue with chart.js not inheriting the high-contrast theme colors.
Last known working version: Unknown First version where bug appeared: OPNsense 25.7.5
⸻
To Reproduce
Steps to reproduce the behavior: 1. Go to System → Settings → General 2. Under Theme, select opnsense-dark 3. Navigate to the Dashboard 4. Add the following widgets: • Firewall • Traffic Graph 5. Observe the charts (legend text, axis numbers, and labels) appear in dark/low-contrast colors that blend into the background
⸻
Expected behavior
In dark mode, all chart elements (labels, axis text, legends, tooltips) should automatically switch to white or another high-contrast color so the charts remain readable.
⸻
Describe alternatives you considered
Using the light theme avoids the issue but defeats the purpose of dark mode. There are no other user-accessible workarounds.
⸻
Screenshots
⸻
Relevant log files
Not applicable — this is a frontend/UI rendering issue.
⸻
Additional context
The rest of the UI correctly adapts to dark mode. Only chart.js-based widgets fail to inherit theme colors.
This likely requires adjusting chart.js defaults or CSS variables for dark mode.
⸻
Environment
OPNsense 25.7.5 (amd64) Dashboard GUI: /ui/dashboard Browser tested: Chrome, Safari Hardware: Standard appliance (not relevant to UI)
Thank you for creating an issue. Since the ticket doesn't seem to be using one of our templates, we're marking this issue as low priority until further notice.
For more information about the policies for this repository, please read https://github.com/opnsense/core/blob/master/CONTRIBUTING.md for further details.
The easiest option to gain traction is to close this ticket and open a new one using one of our templates.
