TAO Hub

Style Guide

Colors

Color scheme

Corporate identity

$logoRed
```
$logoRed
```
$grey
```
$grey
```
$darkBlueGrey
```
$darkBlueGrey
```
$mediumBlueGrey
```
$mediumBlueGrey
```
$lightBlueGrey
```
$lightBlueGrey
```
$brownRedGrey
```
$brownRedGrey
```
$darkBrown
```
$darkBrown
```
$websiteBorder
```
$websiteBorder
```

Text

$textColor
```
$textColor
```
$textHighlight
```
$textHighlight
```

Feedback / Messages

$success
```
$success
```
$info
```
$info
```
$error
```
$error
```
$warning
```
$warning
```

jQuery UI and other form elements

$uiGeneralContentBg
```
$uiGeneralContentBg
```
$uiGeneralContentBorder
```
$uiGeneralContentBorder
```
$uiHeaderBg
```
$uiHeaderBg
```
$uiClickableDefaultBg
```
$uiClickableDefaultBg
```
$uiClickableHoverBg
```
$uiClickableHoverBg
```
$uiClickableActiveBg
```
$uiClickableActiveBg
```
$uiOverlay
```
$uiOverlay
```

Color wheel

$colorWheel-01
```
$colorWheel-01
```
$colorWheel-02
```
$colorWheel-02
```
$colorWheel-03
```
$colorWheel-03
```
$colorWheel-04
```
$colorWheel-04
```
$colorWheel-05
```
$colorWheel-05
```
$colorWheel-06
```
$colorWheel-06
```
$colorWheel-07
```
$colorWheel-07
```
$colorWheel-08
```
$colorWheel-08
```
$colorWheel-09
```
$colorWheel-09
```
$colorWheel-10
```
$colorWheel-10
```
$colorWheel-11
```
$colorWheel-11
```
$colorWheel-12
```
$colorWheel-12
```