Skip to content

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

@eugene4545

Description

@eugene4545

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!

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions