How can I change Overlay color?

[Piero87]

Hello, I have tried to do this:

const theme = mergeTheme(defaultTheme, { components: { Overlay: { baseStyle: { backgroundColor: 'rgba(0, 0, 0, 0.5)' } } }, })

but the Overlay components seems not present, anyone can help me to change the background color?

thanks

[brandongregoryscott]

Hey @Piero87, the Overlay component doesn't have a full object under theme.components, but its color is overridable via theme.colors.overlay, for example:

const theme = mergeTheme(defaultTheme, {
  colors: {
    overlay: "indianred"
  }
});

[Piero87]

@brandongregoryscott thank you!!!