No Code Attached Yet a11y
avatar woluweb
woluweb
27 May 2026

Steps to reproduce the issue

Articles > Versions button > Compare

Version

6.1

Expected result

No matter whether you are in Dark Mode or Light Mode, the Compare popup of Versioning should have a good color contrast

Actual result

With dark mode, the changes are

  • white on light green
  • white on light red
    and is not readable (color contrast)

See screenshots

Image Image

What device were you using? (eg, phone, laptop)

desktop

What web browser were you using? (eg, Chrome, Safari)

Firefox (latest)

Assistive Technology?

No response

Additional Comments

Maybe contrast-color() could make sense to solve this kind of issues.
https://developer.mozilla.org/en-US/docs/Web/CSS/Reference/Values/color_value/contrast-color

I noticed this issue on Versions > Compare and I don't think right now of other places using that red/green background, but maybe there are other places to fix in the backend

When editing from the front-end, the issue does not arise because front-end edition does not follow the light/dark mode setting of the backend. I also checked the case of a front-end Template which is in dark mode, but even in that case the Modal Window for Versions Compare has white background

avatar woluweb woluweb - open - 27 May 2026
avatar woluweb woluweb - change - 27 May 2026
Labels Added: a11y
avatar woluweb woluweb - labeled - 27 May 2026
avatar joomla-cms-bot joomla-cms-bot - change - 27 May 2026
Labels Added: No Code Attached Yet
avatar joomla-cms-bot joomla-cms-bot - labeled - 27 May 2026

Add a Comment

Login with GitHub to post a comment