[5.2] Duplicate query in debugbar is illegible when using Dark Mode

[AkameOuO]

Steps to reproduce the issue

• Use dark mode and enable debug system
• Visit any page with duplicate query
• Open debugbar and choose queries tab

The upper one is duplicate and the other one is not.

Expected result

All texts are legible.

Actual result

Duplicate query is illegible when using Dark Mode

System information (as much as possible)

Additional comments

Maybe use CSS variable?

[brianteeman]

i believe this has been fixed already for joomla 5.3 with #44902

[AkameOuO]

joomla-cms/build/media_source/plg_system_debug/widgets/sqlqueries/widget.css

Lines 161 to 167 in 8d555a7

	div.phpdebugbar-widgets-sqlqueries li.phpdebugbar-widgets-list-item.phpdebugbar-widgets-sql-duplicate {
	background-color: #edeff0;
	}
	div.phpdebugbar-widgets-sqlqueries li.phpdebugbar-widgets-list-item.phpdebugbar-widgets-sql-duplicate:hover {
	background-color: #ffc;
	}

Sorry, but this is not included in that PR.

[richard67]

Sorry, but this is not included in that PR.

@AkameOuO Could you test on a testing environment (i.e. not a production site) with a 5.3 nightly build if the issue also exists in 5.3? You can find the nightlies here: https://developer.joomla.org/nightly-builds.html. The issue might indeed be fixed with he PR which Brian had mentioned, just at a different place than where you expect it. If it still persists on 5.3, the issue might also be fixed by this PR which again updated the debug bar dependency: #45071 .

[AkameOuO]

Same in 5.3 nightly build

[brianteeman]

there is a problem in the way we are including and overriding css with this external script