Change side navigation theme #9791

Closed
opened 2025-12-29 21:22:45 +01:00 by adam · 2 comments
Owner

Originally created by @andrewgormley on GitHub (Jun 3, 2024).

NetBox version

v4.1.0-dev

Feature type

New functionality

Proposed functionality

When a user changes theme between light and dark mode the side navigation should also change colour. The current app has a 'light' side navigation regardless of whether light or dark mode has been selected.

Use case

By adding this feature users would have full control over their theme experience. The current dark mode experience forces users to constantly look between a light mode menu and dark mode content area which means their eyes need to adjust between the two contrast types, this is not optimal.

Database changes

No response

External dependencies

No response

Originally created by @andrewgormley on GitHub (Jun 3, 2024). ### NetBox version v4.1.0-dev ### Feature type New functionality ### Proposed functionality When a user changes theme between light and dark mode the side navigation should also change colour. The current app has a 'light' side navigation regardless of whether light or dark mode has been selected. ### Use case By adding this feature users would have full control over their theme experience. The current dark mode experience forces users to constantly look between a light mode menu and dark mode content area which means their eyes need to adjust between the two contrast types, this is not optimal. ### Database changes _No response_ ### External dependencies _No response_
adam added the type: feature label 2025-12-29 21:22:45 +01:00
adam closed this issue 2025-12-29 21:22:46 +01:00
Author
Owner

@mjf commented on GitHub (Jun 4, 2024):

I experience 'dark' side navigation regardless of mode selected (Firefox 125.0). Changing prefered mode in Firefox's settings (I prefer 'dark' but also tried both 'auto' and 'light' options) makes no difference.

@mjf commented on GitHub (Jun 4, 2024): I experience 'dark' side navigation regardless of mode selected (Firefox 125.0). Changing prefered mode in Firefox's settings (I prefer 'dark' but also tried both 'auto' and 'light' options) makes no difference.
Author
Owner

@jeremystretch commented on GitHub (Jun 4, 2024):

@andrewgormley this has already been proposed and declined in #15615. The use of a contrasting color for the sidebar was an intentional choice, and serves to differentiate navigation controls from the page content. It's a rather common approach for dashboard-type applications; here's an example straight from Tabler as a reference.

@jeremystretch commented on GitHub (Jun 4, 2024): @andrewgormley this has already been proposed and declined in #15615. The use of a contrasting color for the sidebar was an intentional choice, and serves to differentiate navigation controls from the page content. It's a rather common approach for dashboard-type applications; here's [an example](https://preview.tabler.io/layout-combo.html) straight from Tabler as a reference.
Sign in to join this conversation.
1 Participants
Notifications
Due Date
No due date set.
Dependencies

No dependencies set.

Reference: starred/netbox#9791