techstack-generator icon indicating copy to clipboard operation
techstack-generator copied to clipboard

[bug]: Background color issue for GitHub icon on dark theme

Open eugene4545 opened this issue 8 months ago • 1 comments

Description

I'm experiencing an issue with the GitHub icon's background color when viewed on a dark theme. The icon is not clearly visible, and attempts to change the background color using inline styles have not been successful. Here are the steps I followed:

  1. I tried adding a style attribute directly to the <td> element:
<td align="center" width="96" style="background-color: white;">
    <img src="https://techstack-generator.vercel.app/github-icon.svg" width="48" height="48" alt="GitHub" /><br>GitHub
</td>
  1. I also wrapped the icon in a div with a white background:
<td align="center" width="96">
    <div style="background-color: white; padding: 10px; border-radius: 10px;">
        <img src="https://techstack-generator.vercel.app/github-icon.svg" width="48" height="48" alt="GitHub" /><br>GitHub
    </div>
</td>

Despite these efforts, the background color does not change, and the icon remains difficult to see on dark themes.

Steps to Reproduce

  1. Create an HTML table with the provided <td> elements.
  2. Apply the inline styles as shown.
  3. View the table on a dark theme.

Expected Behavior

The Particular GitHub icon should have a white background to ensure its animation is visible on dark themes.

Actual Behavior

The background color does not change, and the icon remains hard to see.

Environment

  • Browser: Chrome
  • Any additional tools or frameworks: None

Please provide guidance on how to resolve this issue or update the icon generator to support background color changes.

Thanks for all the great work on these tools—they're really helpful!

eugene4545 avatar Jun 07 '24 16:06 eugene4545