Information shown when hovering is almost black text on black background (barely readable)

[nonenmac]

Recently (maybe the past year or so) when I hover over the sources of vernacular name and synonym data (e.g. hovering over "Soreng et al., 2000+" at https://data.canadensys.net/vascan/taxon/18922), a box shows up near the cursor showing an expansion of the source shown on the page, but it is barely readable (if at all) because the background of the box is just a little darker than the text itself (dark gray on black). I'm using a Firefox web browser on a Windows 10 desktop.

[CaroleSinou]

@cgendreau do you have an idea of why this is happening. I was hoping to be able to solve it by myself but will lose too much time searching for what to change and where...

[cgendreau]

Hard to tell. There is a lot of CSS to navigate.

In that code:
<div id="tooltip" style="display: none; left: 1495px; right: auto; top: 330px;"><h3>McMurray, S. &amp; A. Lehela. 1999. Ontario Plant List - Digital Version 1.0. Ministry of Natural Resources &amp; Queens Printer for Ontario. [CD]</h3><div class="body" style="display: none;"></div><div class="url" style="display: none;"></div></div>

You can add something like background-color: rgb(255, 255, 255); in the style section of the tooltip div to force it to not inherit the background color.