[GH-ISSUE #5923] Ability to add css & js code or scripts to the dashboard #11291

Open
opened 2026-08-05 01:29:11 -04:00 by saavagebueno · 0 comments
Owner

Originally created by @PowershellScripter on GitHub (Apr 19, 2026).
Original GitHub issue: https://github.com/netbirdio/netbird/issues/5923

Can we get some way to add custom css and js files for self hosted or add the code in custom js and css panels. This would give better theming capabilities and allow the ability to integrate script functionality into the dashboard.

Custom css would give the ability for community driven theme packs and JS would give the ability to have certain functions like refreshing the peers list on a timed basis.

an example is I have a JS extension that dispatches calls to the page to invoke the dashboard refresh. This allows the elements to update without refreshing the whole page since NetBird already as an update call on reclicks. Having the ability to inject this into the dashboard directly to make it global would be much more efficient.

setInterval(() => {
    window.dispatchEvent(new Event('blur'));
    window.dispatchEvent(new Event('focus'));
}, 2000);
Originally created by @PowershellScripter on GitHub (Apr 19, 2026). Original GitHub issue: https://github.com/netbirdio/netbird/issues/5923 Can we get some way to add custom css and js files for self hosted or add the code in custom js and css panels. This would give better theming capabilities and allow the ability to integrate script functionality into the dashboard. Custom css would give the ability for community driven theme packs and JS would give the ability to have certain functions like refreshing the peers list on a timed basis. an example is I have a JS extension that dispatches calls to the page to invoke the dashboard refresh. This allows the elements to update without refreshing the whole page since NetBird already as an update call on reclicks. Having the ability to inject this into the dashboard directly to make it global would be much more efficient. ``` setInterval(() => { window.dispatchEvent(new Event('blur')); window.dispatchEvent(new Event('focus')); }, 2000); ```
saavagebueno added the feature-request label 2026-08-05 01:29:11 -04:00
Sign in to join this conversation.
No Label feature-request
1 Participants
Notifications
Due Date
No due date set.
Dependencies

No dependencies set.

Reference: DYNR/netbird#11291