> 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="https://963067965-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MIJW5nbmYRaSNWePAac%2F-MIxu2KP4MClY9gv_q2W%2F-MIxukP2YXc7IJufHSHg%2Fgif_style_overlay_color.png?alt=media&amp;token=9037ba56-9b84-46e3-ab94-a3b7f9192457" 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="https://963067965-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MIJW5nbmYRaSNWePAac%2F-MIxu2KP4MClY9gv_q2W%2F-MIxukP3eXXW8pITuC6r%2Fgif_style_overlay_image.gif?alt=media&amp;token=9df25daa-399b-4f04-beb3-5cd79495cde6" 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