The current yellow-orange background tint on library versions can be somewhat confusing because when combined with the alternating row background colours, it can make it look like the different yellow-orange shades mean something different. And then coupled with the fact that there's no explicit "legend" for the background colour, it was a bit confusing to me at first.
I'm not entirely sure what the right answer to solve this though. Gemini had some suggestions:
- Move away from full-cell background fills entirely and use a structural element to indicate changes. Keep the clean alternating row colors (white and light gray), but add a thick vertical accent bar (3px–4px wide) to the left edge of any cell that has changed. Alternatively, wrap changed cells in a distinct, colored border.
- Relying purely on color can cause issues not just with alternating rows, but also for colorblind users. Adding a text or icon indicator removes all ambiguity. Inside the changed cell, place a small, high-contrast badge next to or above the version number (e.g., a tiny pill tag that says NEW or a small update icon ⚡).
- Remove any transparency from your highlight shade (e.g., use a solid #FFE082). Apply this exact same hex code to any cell indicating a change, completely overriding the white or light-gray background underneath.
The current yellow-orange background tint on library versions can be somewhat confusing because when combined with the alternating row background colours, it can make it look like the different yellow-orange shades mean something different. And then coupled with the fact that there's no explicit "legend" for the background colour, it was a bit confusing to me at first.
I'm not entirely sure what the right answer to solve this though. Gemini had some suggestions: