New Things - Colour Scheme and Palette

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_

Colour Scheme

Sass Variables:

  $s_foreground_heading: $foreground_dark;
  $s_foreground_body: $foreground_light;
  $s_background: $background_light;
  $s_highlight: $brown_dark;
  $s_highlight_alternate: $brown_light;

Colour Palette

Colour Name	RGB Value
$foreground_dark	#444444
$foreground_light	#666666
$background_light	#eaeaea
$brown_dark	#dd8500
$brown_light	#e8c190

Sass variables

$foreground_dark: #444444;
$foreground_light: #666666;
$background_light: #eaeaea;
$brown_dark: #dd8500;
$brown_light: #e8c190;