How do I customize the pop-up message boxes (background color and text color)?

Follow the instructions below to customize the pop-up message boxes (change the background color and text color):

1) Log into your App Manager and select your app.

2) Click Colors from the left-hand-side of the screen (or the middle of the screen).

3)Scroll down to the Advanced SCSS box. If there is already code in the advanced SCSS box, do not remove it. Start a new line “after” the last character in the box, then paste the above code.

/*** BEGIN: POP-UP MESSAGE BOXES CUSTOMIZATION ***/
.platform-browser .popup, .platform-overview .popup, .platform-ios .popup, .platform-android .popup {
width: 80vw;
overflow: hidden !important;
background-color: #DA2122;
color: #ffffff;
border-radius: 2px !important;
box-shadow: 1px 2px 1px #000;
color: rgba(255, 255, 255, 1);
max-width: 600px !important;
}
/*** END: POP-UP MESSAGE BOXES CUSTOMIZATION ***/