From 8be339140109e2fd9ad5505007656ee87d082f3a Mon Sep 17 00:00:00 2001
From: Adam Bradley <adambradley25@gmail.com>
Date: Sun, 22 Mar 2015 08:57:10 -0500
Subject: [PATCH] color theme idea

---
 src/components/app/_colors.scss | 36 +++++++++++++++++++++++++++++++++
 1 file changed, 36 insertions(+)

diff --git a/src/components/app/_colors.scss b/src/components/app/_colors.scss
index a10dc39ce1..55b5296ce5 100644
--- a/src/components/app/_colors.scss
+++ b/src/components/app/_colors.scss
@@ -3,3 +3,39 @@ $stable:                          #f8f8f8 !default;
 $positive:                        #387ef5 !default;
 $assertive:                       #ef473a !default;
 $dark:                            #444 !default;
+
+
+
+
+$colors: (
+  gray: (
+    base: #ccc,
+    light: #f2f2f2,
+    dark: #666
+  ),
+  brown: (
+    base: #ab906b,
+    light: #ecdac3,
+    dark: #5e421c
+  )
+);
+
+@function getcolor($color, $tone: base) {
+  @return map-get(map-get($colors, $color), $tone);
+}
+
+.button {
+  display: block;
+  border-radius: 4px;
+  padding: 5px;
+  margin: 5px;
+  text-align: center;
+}
+
+@each $key, $value in $colors {
+  .button.#{$key} {
+    color: getcolor($key, dark);
+    background: getcolor($key, base);
+    border-color: getcolor($key, dark);
+  }
+}