> For the complete documentation index, see [llms.txt](https://modutheme.gitbook.io/helix/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://modutheme.gitbook.io/helix/theme-settings/overlay.md).

# Overlay

Styles every drawer, dialog, and popup — cart, search, quick view, mobile menu — so overlays match the rest of your store.

![Overlay setting panel](/files/ERoQNLbGeTOpmDb3i7pv)

***

## Overlay style

| Setting       | Description                                                                                                                                                            |
| ------------- | ---------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
| Color scheme  | Palette for all overlay backgrounds, text, and buttons. Pick a scheme different from your page sections to set overlays apart — e.g. dark overlays over a light store. |
| Title size    | Heading size for overlay titles such as the cart and search headings.                                                                                                  |
| Backdrop blur | Blurs the page behind an open overlay to draw focus to it.                                                                                                             |

![Overlay style](/files/2csh2XZJTkHpw3na6nNq)

***

## Popovers

Small floating panels shown in context — dropdown menus, option selectors, and tooltips.

| Setting          | Description                       |
| ---------------- | --------------------------------- |
| Border thickness | Border width of popovers.         |
| Shadow           | Elevation shadow behind popovers. |

![Popovers](/files/C8835LBiq8HQ2DgnMs2Y)

***

## Drawer

| Setting                           | Description                                                 |
| --------------------------------- | ----------------------------------------------------------- |
| Enable padding — Desktop / Mobile | Adds inner spacing between a drawer's edge and its content. |

![Drawer with and without padding enabled](/files/lTEg8KhrTGoxRVRpmeEc)

> The corner radius of drawers and bottom sheets is set under [Corner Radius](/helix/theme-settings/corner-radius.md).