Colour themes
NOTE: For use only on the latest corporate web templates (Sub page and Landing page templates)
Use the following colour names below as css classes to add colour. Eg. theme-blue-1 theme-background-black
Main colours
blue-1
#E0EFFF
blue-2
#98C0E6
blue-3
#5A95CC
blue-4
#2770B3
blue-5
#115AA6
blue-6
#0052A0
blue-7
#204196
blue-8
#00385E
blue-9
#152B45
blue-10
#00418E
blue-11
#003681
blue-12
#002B72
green-1
#9EE0D4
green-2
#40C1AC
green-3
#1CAE96
green-4
#2C8273
green-5
#0A3938
grey-silver
#F3F4F9
grey-mid-silver
#E9E9F0
grey-dark-silver
#CDD0DE
Alerts and highlights
green-light-alert
green-mid-alert
green-dark-alert
orange-light-alert
orange-mid-alert
orange-dark-alert
grey-text
grey-mid
grey-light
white
black
red-light
red-dark
Additional themes
-
Background colours
theme-background-blue-1
theme-background-blue-2
theme-background-blue-3
theme-background-blue-4
theme-background-blue-5
theme-background-blue-6
theme-background-blue-7
theme-background-blue-8
theme-background-blue-9
theme-background-blue-10
theme-background-blue-11
theme-background-blue-12
theme-background-green-1
theme-background-green-2
theme-background-green-3
theme-background-green-4
theme-background-green-5
theme-background-green-light-alert
theme-background-green-mid-alert
theme-background-green-dark-alert
theme-background-orange-light-alert
theme-background-orange-mid-alert
theme-background-orange-dark-alert
theme-background-grey-text
theme-background-grey-mid
theme-background-grey-light
theme-background-grey-dark-silver
theme-background-grey-mid-silver
theme-background-grey-silver
theme-background-white
theme-background-black
theme-background-red-light
theme-background-red-dark
-
Background hover
theme-background-hover-blue-1
theme-background-hover-blue-2
theme-background-hover-blue-3
theme-background-hover-blue-4
theme-background-hover-blue-5
theme-background-hover-blue-6
theme-background-hover-blue-7
theme-background-hover-blue-8
theme-background-hover-blue-9
theme-background-hover-blue-10
theme-background-hover-blue-11
theme-background-hover-blue-12
theme-background-hover-green-1
theme-background-hover-green-2
theme-background-hover-green-3
theme-background-hover-green-4
theme-background-hover-green-5
theme-background-hover-green-light-alert
theme-background-hover-green-mid-alert
theme-background-hover-green-dark-alert
theme-background-hover-orange-light-alert
theme-background-hover-orange-mid-alert
theme-background-hover-orange-dark-alert
theme-background-hover-grey-text
theme-background-hover-grey-mid
theme-background-hover-grey-light
theme-background-hover-grey-dark-silver
theme-background-hover-grey-mid-silver
theme-background-hover-grey-silver
theme-background-hover-white
theme-background-hover-black
theme-background-hover-red-light
theme-background-hover-red-dark
-
Background gradient
theme-background-gradient-blue-1
theme-background-gradient-blue-2
theme-background-gradient-blue-3
theme-background-gradient-blue-4
theme-background-gradient-blue-5
theme-background-gradient-blue-6
theme-background-gradient-blue-7
theme-background-gradient-blue-8
theme-background-gradient-blue-9
theme-background-gradient-blue-10
theme-background-gradient-blue-11
theme-background-gradient-blue-12
theme-background-gradient-green-1
theme-background-gradient-green-2
theme-background-gradient-green-3
theme-background-gradient-green-4
theme-background-gradient-green-5
theme-background-gradient-green-light-alert
theme-background-gradient-green-mid-alert
theme-background-gradient-green-dark-alert
theme-background-gradient-orange-light-alert
theme-background-gradient-orange-mid-alert
theme-background-gradient-orange-dark-alert
theme-background-gradient-grey-text
theme-background-gradient-grey-mid
theme-background-gradient-grey-light
theme-background-gradient-grey-dark-silver
theme-background-gradient-grey-mid-silver
theme-background-gradient-grey-silver
theme-background-gradient-white
theme-background-gradient-black
theme-background-gradient-red-light
theme-background-gradient-red-dark
-
Background transparency
theme-background-transparency-blue-1
theme-background-transparency-blue-2
theme-background-transparency-blue-3
theme-background-transparency-blue-4
theme-background-transparency-blue-5
theme-background-transparency-blue-6
theme-background-transparency-blue-7
theme-background-transparency-blue-8
theme-background-transparency-blue-9
theme-background-transparency-blue-10
theme-background-transparency-blue-11
theme-background-transparency-blue-12
theme-background-transparency-green-1
theme-background-transparency-green-2
theme-background-transparency-green-3
theme-background-transparency-green-4
theme-background-transparency-green-5
theme-background-transparency-green-light-alert
theme-background-transparency-green-mid-alert
theme-background-transparency-green-dark-alert
theme-background-transparency-orange-light-alert
theme-background-transparency-orange-mid-alert
theme-background-transparency-orange-dark-alert
theme-background-transparency-grey-text
theme-background-transparency-grey-mid
theme-background-transparency-grey-light
theme-background-transparency-grey-dark-silver
theme-background-transparency-grey-mid-silver
theme-background-transparency-grey-silver
theme-background-transparency-white
theme-background-transparency-black
theme-background-transparency-red-light
theme-background-transparency-red-dark
-
Background transparency hover
theme-background-transparency-hover-blue-1
theme-background-transparency-hover-blue-2
theme-background-transparency-hover-blue-3
theme-background-transparency-hover-blue-4
theme-background-transparency-hover-blue-5
theme-background-transparency-hover-blue-6
theme-background-transparency-hover-blue-7
theme-background-transparency-hover-blue-8
theme-background-transparency-hover-blue-9
theme-background-transparency-hover-blue-10
theme-background-transparency-hover-blue-11
theme-background-transparency-hover-blue-12
theme-background-transparency-hover-green-1
theme-background-transparency-hover-green-2
theme-background-transparency-hover-green-3
theme-background-transparency-hover-green-4
theme-background-transparency-hover-green-5
theme-background-transparency-hover-green-light-alert
theme-background-transparency-hover-green-mid-alert
theme-background-transparency-hover-green-dark-alert
theme-background-transparency-hover-orange-light-alert
theme-background-transparency-hover-orange-mid-alert
theme-background-transparency-hover-orange-dark-alert
theme-background-transparency-hover-grey-text
theme-background-transparency-hover-grey-mid
theme-background-transparency-hover-grey-light
theme-background-transparency-hover-grey-dark-silver
theme-background-transparency-hover-grey-mid-silver
theme-background-transparency-hover-grey-silver
theme-background-transparency-hover-white
theme-background-transparency-hover-black
theme-background-transparency-hover-red-light
theme-background-transparency-hover-red-dark
-
Border
theme-border-blue-1
theme-border-blue-2
theme-border-blue-3
theme-border-blue-4
theme-border-blue-5
theme-border-blue-6
theme-border-blue-7
theme-border-blue-8
theme-border-blue-9
theme-border-blue-10
theme-border-blue-11
theme-border-blue-12
theme-border-green-1
theme-border-green-2
theme-border-green-3
theme-border-green-4
theme-border-green-5
theme-border-green-light-alert
theme-border-green-mid-alert
theme-border-green-dark-alert
theme-border-orange-light-alert
theme-border-orange-mid-alert
theme-border-orange-dark-alert
theme-border-grey-text
theme-border-grey-mid
theme-border-grey-light
theme-border-grey-dark-silver
theme-border-grey-mid-silver
theme-border-grey-silver
theme-border-white
theme-border-black
theme-border-red-light
theme-border-red-dark
-
Border hover
theme-border-hover-blue-1
theme-border-hover-blue-2
theme-border-hover-blue-3
theme-border-hover-blue-4
theme-border-hover-blue-5
theme-border-hover-blue-6
theme-border-hover-blue-7
theme-border-hover-blue-8
theme-border-hover-blue-9
theme-border-hover-blue-10
theme-border-hover-blue-11
theme-border-hover-blue-12
theme-border-hover-green-1
theme-border-hover-green-2
theme-border-hover-green-3
theme-border-hover-green-4
theme-border-hover-green-5
theme-border-hover-green-light-alert
theme-border-hover-green-mid-alert
theme-border-hover-green-dark-alert
theme-border-hover-orange-light-alert
theme-border-hover-orange-mid-alert
theme-border-hover-orange-dark-alert
theme-border-hover-grey-text
theme-border-hover-grey-mid
theme-border-hover-grey-light
theme-border-hover-grey-dark-silver
theme-border-hover-grey-mid-silver
theme-border-hover-grey-silver
theme-border-hover-white
theme-border-hover-black
theme-border-hover-red-light
theme-border-hover-red-dark
-
Links
-
Links hover
