Fix pixel glitch on hover for Mauritius and Retro themes

[Drishtyaggarwal]

📝 Making another type of change?

What does this PR change?

Fixes a pixel glitch that appeared on hover for Mauritius and Retro theme cards, caused by a margin gap exposing the card's background color.

Why?

Resolves #4667

Type of change

• Bug fix

Checklist

• I've linked the relevant issue above
• My changes only touch the files relevant to this PR
• I've tested locally where applicable

[github-actions]

Hi @Drishtyaggarwal! 👋

This PR changes files outside the cards/ directory:

• assets/style.css
• assets/themes.css

Please submit a PR that only adds your card at cards/your-github-username.html. Any other changes need a separate PR with a linked issue first.

[Drishtyaggarwal]

"This PR is linked to issue #4667 which I was assigned to. The changes to assets/style.css and assets/themes.css are the actual bug fix."

[kuramaSeige-OFC]

In theme Mauritius it's still have the glitch, In Retro it's gone

Can you fix the Mauritius's Glitch as well if possible

[github-actions]

Hi @Drishtyaggarwal! 👋

This PR changes files outside the cards/ directory:

• assets/style.css
• assets/themes.css

Please submit a PR that only adds your card at cards/your-github-username.html. Any other changes need a separate PR with a linked issue first.

[github-actions]

Hi @Drishtyaggarwal! 👋

This PR changes files outside the cards/ directory:

• assets/style.css
• assets/themes.css

Please submit a PR that only adds your card at cards/your-github-username.html. Any other changes need a separate PR with a linked issue first.

[Drishtyaggarwal]

Fixed the ampersand encoding issue and the Mauritius theme glitch in the Fetched From section. Ready for re-review!

[github-actions]

Hi @Drishtyaggarwal! 👋

This PR changes files outside the cards/ directory:

• assets/style.css
• assets/themes.css

Please submit a PR that only adds your card at cards/your-github-username.html. Any other changes need a separate PR with a linked issue first.

[Drishtyaggarwal]

Hi! I solved the glitch without deleting the original code and avoiding !important. Hope it's better. Please give your feedback after reviewing, and if there's any problem, feel free to ask me to resolve it.

[github-actions]

This PR has had no activity for 21 days. Please push a fix to address the requested changes — otherwise it will be closed in 21 days. The bot comment on your PR explains exactly what needs fixing.

[github-actions]

This PR was closed due to 42 days of inactivity after changes were requested. Feel free to open a new PR once the issues are resolved.

[kuramaSeige-OFC]

Hi @Drishtyaggarwal,

Really sorry for the late review,

Currently that issue is gone but there is another issue raised in your PR

The fetched from file name is not visible in Retro theme

I guess it's cause of you've removed some css properties and changed theme colors

check the card template and confirm which theme variable supplies the color and restore it.

Regards,
@kuramaSeige-OFC

[github-actions]

Hi @Drishtyaggarwal! 👋

This PR changes files outside the cards/ directory:

• assets/style.css
• assets/themes.css

Please submit a PR that only adds your card at cards/your-github-username.html. Any other changes need a separate PR with a linked issue first.

[Drishtyaggarwal]

its okay, ill review it know

[github-actions]

Hi @Drishtyaggarwal! 👋

This PR changes files outside the cards/ directory:

• assets/style.css
• assets/themes.css

Please submit a PR that only adds your card at cards/your-github-username.html. Any other changes need a separate PR with a linked issue first.

[Drishtyaggarwal]

Hi @kuramaSeige-OFC, thanks for pointing this out! 🙌

You were right — it was a CSS variable issue. In the Retro theme, the fetched-from filename link was using --color-primary (
#3a6ea5), which is the same color as the card background, so it was invisible. I've added an explicit color: #fff override for .card p small a in the Retro theme (similar to how it's already handled in the Classic theme), and pushed the fix — it's now part of this PR.

Please let me know if you'd like any changes!

[github-actions]

Hi @Drishtyaggarwal! 👋

This PR changes files outside the cards/ directory:

• assets/style.css
• assets/themes.css

Please submit a PR that only adds your card at cards/your-github-username.html. Any other changes need a separate PR with a linked issue first.

[Drishtyaggarwal]

Closing this in favor of #4739, which cleanly adds just the card file (cards/) as required. I'll open separate issues + PRs for the CSS/theme fixes that were previously bundled here (Mauritius hover glitch, Retro theme fetched-from filename visibility, ampersand fix).

[kuramaSeige-OFC]

Yeah sure @Drishtyaggarwal, create a seperate PR and cite it with the same issue #4667