Link visibility issue in dark mode

[NegiAkash890]

What version of React, ReactDOM/React Native, Redux, and React Redux are you using?

• React Redux:
  In the docs

What is the current behavior?

1. Go to the React-Redux doc
2. Switch the dark mode on.
3. Open any section in tutorial

What is the expected behavior?

The links in the "Tutorial" section of the left sidebar.
Contains three subsections each one of these contains a "tip", "prerequisites" block.
On turning the dark mode on some links in this block lose visibility.

Screenshot 1 :

Screenshot 2 :

Screenshot 3 :

I am interested in fixing this where should I start ?

Which browser and OS are affected by this issue?

I checked on edge and firefox

Did this work in previous versions of React Redux?

• Yes

[timdorr]

I am interested in fixing this where should I start ?

All of the doc site stuff is in the website folder. You can find our CSS customizations here: https://github.com/reduxjs/react-redux/blob/master/website/static/css/custom.css

[NegiAkash890]

Hi on skimming through the stylesheet I found that its the CSS rule marked in the screenshot that is introducing the bug

Toggling the property fixes the issue :

But on hovering the link , the link again becomes invisible. I think that the property mentioned above should be removed and for the hovering issue I think we can use

/* Something like this so anchor tag do not lose its visibility on hover  */
a:hover{
  color : red ;
}

[AnirudhPanda]

#1783 Review Please!