Every color used throughout the theme has been generated by using the following eight base colors, which are defined in the
var.less
file. This makes theme customization a matter of changing few LESS variables.
Please refer to Working with LESS for more on theme customization
Master color
#626262
Primary color
#6D5CAE
Complete color
#48B0F7
Success color
#10CFBD
Info color
#3B4752
Danger color
#F55753
Warning color
#F8D053
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
Notification text
.bg-primary-darker
#413768
Text color
.bg-primary-dark
#5B4D91
Base color
.bg-primary
#6D5CAE
Button overlay
.bg-primary-light
#8A7DBE
Background opt.
.bg-primary-lighter
#E2DEEF
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
Notification text
.bg-success-darker
#0A7C71
Text color
.bg-success-dark
#0DAD9E
Base color
.bg-success
#10CFBD
Button overlay
.bg-success-light
#40D9CA
Background opt.
.bg-success-lighter
#CFF5F2
Notification text
.bg-warning-darker
#957D32
Text color
.bg-warning-dark
#CFAE45
Base color
.bg-warning
#F8D053
Button overlay
.bg-warning-light
#F9D975
Background opt.
.bg-warning-lighter
#FEF6DD
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
Notification text
.bg-info-darker
#232B31
Text color
.bg-info-dark
#313B44
Base color
.bg-info
#3B4752
Button overlay
.bg-info-light
#626C75
Background opt.
.bg-info-lighter
#D8DADC
Menu open color
Base color
Text/icon color
White color
.bg-white
#ffffff
Transparent
.bg-transparent