Migrate styling to a12 2022.06 -> Overriding contentbox__heading only for modalOverlay

Widgets
1

With stylus, we overrode the styling of all context boxes that were shown in the modal overlay in the client:

.modalOverlay__container
	.contentbox__heading
		background-color: $a12_secondaryBackground

.modal-notification--warning
	.modalOverlay__container
		.contentbox__heading
			background-color: $a12_warningColor

How can we achieve the same without stylus? Some of these “dialogs” will be opened by modules that we use, so we cannot use styled() with the context box

4

Ok, found the solution:
Using createGlobalStyle we can override the styles for those classes.