You can change the background color of your design uploads. This is useful to ensure that there is sufficient contrast and to demonstrate how the components look when used in part of a larger design.
Change background color
- On your design upload, click the
...
- Choose the background color from the color picker. You can optionally apply the color to all the designs in that section.
Light and dark mode
If you have multiple versions of your components, you can add both the light mode and dark mode designs. These can be displayed alongside each other or on separate tabs.
Inspect mode
You can customize the background color for components in the Inspect view. You can apply a color background from the design uploads block and toggle on Use as background in Inspect.
👉 Note: The background color in inspect currently only applies to designs/effects that fall outside the bounds of a frame or component, such as drop shadows.
