Improve Rack Elevation Device Text Label Color from Device View #11667

Open
opened 2025-12-29 21:48:17 +01:00 by adam · 1 comment
Owner

Originally created by @sweickge on GitHub (Sep 30, 2025).

NetBox version

v4.3.4

Feature type

Change to existing functionality

Proposed functionality

When looking at rack elevations from the device view, the device name labels for other devices in the rack are hard to read, especially with the white text, for the front elevation view. It doesn't matter if using light mode or dark mode

For example in dark mode and light mode:

Image Image

Right now, the only work around is to go to the rack object itself, and look at the elevation:

Image

It would be great to either be able to manually set the text label color, or improve the readability of the text by hardcoding the color to black. Hardcoding to black would match the rear elevation view text color.

Use case

This change would improve readability and accessibility for Netbox users

I used my browser inspector to update the text color to black and here's what it looks like in light mode vs dark mode:

Image Image

Database changes

N/A

External dependencies

N/A

Originally created by @sweickge on GitHub (Sep 30, 2025). ### NetBox version v4.3.4 ### Feature type Change to existing functionality ### Proposed functionality When looking at rack elevations from the device view, the device name labels for other devices in the rack are hard to read, especially with the white text, for the front elevation view. It doesn't matter if using light mode or dark mode For example in dark mode and light mode: <img width="768" height="794" alt="Image" src="https://github.com/user-attachments/assets/6474ea90-4bc6-458e-90b2-c4aac49a36ba" /> <img width="678" height="784" alt="Image" src="https://github.com/user-attachments/assets/108746b0-a7be-4c48-8676-d9d055088944" /> Right now, the only work around is to go to the rack object itself, and look at the elevation: <img width="868" height="668" alt="Image" src="https://github.com/user-attachments/assets/acd78793-26b8-403f-affa-06bb2eb01856" /> It would be great to either be able to manually set the text label color, or improve the readability of the text by hardcoding the color to black. Hardcoding to black would match the rear elevation view text color. ### Use case This change would improve readability and accessibility for Netbox users I used my browser inspector to update the text color to black and here's what it looks like in light mode vs dark mode: <img width="769" height="737" alt="Image" src="https://github.com/user-attachments/assets/dc463bd1-752c-47ba-8d4a-a9a971672a2d" /> <img width="686" height="743" alt="Image" src="https://github.com/user-attachments/assets/3ccea30a-8f6e-4f51-a768-da426fe2f2e8" /> ### Database changes N/A ### External dependencies N/A
adam added the type: featurestatus: needs ownernetboxcomplexity: low labels 2025-12-29 21:48:17 +01:00
Author
Owner

@jnovinger commented on GitHub (Oct 2, 2025):

We should use already defined values for these, if possible. Ideally something already defined at the NetBox level, but failing that, something defined in one of styling libraries.

@jnovinger commented on GitHub (Oct 2, 2025): We should use already defined values for these, if possible. Ideally something already defined at the NetBox level, but failing that, something defined in one of styling libraries.
Sign in to join this conversation.
1 Participants
Notifications
Due Date
No due date set.
Dependencies

No dependencies set.

Reference: starred/netbox#11667