Closes #21743: Refine Object Change diff styling for improved readability #52

New Issue

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

MrUnknownDE commented

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

Originally created by @pheus on 3/30/2026

Fixes: #21743

This PR refines the object change diff styling to improve readability while preserving the existing added/removed semantics.

It introduces softer tinted backgrounds via CSS custom properties, improves contrast and border consistency, and adjusts spacing for a cleaner presentation. It also replaces btn-group with card-actions for more consistent navigation button styling.

Screenshots

Dark before:

Dark after:

Light before:

Ligt after:

*Originally created by @pheus on 3/30/2026* ### Fixes: #21743 This PR refines the object change diff styling to improve readability while preserving the existing added/removed semantics. It introduces softer tinted backgrounds via CSS custom properties, improves contrast and border consistency, and adjusts spacing for a cleaner presentation. It also replaces `btn-group` with `card-actions` for more consistent navigation button styling. #### Screenshots Dark before: <img width="1886" height="1540" alt="dark-before" src="https://github.com/user-attachments/assets/eca7d297-d6cf-4180-b52f-54b9095f4442" /> Dark after: <img width="1886" height="1524" alt="dark-after" src="https://github.com/user-attachments/assets/5b5ffe77-96b5-46ec-800d-a961fe839829" /> Light before: <img width="1886" height="1540" alt="light-before" src="https://github.com/user-attachments/assets/5348a706-36e8-4471-a88f-668a3986c160" /> Ligt after: <img width="1886" height="1524" alt="light-after" src="https://github.com/user-attachments/assets/9d42ec84-1abd-4cd3-b1e8-3d5db77beb07" />

MrUnknownDE closed this issue

2026-04-05 16:21:21 +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

1 Participants

Notifications

Due Date

No due date set.

Dependencies

No dependencies set.

Reference: github/netbox#52