alexei.dolgolyov/wled-screen-controller-mixed
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update FPS chart colors dynamically when accent color changes

Browse Source 
Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
This commit is contained in:
Admin
2026-02-27 22:00:01 +03:00
parent bd6c072adf
commit 5f90336edd
2 changed files with 13 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
server/src/wled_controller/static/js/features/dashboard.js
View File

@@ -814,6 +814,18 @@ document.addEventListener('languageChanged', () => {
loadDashboard(); loadDashboard();
}); });
// Update FPS chart colors when accent color changes
document.addEventListener('accentColorChanged', () => {
const accent = _getAccentColor();
for (const chart of Object.values(_fpsCharts)) {
if (!chart) continue;
chart.data.datasets[0].borderColor = accent;
chart.data.datasets[0].backgroundColor = accent + '1f';
chart.data.datasets[1].borderColor = accent + '80';
chart.update();
}
});
// Pause uptime timer when browser tab is hidden, resume when visible // Pause uptime timer when browser tab is hidden, resume when visible
document.addEventListener('visibilitychange', () => { document.addEventListener('visibilitychange', () => {
if (document.hidden) { if (document.hidden) {

1
server/src/wled_controller/templates/index.html
View File

@@ -246,6 +246,7 @@
const native = document.getElementById('cp-native-accent'); const native = document.getElementById('cp-native-accent');
if (native) native.value = hex; if (native) native.value = hex;
localStorage.setItem('accentColor', hex); localStorage.setItem('accentColor', hex);
document.dispatchEvent(new CustomEvent('accentColorChanged', { detail: { color: hex } }));
if (!silent) showToast('Accent color updated', 'info'); if (!silent) showToast('Accent color updated', 'info');
} }