Navigation Bar Appears to To Be Wrong Color in Dark Mode #6181

Closed
opened 2025-12-29 19:37:47 +01:00 by adam · 1 comment
Owner

Originally created by @dvigne on GitHub (Mar 8, 2022).

NetBox version

v3.1.9

Python version

3.9

Steps to Reproduce

Upgrade to 3.1.9 or perform a fresh install of Netbox

Expected Behavior

Navigation has background color code #171b1d

Navigation Bar

new

Observed Behavior

Navigation bar appears to be adopting a different color as shown below (#ffffff8c)

Navigation Bar

old

Originally created by @dvigne on GitHub (Mar 8, 2022). ### NetBox version v3.1.9 ### Python version 3.9 ### Steps to Reproduce Upgrade to 3.1.9 or perform a fresh install of Netbox ### Expected Behavior Navigation has background color code #171b1d ### Navigation Bar ![new](https://user-images.githubusercontent.com/16086309/157197231-33cb8a7f-5f50-40a4-88e0-9a36d61be2a6.png) ### Observed Behavior Navigation bar appears to be adopting a different color as shown below (#ffffff8c) ### Navigation Bar ![old](https://user-images.githubusercontent.com/16086309/157196798-df606414-d836-4b56-993b-7fec962c4616.png)
adam added the type: bug label 2025-12-29 19:37:47 +01:00
adam closed this issue 2025-12-29 19:37:47 +01:00
Author
Owner

@dvigne commented on GitHub (Mar 8, 2022):

I believe this to be caused by commit 796c5d785e where $navbar-light-color was set to $navbar-dark-color but I couldn't find where $navbar-dark-color was defined anywhere. I ended up forking the project and fixing this by changing it back to the way that @thatmattlove had it previously using $darkest instead of $navbar-light-color.

If you would like to see the quick fix I made on my server, here is the link to the commit on my fork:
d8aa37e05c

I'd be happy to open a quick PR if you'd like to pull this in. Thanks!

@dvigne commented on GitHub (Mar 8, 2022): I believe this to be caused by commit 796c5d785e96524b3f9fc61e2457c634c7cc1fcb where `$navbar-light-color` was set to `$navbar-dark-color` but I couldn't find where `$navbar-dark-color` was defined anywhere. I ended up forking the project and fixing this by changing it back to the way that @thatmattlove had it previously using `$darkest` instead of `$navbar-light-color`. If you would like to see the quick fix I made on my server, here is the link to the commit on my fork: https://github.com/dvigne/netbox/commit/d8aa37e05cc14abcce82f5856015764ef676a559 I'd be happy to open a quick PR if you'd like to pull this in. Thanks!
Sign in to join this conversation.
1 Participants
Notifications
Due Date
No due date set.
Dependencies

No dependencies set.

Reference: starred/netbox#6181