Angular Update (Style) > Modals

Details

Information about modal styling

Basic Style

• Border: #1F366C
  • 1px (No Shadow)
• Header Background: #1F366C
• Body Background: #FFFFFF
• Footer Background: #FFFFFF
• When Required, Middle Divider Color: #CCCCCC
  • A divider after the last section is not required.

Modal Buttons

• Cancel type buttons should follow the pattern outlined in CFAMX-12982
• When the action button is green like the "Place Order" button in the Place Order modal for example, the style should follow the green action button pattern:
  • #449d44 when idle
  • #398439 when highlighted and active
• when the action button is red like the "Delete" button in the Delete Order modal for example, the style should follow the red action button pattern.
  • #D9534F when idle
  • #CC0033 when highlighted or active