Spaces: Custom images should respect transparency on source image. #1072
Replies: 1 comment
-
|
This is almost certainly a result of the system automatically converting the source image (likely a PNG or JPG) to a non-transparent format or applying a background fill during the resizing and rendering process. This often happens if the system is designed to only support vector graphics (like SVG) for transparency, or if a CSS style with a hard-coded background color is being applied directly to the icon container. The fix requires the UI/CSS team to either: Ensure the image is processed and rendered as a true transparent PNG/WebP (if it isn't an SVG). Remove the hard-coded background-color style from the CSS class used for the navigation icon container, allowing the transparent image to show the navigation panel's background color underneath. |
Beta Was this translation helpful? Give feedback.
Uh oh!
There was an error while loading. Please reload this page.
Uh oh!
There was an error while loading. Please reload this page.
-
Problem
When customizing a Space, the source of the icon can come from an external image.
When these images have transparent background, this is not reflected in the final render. The icon is rendered with full white background (light site) or full black background (dark site).
Request
Please respect transparency on source images. It may feel like a small thing and yet it is visually displeasing that a properly crafted image does not merge smoothly with the interface.
Beta Was this translation helpful? Give feedback.
All reactions