Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

fix: pre/code links don't change color when :active in dark mode #111

Merged

Conversation

kisaragi-hiu
Copy link
Contributor

...unlike normal links in dark mode, or both types of links in light mode.

Inline code link, before (hover & active) Inline code link, after (hover & active)
20240602T052818+0900 20240602T052748+0900
Normal link (hover & active) Inline code link, light mode (hover & active)
20240602T052843+0900 20240602T053409+0900

(Test page: route/route)

This is the same issue as remix-run/remix-website#262: the dark mode plain color rule has higher specificity than the text-inherit rule, so dark:inherit is needed to allow the :active color to continue to be applied. In this case it is more subtle (which is why I initially though there is no problem here), as links are still distinguishable as links.

...unlike normal links in dark mode, or both types of links in light
mode.

This is the same issue as
<remix-run/remix-website#262>, though more
subtle: the dark mode plain color rule has higher specificity than the
text-inherit rule, so dark:inherit is needed to allow the :active color
to continue to be applied.
Copy link
Contributor

@brookslybrand brookslybrand left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Awesome, thanks for the fix!

@brookslybrand brookslybrand merged commit 35ad9a7 into remix-run:main Jul 5, 2024
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

None yet

2 participants