iOS: Svelte file icon renders as a solid shape in the repository file browser

[maxffarrell]

Description

The Svelte logo beside .svelte files does not render correctly in the GitHub iOS app's repository file browser. In the observed dark-mode view, the icon beside +layout.svelte appears as a mostly solid red shape, with the logo's internal details missing.

Steps to reproduce

1. Open a repository containing a .svelte file in the GitHub iOS app.
2. Navigate to the directory containing the file (the observed example is src/routes/+layout.svelte).
3. Inspect the file-type icon in the directory listing in dark mode.

Actual behavior

The Svelte file icon appears filled in and is difficult to recognize as the Svelte logo. The adjacent TypeScript and CSS file icons appear recognizable in the same view.

Expected behavior

Render the recognizable Svelte logo, preserving its internal details and contrast at the file icon's display size.

Environment and evidence

• GitHub Mobile on iOS (iPhone).
• Dark mode, repository directory listing.
• Exact GitHub app version and iOS version were not captured.
• Observed in a user-provided screenshot; not independently reproduced. Light-mode behavior and the underlying rendering cause have not been verified.

[github-actions[bot]]

Thank you for your interest in contributing to our community! We currently only accept discussions created through the GitHub UI using our provided discussion templates. Please re-submit your discussion by navigating to the appropriate category and using the template provided.

This discussion has been closed because it was not submitted through the expected format. If you believe this was a mistake, please reach out to the maintainers.

[armandohermosillo8704-cyber]

Description

The Svelte logo beside .svelte files does not render correctly in the GitHub iOS app's repository file browser. In the observed dark-mode view, the icon beside +layout.svelte appears as a mostly solid red shape, with the logo's internal details missing.

Steps to reproduce

1. Open a repository containing a .svelte file in the GitHub iOS app.
2. Navigate to the directory containing the file (the observed example is src/routes/+layout.svelte).
3. Inspect the file-type icon in the directory listing in dark mode.

Actual behavior

The Svelte file icon appears filled in and is difficult to recognize as the Svelte logo. The adjacent TypeScript and CSS file icons appear recognizable in the same view.

Expected behavior

Render the recognizable Svelte logo, preserving its internal details and contrast at the file icon's display size.

Environment and evidence

• GitHub Mobile on iOS (iPhone).
• Dark mode, repository directory listing.
• Exact GitHub app version and iOS version were not captured.
• Observed in a user-provided screenshot; not independently reproduced. Light-mode behavior and the underlying rendering cause have not been verified.