techstack-generator
techstack-generator copied to clipboard
[bug]: Background color issue for GitHub icon on dark theme
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:
- 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>
- 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
- Create an HTML table with the provided
<td>
elements. - Apply the inline styles as shown.
- 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!