Hovered link colours in Cassiopeia are sometimes hard to see

[nacc]

This may be more a comment than a question: I find the link colours (when hovered) are sometimes difficult to see, particularly in the footer and article pagination areas. I wonder if other people have noticed these things and also think the hovered link colours (grey against dark purple) are hard to see?

I know how to construct the CSS to give a better contrast to the links when you hover your mouse over them; I am not asking how to do that. My question is whether other people have noticed this too? The following image demonstrates the issue:

j4Cassiopeia_linkColours-footer.png

.

[ceford]

This is a bug for which there is a pull request that needs testing: https://issues.joomla.org/tracker/joomla-cms/41749

[nacc]

Thanks. I wonder what are the chances of this change being made to J! 4.x? Probably less than even money would be my guess. We live in hope.

[nacc]

Still broken in J! 4.4.0.

[ibtevolve]

Offcanvas Menu for Cassiopeia

<?php
/**
* @package Joomla.Site
* @subpackage mod_menu
*
* @copyright (C) 2021 Open Source Matters, Inc. <https://www.joomla.org>
* @license GNU General Public License version 2 or later; see LICENSE.txt
*/

defined('_JEXEC') or die;

use Joomla\CMS\HTML\HTMLHelper;
use Joomla\CMS\Language\Text;

HTMLHelper::_('bootstrap.offcanvas');
?>

<nav class="navbar navbar-expand-lg">
<button class="navbar-toggler navbar-toggler-right" type="button" data-bs-toggle="offcanvas" data-bs-target="#navbar<?php echo $module->id; ?>" aria-controls="navbar<?php echo $module->id; ?>" aria-expanded="false" aria-label="<?php echo Text::_('MOD_MENU_TOGGLE'); ?>">
<span class="icon-menu" aria-hidden="true"></span>
</button>
<div class="offcanvas offcanvas-start" id="navbar<?php echo $module->id; ?>">
<div class="offcanvas-header">
<button type="button" class="btn-close btn-close-white" data-bs-dismiss="offcanvas" aria-label="Close"></button>
</div>
<div class="offcanvas-body">
<?php require __DIR__ . '/dropdown-metismenu.php'; ?>
</div>
</div>
</nav>