Color Style

GREY COLORS

Class .gray-superdark
with .gray-verylight as text

Class .gray-verydark
with .gray-standard as text

Class .gray-darker
with .gray-standard as text

Class .gray-dark
with .gray-XXXX as text

Class .gray-standard
with .gray-superdark as text

Class .gray-light
with .gray-XXXX as text

Class .gray-lighter
with .gray-standard as text

Class .gray-verylight
with .gray-standard as text

Class .gray-superlight
with .gray-verydark as text

BRAND COLORS

Class .brand-superdark
with .brand-verylight as text

Class .brand-verydark
with .brand-standard as text

Class .brand-darker
with .brand-standard as text

Class .brand-dark
with .brand-XXXX as text

Class .brand-standard
with .brand-superdark as text

Class .brand-light
with .brand-XXXX as text

Class .brand-lighter
with .brand-standard as text

Class .brand-verylight
with .brand-standard as text

Class .brand-superlight
with .brand-verydark as text

LAYOUTS

Class .brand-verylight
with .brand-standard as text

BG: LIGHTER
Border: STANDARD
Text: DARK
BG: LIGHTER
Border: DARK
Text: DARK
BG: LIGHTER
Border: DARKER
Text: DARK
BG: LIGHTER
Border: VERYDARK
Text: DARK
BG: LIGHT
Border: STANDARD
Text: DARKER
BG: LIGHT
Border: DARK
Text: DARKER
BG: LIGHT
Border: DARKER
Text: DARKER
BG: LIGHT
Border: VERYDARK
Text: DARKER
BG: STANDARD
Border: STANDARD
Text: VERYDARK
BG: STANDARD
Border: DARK
Text: VERYDARK
BG: STANDARD
Border: DARKER
Text: VERYDARK
BG: STANDARD
Border: VERYDARK
Text: VERYDARK
BG: DARK
Border: STANDARD
Text: VERYLIGHT
BG: DARK
Border: DARK
Text: VERYLIGHT
BG: DARK
Border: DARKER
Text: VERYLIGHT
BG: DARK
Border: VERYDARK
Text: VERYLIGHT
BG: DARKER
Border: STANDARD
Text: LIGHTER
BG: DARKER
Border: DARK
Text: LIGHTER
BG: DARKER
Border: DARKER
Text: LIGHTER
BG: DARKER
Border: VERYDARK
Text: LIGHTER
BG: VERYDARK
Border: STANDARD
Text: LIGHT
BG: VERYDARK
Border: DARK
Text: LIGHT
BG: VERYDARK
Border: DARKER
Text: LIGHT
BG: VERYDARK
Border: VERYDARK
Text: LIGHT

Messages (Colors mixed with Color Style)

This is a OK message
This is a HINT message
This is a WARNING message
This is a ERROR message

Original Message Colors

This is a OK message
This is a HINT message
This is a WARNING message
This is a ERROR message

COLOR STYLES

ocean

light_blue

aqua

Green

turquoise

pine

asparagus

petrol

Red

salmona

salmon

tangerine

marascino

maroon

strawberry

pure_red

Yellow

old_lemon

yellow_to_green

Violets & Purple

eggplant

plum

grape

magenta

lavender

Browns

cayenne

mocha

cantaloupe

dark_brown

orange_brown

smack_brown

green_brown