Changing the dialog headers

You can customise the colour and appearance of the title bars in dialog boxes. This is controlled by .ui-dialog .ui-dialog-titlebar:

The default installed CSS is:

.ui-dialog .ui-dialog-titlebar {
	padding: .4em 1em;
	position: relative;
}

To change the colour of the dialog headers add a hex or RGBA colour as a background before the closing bracket },
Eg: adding the line background: rgba(255, 0, 0, 1); would turn all the dialog headers solid red.

---