# 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&#x26;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&#x26;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