Colors
Base colors
Dark Grey
Default text and dark background color.
$darkGrey
$textColor
Dark Brown
Lines and inactive items color.
$darkBrown
$lineColor
Medium Brown
Page background color.
$mediumBrown
$pageBackgroundColor
Light Brown
Secondary background color, headers, etc. Often combined with dark brown border.
$lightBrown
$backgroundColor
White
Plain white color, used for background of most elements.
$white
Greyscale
Grey
General purpose grey color, lighter text color.
$grey
Medium Grey
General purpose grey color, drab text color.
$mediumGrey
$drabColor
Light Grey
General purpose grey color, disabled form controls.
$lightGrey
Extra Ligth Grey
General purpose grey color, disabled form controls.
$extraLightGrey
Primary Color / Cyan
Dark Cyan
Dark variant of primary color, buttons hover.
$darkCyan
$primaryColorDark
Cyan
Primary "color" color, hyperlinks. active state, buttons.
$cyan
$primaryColor
Highlight Colors
Light Cyan
Highlight of active items
$lightCyan
$highlightColor
Light Yellow
Alternate highlight color, less significant than light cyan. Hover background highlighting in tables.
$lightYellow
$hoverBackground
Positive Color / Green
Dark Green
Dark variant of positive color - borders, hover, etc.
$mergadoGreenDark
Mergado Green
Base positive color.
$mergadoGreen
Light Green
Background color for positive notifications / messages.
$lightGreen
Negative Color / Red
Dark Red
Dark variant of negative color - borders, hover, etc.
$darkRed
$negativeColorDark
Red
Base negative color.
$red
$negativeColor
Light Red
Background color for negative notifications / messages.
$lightRed
$negativeBackground
Warning Color / Orange
Dark Orange
Dark variant of warning color - borders, hover, etc.
$darkOrange
$warningColorDark
Orange
Base warning color.
$orange
$warningColor
Others
Yellow
Base notification / message color.
$yellow
Violet
$violet
Light Violet
$lightViolet