Choose a theme
The widget accepts theme: 'auto', theme: 'light' or theme: 'dark' in FeedbackNexus.init().
| Value | Behaviour |
|---|---|
auto |
Follow the visitor’s operating-system colour preference and react when it changes. |
light |
Use the light widget theme. |
dark |
Use the dark widget theme. |
The default is auto. An unsupported value also falls back to auto. The JavaScript value is auto, not system.
Example
<script src="https://api.feedbacknexus.com/widget.min.js"></script>
<div id="feedback-widget"></div>
<script>
FeedbackNexus.init({
portal: 'portal-name',
container: '#feedback-widget',
maxItems: 20,
theme: 'auto'
});
</script>
Replace portal-name with your portal’s name. Your portal’s widget must be enabled and the website domain allowed. Widget access requires Pro or Enterprise.
What follows the theme
The widget’s feedback list, submission form, comments and its other views use the selected theme. This setting changes the widget, not the rest of your website or the main FeedbackNexus app.
If your website has its own manual light/dark switch, choose the matching explicit widget value in your integration. auto follows the operating-system preference; it does not read a theme class on the host page.
If the colours look wrong
Check the theme option in the initialisation code and any custom CSS that overrides widget colours. For automatic mode, also check the operating-system preference. A hard-coded background in your own CSS can obscure the widget’s theme colours.
Read the full installation guide for setup and supported options.