> For the complete documentation index, see [llms.txt](https://docs.flipabit.dev/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.flipabit.dev/style/overlay.md).

# Overlay

## Color overlay

You can replace widget colors with monochrome overlay.

<div align="left"><img src="/files/-MIxukP2YXc7IJufHSHg" alt=""></div>

To add color overlay:

1. Select widget
2. Open Style Inspector
3. Click Overlay color in Overlay section and select color

## To cancel color overlay

1. Click Overlay color in Overlay section
2. Select black color
3. Type 0 in Alpha channel field

## Image overlay

You can place image on top of widget. Blending modes determine how overlay image and widget are mixed into each other.

<div align="left"><img src="/files/-MIxukP3eXXW8pITuC6r" alt=""></div>

To add image overlay:

1. Select widget
2. Open Style Inspector
3. Click Overlay image and select image file
4. Select Blend mode