Alerts are not displayed correctly

• Type: Regression Bug
• Status: Closed
• Resolution: Fixed
• Affects Version/s: Master
• Fix Version/s: 7.3.1 CE GA2, 7.3.2 CE GA3, 7.3.10 DXP GA1, Master
• Component/s: ~ [Archived] Frontend Infrastructure
• Labels:
  • 7.3-blocker
• Fix Priority: 4
• Sprint: S03E21 - Vienna
• Git Pull Request: https://github.com/brianchandotcom/liferay-portal/pull/86837

Alerts all over the portal (success, error, warning) are not displaying correctly their colors.

CSS: 

.alert-warning {    
  background-color: var(--alert-warning-bg);
  border-color: var(--alert-warning-border-color);
  color: var(--alert-warning-color);
}

After a conversation with Marcos Castro, this may be caused by a change in the custom properties.

/cc Eduardo Allegrini