From 34583041ddf2b68f1f47f6c12f2d4f4c49abb9b7 Mon Sep 17 00:00:00 2001
From: Cobular <22972550+Cobular@users.noreply.github.com>
Date: Sat, 30 Jan 2021 03:57:18 -0800
Subject: [PATCH] moar variables

---
 src/components/AboutMe/AboutMe.scss |  6 +++++-
 src/components/Footer.scss          |  2 +-
 src/components/ProjectGrid.scss     |  4 ++--
 src/vars.scss                       | 21 +++++++++++++++++++--
 4 files changed, 27 insertions(+), 6 deletions(-)

diff --git a/src/components/AboutMe/AboutMe.scss b/src/components/AboutMe/AboutMe.scss
index 05b8215..3917fce 100644
--- a/src/components/AboutMe/AboutMe.scss
+++ b/src/components/AboutMe/AboutMe.scss
@@ -81,6 +81,10 @@ button {
   background: none!important;
   border: none;
   padding: 0!important;
-  color: #1890ff;
+  color: var(--link-color);
   cursor: pointer;
 }
+
+a {
+  color: var(--link-color);
+}
diff --git a/src/components/Footer.scss b/src/components/Footer.scss
index 4fd93eb..9817def 100644
--- a/src/components/Footer.scss
+++ b/src/components/Footer.scss
@@ -1,5 +1,5 @@
 .site-footer {
-  background: var(--header);
+  background: var(--footer);
   margin: 10px;
   border-radius: 5px;
 
diff --git a/src/components/ProjectGrid.scss b/src/components/ProjectGrid.scss
index 8067e9c..29a80e8 100644
--- a/src/components/ProjectGrid.scss
+++ b/src/components/ProjectGrid.scss
@@ -138,7 +138,7 @@ $breakpoints: (x-small: 430px, small: 660px, medium: 900px, large: 1300px, x-lar
 
   h3 {
     line-height: normal;
-    color: darkgrey;
+    color: var(--grid-element-subheader);
     margin-bottom: 3px;
   }
 
@@ -249,6 +249,6 @@ $breakpoints: (x-small: 430px, small: 660px, medium: 900px, large: 1300px, x-lar
   font-size: 24px;
   color: black;
 
-  background: var(--link-icon-background);
+  background: var(--chainlink-icon-background);
   border-radius: 5px;
 }
diff --git a/src/vars.scss b/src/vars.scss
index 789caf2..5311be5 100644
--- a/src/vars.scss
+++ b/src/vars.scss
@@ -1,11 +1,28 @@
 :root {
   --text: black;
-  --background: #2A363B;
+  --background: #3767a8;
   --header: #84B7DB;
+  --footer: var(--header);
   --about-me: #F1F1F1;
   --grid-background: #FECEA8;
   --grid-header-background: #1C1C1c;
   --grid-header-text: #F1F1F1;
   --grid-element-background: #F1F1F1;
-  --link-icon-background: rgba(224, 255, 255, 0.7);
+  --chainlink-icon-background: rgba(224, 255, 255, 0.7);
+ --link-color: #1890ff;
+ --grid-element-subheader: darkgrey;
 }
+//:root {
+//  --text: black;
+//  --background: #FFFFFF;
+//  --header: #55CDFC;
+//  --footer: #55CDFC;
+//  --about-me: #F7A8B8;
+//  --grid-background: #F7A8B8;
+//  --grid-header-background: #55CDFC;
+//  --grid-header-text: black;
+//  --grid-element-background: #FFFFFF;
+//  --chainlink-icon-background: rgba(224, 255, 255, 0.7);
+//  --link-color: white;
+//  --grid-element-subheader: #F7A8B8;
+//}