Color


Every color used throughout the theme has been generated by using the following eight base colors, which are defined in the var.lessfile. 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


Menu color

#202328

Info color

#3B4752

Danger color

#F55753

Warning color

#F8D053

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

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

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

Success color shades

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

Warning color shades

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

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

Info color shades

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 color shades

Menu open color

.bg-menu-light

#191B1F

Base color

.bg-menu

#202328

Text/icon color

.bg-menu-dark

#646972

Other colors

White color

.bg-white

#ffffff

Transparent

.bg-transparent