Colors

Main Theme Colors
#CC2222

"Primary" Color

  • ATP Red
  • $custom-red-light
  • and mapped to theme "primary"
  • Request More Info CTA
#012E5C

"Secondary" Color

  • ATP Blue
  • $custom-blue-dark
  • and mapped to theme "secondary"
  • <h4> color
  • Gold used on white/light backgrounds
#B08B1C

"Tertiary" Color

  • ATP Gold
  • $custom-gold-dark
  • and mapped to theme "tertiary"
  • <h4> color
  • Gold used on white/light backgrounds
#6c757d

"Default" Color

  • <h1 & h2 -> .subtitle>
  • <display-1 -> .subtitle>
  • $gray-600 & $custom-grey-light
  • and mapped to theme "default"
  • .btn-default
Custom Colors
#B52D37

$custom-red-dark

#CC2222

$custom-red-light

#B08B1C

$custom-gold-dark

#E0B83B

$custom-gold-medium

#e6c468

$custom-gold-light

#343a40

$custom-grey-dark

#6c757d

$custom-grey-light

#012E5C

$custom-blue-dark

#1C5C9B

$custom-blue-medium

#83C0FD

$custom-blue-light

Contextual Colors
#5FD41E

"success"

#FFD52D

"warning"

#F63232

"danger"

#4AADF6

"info"

Contextual Theme Colors
#012E5C

$custom-blue-dark also "dark"

#1C5C9B

$custom-blue-medium also "medium"

#83C0FD

$custom-blue-light also "light"

Default Gray Scale Colors
$white
#ffffff
$gray-100
#f8f9fa
$gray-200
#e9ecef
$gray-300
#dee2e6
$gray-400
#ced4da
$gray-500
#adb5bd
$gray-600
#6c757d
$gray-700
#495057
$gray-800
#343a40
$gray-900
#212529
$black
#000000