Contents

---
layout: default
title:  "Colors"
---

<style>
.active {
    background-color: black !important;
    color: white;
    border: 1px black solid;
}
</style>

Colors
======

$red:                 #ac2f3c;

$darker_red:          #7E2B34;

$medium_red:          #c73746;

$light_red:           #C54653;

$lighter_red:         #cf6262;

$lightest_red:        #f1d4d4;

$blue:                #417ba0;

$darker_blue:         #2C5874;

$blue_gray:           #739EB9;

$light_blue:          #568EB3;

$lighter_blue:        #a9cadf;

$lightest_blue:       #e0eaed;

$green:               #91b35b;

$light_green:         #9FC06A;

$lighter_green:       #d1e1b8;

$darker_green:        #75914A;

$yellow:              #D5B238;

$darker_yellow:       #B89B39;

$light_yellow:        #EBCF6E;

$lightest_yellow:     #f3f3c3;

$black:               #000000;

$darkest_gray:        #242424;

$darker_gray:         #333333;

$medium_gray:         #808080;

$mid_gray:            #aaaaaa;

$gray:                #d1d1d1;

$light_gray:          #e0e0e0;

$lighter_gray:        #ececec;

$lightest_gray:       #f7f7f7;

$white:               #ffffff;

<script>
$(function() {
  var color, div, p, _i, _len, _ref;
  _ref = $('p');
  for (_i = 0, _len = _ref.length; _i < _len; _i++) {
    p = _ref[_i];
    color = $(p).text().slice(-8, -1);
    div = $("<div class='swatch' style='background-color: " + color + "; width: 60px; height: 40px;'>" + color + "</div>");
    $(p).prepend(div);
    $(p).css('color', color);
  }
  return $('p').on('click', function() {
    color = $(this).text().slice(-8, -1);
    $('body').css('background-color', color);
    $('.active').removeClass('active');
    return $(this).addClass('active');
  });
});


</script>

Version data entries

26 entries across 26 versions & 1 rubygems

Version	Path
atlas_assets-0.8.13	docs/_posts/2014-2-10-colors.md
atlas_assets-0.8.12	docs/_posts/2014-2-10-colors.md
atlas_assets-0.8.11	docs/_posts/2014-2-10-colors.md
atlas_assets-0.8.10	docs/_posts/2014-2-10-colors.md
atlas_assets-0.8.9	docs/_posts/2014-2-10-colors.md
atlas_assets-0.8.8	docs/_posts/2014-2-10-colors.md
atlas_assets-0.8.7	docs/_posts/2014-2-10-colors.md
atlas_assets-0.8.6	docs/_posts/2014-2-10-colors.md
atlas_assets-0.8.5	docs/_posts/2014-2-10-colors.md
atlas_assets-0.8.4	docs/_posts/2014-2-10-colors.md
atlas_assets-0.8.3	docs/_posts/2014-2-10-colors.md
atlas_assets-0.8.2	docs/_posts/2014-2-10-colors.md
atlas_assets-0.8.1	docs/_posts/2014-2-10-colors.md
atlas_assets-0.8.0	docs/_posts/2014-2-10-colors.md
atlas_assets-0.7.3	docs/_posts/2014-2-10-colors.md
atlas_assets-0.7.2	docs/_posts/2014-2-10-colors.md
atlas_assets-0.7.1	docs/_posts/2014-2-10-colors.md
atlas_assets-0.7.0	docs/_posts/2014-2-10-colors.md
atlas_assets-0.6.10	docs/_posts/2014-2-10-colors.md
atlas_assets-0.6.9	docs/_posts/2014-2-10-colors.md