To change the color via:
CSS
Put these styles in your stylesheet after the bootstrap styles:
.modal-backdrop {
background-color: red;
}
Less
Changes the bootstrap-variables to:
@modal-backdrop-bg: red;
Sass
Changes the bootstrap-variables to:
$modal-backdrop-bg: red;
Bootstrap-Customizer
Change @modal-backdrop-bg
to your desired color:
You can also remove the backdrop via Javascript or by setting the color to transparent
.