Style Guide: Version - 1.5.0
Always use colours through two layers of abstraction: A colour scheme which untilises a colour palette of RGB values. Avoid applying RGB values to your styles directly.
Colour scheme sass variables are prefixed with $s_
Sass Variables:
// Font Colors
$base-font-color: $black;
$action-color: $blue;Sass Variables:
// Colors
$blue: #007798;
$community-blue: #1d5c91;
$white: #fff;
$black: #000;
$dark-gray: #333;
$medium-gray: #999;
$light-gray: #ddd;
$alert: #fff6bf;
$error: #e9795d;
$notice: #ffff4d;
$success: #009900;
| Colour Name | RGB Value | |
|---|---|---|
| $blue | #007798 | |
| $community-blue | #1d5c91 | |
| $white | #fff | |
| $black | #000 | |
| $dark-gray | #333 | |
| $dark-gray | #999 | |
| $light-gray | #ddd | |
| $alert | #fff6bf | |
| $error | #e9795d | |
| $notice | #ffff4d | |
| $success | #009900 |