starred/netbox
1
0
Fork 0
mirror of https://github.com/netbox-community/netbox.git synced 2026-01-11 21:10:29 +01:00
Code Issues 273 Packages Projects Releases 10 Wiki Activity

status color background is not distinguishable #9783

New Issue
Closed
opened 2025-12-29 21:22:34 +01:00 by adam · 3 comments
adam commented 2025-12-29 21:22:34 +01:00
Owner
Copy Link

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

Originally assigned to: @jeremystretch on GitHub.

Deployment Type

Self-hosted

NetBox Version

v4.0.3

Python Version

3.10

Steps to Reproduce

Not actually a real bug, but more of a suggestion.
When changing the background color values ​​for the prefix statuses in the "FIELD_CHOICES" section of the configuration.py file, it is very difficult to distinguish black, gray and white colors. in the previous version (v3.x) the difference was much more obvious.

Expected Behavior

v3 black:
image

v3 gray:
image

v3 white:
image

Observed Behavior

v4 black:
image

v4 gray:
image

v4 white:
image

Originally created by @opericgithub on GitHub (Jun 3, 2024). Originally assigned to: @jeremystretch on GitHub. ### Deployment Type Self-hosted ### NetBox Version v4.0.3 ### Python Version 3.10 ### Steps to Reproduce Not actually a real bug, but more of a suggestion. When changing the background color values ​​for the prefix statuses in the "FIELD_CHOICES" section of the configuration.py file, it is very difficult to distinguish black, gray and white colors. in the previous version (v3.x) the difference was much more obvious. ### Expected Behavior v3 black: ![image](https://github.com/netbox-community/netbox/assets/65983735/f0437843-7884-482b-9cfa-21c497f4afa8) v3 gray: ![image](https://github.com/netbox-community/netbox/assets/65983735/89cffa3c-c2c8-4657-9828-9b51d71aa276) v3 white: ![image](https://github.com/netbox-community/netbox/assets/65983735/6e45f663-aa5b-4102-a3b0-17d083e59106) ### Observed Behavior v4 black: ![image](https://github.com/netbox-community/netbox/assets/65983735/2f12f7ee-0281-4a76-a74e-f0701503e22d) v4 gray: ![image](https://github.com/netbox-community/netbox/assets/65983735/43830d32-8d9d-46fb-b8e4-f47371c72f76) v4 white: ![image](https://github.com/netbox-community/netbox/assets/65983735/63f43524-91a4-4d5a-9636-6d5095f501e5)
adam added the type: bugstatus: acceptedtopic: UI/UXseverity: low labels 2025-12-29 21:22:34 +01:00
adam closed this issue 2025-12-29 21:22:34 +01:00
adam commented 2025-12-29 21:22:35 +01:00
Author
Owner
Copy Link

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

Thanks for reporting this low visual contrast issue. I'm putting it through and assigning low severity, partly because there's a comprehensive rework of contrast planned for v4.1 under #16390.

@jeffgdotorg commented on GitHub (Jun 4, 2024): Thanks for reporting this low visual contrast issue. I'm putting it through and assigning low severity, partly because there's a comprehensive rework of contrast planned for v4.1 under #16390.
adam commented 2025-12-29 21:22:35 +01:00
Author
Owner
Copy Link

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

Looks like we lost the black, white, and gray styles during the move to Bootstrap v5.3. We probably just need to create aliases for the native styles:

  • black -> dark
  • white -> light
  • gray -> secondary
@jeremystretch commented on GitHub (Jun 17, 2024): Looks like we lost the black, white, and gray styles during the move to Bootstrap v5.3. We probably just need to create aliases for the native styles: * `black` -> `dark` * `white` -> `light` * `gray` -> `secondary`
adam commented 2025-12-29 21:22:35 +01:00
Author
Owner
Copy Link

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

Bootstrap docs for reference. Custom colors need to be defined in styles/overrides/_bootstrap.scss.

@jeremystretch commented on GitHub (Jun 26, 2024): [Bootstrap docs](https://getbootstrap.com/docs/5.3/utilities/colors/) for reference. Custom colors need to be defined in `styles/overrides/_bootstrap.scss`.
Sign in to join this conversation.
No Branch/Tag Specified
Branches Tags
Labels
Clear labels
beta
breaking change
complexity: high
complexity: low
complexity: medium
needs milestone
netbox
pending closure
plugin candidate
pull-request
Mirrored from GitHub Pull Request
 severity: high
severity: low
severity: medium
status: accepted
status: backlog
status: blocked
status: duplicate
status: needs owner
status: needs triage
status: revisions needed
status: under review
topic: GraphQL
topic: Internationalization
topic: OpenAPI
topic: UI/UX
topic: cabling
topic: event rules
topic: htmx navigation
topic: industrialization
topic: migrations
topic: plugins
topic: scripts
topic: templating
topic: testing
type: bug
type: deprecation
type: documentation
type: feature
type: housekeeping
type: translation
No Label severity: low status: accepted topic: UI/UX type: bug
Milestone
No items
No Milestone
Projects
Clear projects
No project
Assignees
Clear assignees
adam
No Assignees
1 Participants
Notifications
Due Date
No due date set.
Dependencies

No dependencies set.

Reference: starred/netbox#9783
Delete Branch "%!s()"

Deleting a branch is permanent. Although the deleted branch may continue to exist for a short time before it actually gets removed, it CANNOT be undone in most cases. Continue?