Refine object change diff styling for improved readability #90

New Issue

MrUnknownDE · 2026-04-05T16:21:34+02:00

MrUnknownDE commented

2026-04-05 16:21:34 +02:00

Originally created by @eazelis on 3/24/2026

NetBox version

v4.5.5

Feature type

Change to existing functionality

Proposed functionality

NetBox currently renders object change diffs using strong flat green/red fills for both full diff blocks and line-level added/removed data. While functional, this can make larger change records feel visually heavy and harder to scan.

I would like to propose a styling refinement for the object change detail view affecting:

pre.change-data > span.added
pre.change-data > span.removed
pre.change-diff.change-added
pre.change-diff.change-removed

Proposed change:

keep the existing added/removed semantics
replace the current heavy solid fills with softer tinted backgrounds
add clearer structure to the main diff blocks using a subtle border
keep text color neutral for readability

This would be a styling-only change. No model, API, template, or workflow changes are proposed.

Use case

Object change records are often reviewed during auditing, troubleshooting, and validation of automation-driven changes. In these cases, users need to quickly identify what changed without the diff styling overwhelming the content itself.

A softer, more structured visual treatment would improve readability for dense change records while preserving the same added/removed meaning.

Database changes

None.

External dependencies

None.

*Originally created by @eazelis on 3/24/2026* ### NetBox version v4.5.5 ### Feature type Change to existing functionality ### Proposed functionality NetBox currently renders object change diffs using strong flat green/red fills for both full diff blocks and line-level added/removed data. While functional, this can make larger change records feel visually heavy and harder to scan. I would like to propose a styling refinement for the object change detail view affecting: - `pre.change-data > span.added` - `pre.change-data > span.removed` - `pre.change-diff.change-added` - `pre.change-diff.change-removed` Proposed change: - keep the existing added/removed semantics - replace the current heavy solid fills with softer tinted backgrounds - add clearer structure to the main diff blocks using a subtle border - keep text color neutral for readability This would be a styling-only change. No model, API, template, or workflow changes are proposed. <img width="2560" height="968" alt="Image" src="https://github.com/user-attachments/assets/0b2e43d1-c2cb-48f3-8b6d-916612ac43a0" /> ### Use case Object change records are often reviewed during auditing, troubleshooting, and validation of automation-driven changes. In these cases, users need to quickly identify what changed without the diff styling overwhelming the content itself. A softer, more structured visual treatment would improve readability for dense change records while preserving the same added/removed meaning. ### Database changes None. ### External dependencies None.

MrUnknownDE closed this issue

2026-04-05 16:21:34 +02:00

Sign in to join this conversation.

Branches Tags

main

21455-sql-indexes-audit

21357-register-model-actions

feature

20924-plugin-ui-components

21766-improve-test-coverage-for-sortable-table-columns

21157-export-template-public-models

21025-pre-render-config-contexts

21364-swagger

feature-ip-prefix-link

20911-dropdown-3

fix_module_substitution

21160-filterset

20911-dropdown-2

20044-elevation-stuck-lightmode

7604-filter-modifiers-v3

20660-script-load

19724-graphql

14884-script

19720-macaddress-interface-generic-relation

fix-19669-api-image-download

7604-filter-modifiers

19275-fixes-interface-bulk-edit

fix-17794-get_field_value_return_list

11507-show-aggregate-and-rir-on-api

9583-add_column_specific_search_field_to_tables

No Label complexity: low complexity: low complexity: low complexity: low complexity: low netbox netbox netbox netbox netbox netbox netbox netbox netbox netbox netbox netbox netbox netbox netbox netbox netbox netbox netbox netbox netbox netbox netbox netbox netbox netbox netbox netbox netbox netbox netbox netbox netbox netbox netbox netbox netbox netbox status: accepted status: accepted status: accepted status: accepted status: accepted status: accepted status: accepted status: accepted status: accepted status: accepted status: accepted status: accepted status: accepted status: accepted status: accepted status: accepted type: feature type: feature type: feature type: feature type: feature type: feature type: feature type: feature type: feature type: feature type: feature type: feature type: feature type: feature

1 Participants

Notifications

Due Date

No due date set.

Dependencies

No dependencies set.

Reference: github/netbox#90