# \[bp:ModalDialog\] overlay colour and transparency **URL:** \ **Category:** Discussion in English\ **Created:** [August 2, 2024, 11:55am UTC](https://forum.dotvvm.com/t/bp-modaldialog-overlay-colour-and-transparency/240 "2024-08-02T11:55:01Z")\ **Posts on this page:** 3\ **Page:** 1
**Author:** ![MarianV](https://forum.dotvvm.com/letter_avatar_proxy/v4/letter/m/c0e974/32.png) [@MarianV](https://forum.dotvvm.com/u/MarianV)\ **Post date:** [August 2, 2024, 11:55am UTC](https://forum.dotvvm.com/t/bp-modaldialog-overlay-colour-and-transparency/240/1 "2024-08-02T11:55:01Z")
Hi! @exyi Please show me the easiest way to make this control adjustable in terms of overlay colour and transparency by markup. We need this flexibility for UX and workflow reasons. PS: right now I’m trying to localize the overlay in html in hope of hijacking it with some CSS ---
**Author:** ![MarianV](https://forum.dotvvm.com/letter_avatar_proxy/v4/letter/m/c0e974/32.png) [@MarianV](https://forum.dotvvm.com/u/MarianV)\ **Post date:** [August 2, 2024, 12:11pm UTC](https://forum.dotvvm.com/t/bp-modaldialog-overlay-colour-and-transparency/240/2 "2024-08-02T12:11:13Z")
I’ve managed to over-impose some CSS on the modal’s overlay. It would be nice for the BP package to offer by markup the possibility to adjust these though. [Issue on github](https://github.com/riganti/dotvvm/issues/1842) ---
**Author:** ![exyi](https://forum.dotvvm.com/user_avatar/forum.dotvvm.com/exyi/32/9_2.png) [@exyi](https://forum.dotvvm.com/u/exyi)\ **Post date:** [August 12, 2024, 12:24pm UTC](https://forum.dotvvm.com/t/bp-modaldialog-overlay-colour-and-transparency/240/3 "2024-08-12T12:24:53Z")
The overlay color (including the alpha channel) can be adjusted using the `--bp-color_base-overlay` CSS variable. It can be also set in the dothtml markup as an inline style, it has to be on the ModalDialog parent element.