Color
This is a list of colors being used in the Hubtel Theme. Classes with the suffix -color such as .primary-color
are used to add color to text content. Classes with the prefix bg- and suffix -color such as .bg-primary-color are
used for background colors.
Primary color
#009D96
Secondary color
#EF4923
Alternative color
#34495E
Text color
#666666
Label color
#B5B5B5
Warning color
#F8D053
Complete color
#48B0F7
Monochrome color shades
Menu options
.bg-master-darkest
#000000
Menu
.bg-master-darker
#1A1A1A
Text heading
.bg-master-dark
#2C2C2C
Default text (base)
.bg-master
#626262
Dividers
.bg-master-light
#000000
Cover page
.bg-master-lighter
#1A1A1A
Background
.bg-master-lightest
#2C2C2C
Primary color shades
Dark Primary Color
.primary-color-dark
.bg-primary-color-dark
#00514D
Darker Primary Color
.primary-color-darker
#00514D
.bg-primary-color-darker
#00514D
Base Primary color
.primary-color
#48B0F7
.bg-primary-color
#48B0F7
Primary Color Light
.primary-color-light
#00D0C8
.bg-primary-color-light
#00D0C8
Primary Color Lighter
.primary-color-lighter
#00EAE1
.bg-primary-color-lighter
#00EAE1
Complete color shades
Notification text
.bg-complete-darker
#2B6A94
Text color
.bg-complete-dark
#3C93CE
Base color
.bg-complete
#48B0F7
Button overlay
.bg-complete-light
#6DC0F9
Background opt.
.bg-complete-lighter
#DAEFFD
Danger color shades
Notification text
.bg-danger-darker
#933432
Text color
.bg-danger-dark
#CD4945
Base color
.bg-danger
#F55753
Button overlay
.bg-danger-light
#F77975
Background opt.
.bg-danger-lighter
#FDDDDD