Change jquery-ui modal window color/image effect/overlay

Question

Is there a way to change the dark background color that jquery-ui adds to the modal div?

EDIT:

Found it, only need to edit the background color and the opacity of:

.ui-widget-overlay{

}

Answer 1

Edit

.ui-widget-overlay{
     background:red;
}

Answer 2

Yes you can do this by changing default css provided in

Here you can change color :

  .ui-widget-content{
      border: 1px solid #AAAAAA;
  }

Just go to the jquery.ui.theme.css file you will find this css