From 204a77fde0572c5745f4bdc68b0f101d00a6abc0 Mon Sep 17 00:00:00 2001
From: Moris Zen <moris.pasic@gmail.com>
Date: Fri, 31 Aug 2018 02:34:14 +0200
Subject: [PATCH] Changing of tailwind config for teal color and string change

---
 src/pages/contact.js |   2 +-
 src/styles/index.css | 160 +++++++++++++++++++++----------------------
 tailwind.config.js   |   4 +-
 3 files changed, 83 insertions(+), 83 deletions(-)

diff --git a/src/pages/contact.js b/src/pages/contact.js
index 3e3829f..8caf1e0 100644
--- a/src/pages/contact.js
+++ b/src/pages/contact.js
@@ -14,7 +14,7 @@ const ContactPage = () => (
   <PageTransition>
     <PageIntro
       tiltImage
-      headline="Let's start something great"
+      headline="Let's make it happen"
       text="We are always on a lookout for exciting challenges. Feel free to contact us if you want to start something great or just find out more about what we do."
       sectionClasses="lg:mb-8"
       image={ContactImage}
diff --git a/src/styles/index.css b/src/styles/index.css
index 0138745..96f1d70 100644
--- a/src/styles/index.css
+++ b/src/styles/index.css
@@ -819,11 +819,11 @@ table {
 }
 
 .bg-teal-dark {
-  background-color: #38a89d;
+  background-color: #51b5bb;
 }
 
 .bg-teal {
-  background-color: #4dc0b5;
+  background-color: #5dcdd4;
 }
 
 .bg-teal-light {
@@ -1115,11 +1115,11 @@ table {
 }
 
 .group:hover .group-hover\:bg-teal-dark {
-  background-color: #38a89d;
+  background-color: #51b5bb;
 }
 
 .group:hover .group-hover\:bg-teal {
-  background-color: #4dc0b5;
+  background-color: #5dcdd4;
 }
 
 .group:hover .group-hover\:bg-teal-light {
@@ -1411,11 +1411,11 @@ table {
 }
 
 .hover\:bg-teal-dark:hover {
-  background-color: #38a89d;
+  background-color: #51b5bb;
 }
 
 .hover\:bg-teal:hover {
-  background-color: #4dc0b5;
+  background-color: #5dcdd4;
 }
 
 .hover\:bg-teal-light:hover {
@@ -1779,11 +1779,11 @@ table {
 }
 
 .border-teal-dark {
-  border-color: #38a89d;
+  border-color: #51b5bb;
 }
 
 .border-teal {
-  border-color: #4dc0b5;
+  border-color: #5dcdd4;
 }
 
 .border-teal-light {
@@ -2075,11 +2075,11 @@ table {
 }
 
 .hover\:border-teal-dark:hover {
-  border-color: #38a89d;
+  border-color: #51b5bb;
 }
 
 .hover\:border-teal:hover {
-  border-color: #4dc0b5;
+  border-color: #5dcdd4;
 }
 
 .hover\:border-teal-light:hover {
@@ -4705,11 +4705,11 @@ table {
 }
 
 .text-teal-dark {
-  color: #38a89d;
+  color: #51b5bb;
 }
 
 .text-teal {
-  color: #4dc0b5;
+  color: #5dcdd4;
 }
 
 .text-teal-light {
@@ -5001,11 +5001,11 @@ table {
 }
 
 .group:hover .group-hover\:text-teal-dark {
-  color: #38a89d;
+  color: #51b5bb;
 }
 
 .group:hover .group-hover\:text-teal {
-  color: #4dc0b5;
+  color: #5dcdd4;
 }
 
 .group:hover .group-hover\:text-teal-light {
@@ -5297,11 +5297,11 @@ table {
 }
 
 .hover\:text-teal-dark:hover {
-  color: #38a89d;
+  color: #51b5bb;
 }
 
 .hover\:text-teal:hover {
-  color: #4dc0b5;
+  color: #5dcdd4;
 }
 
 .hover\:text-teal-light:hover {
@@ -5981,11 +5981,11 @@ table {
   }
 
   .sm\:bg-teal-dark {
-    background-color: #38a89d;
+    background-color: #51b5bb;
   }
 
   .sm\:bg-teal {
-    background-color: #4dc0b5;
+    background-color: #5dcdd4;
   }
 
   .sm\:bg-teal-light {
@@ -6277,11 +6277,11 @@ table {
   }
 
   .group:hover .sm\:group-hover\:bg-teal-dark {
-    background-color: #38a89d;
+    background-color: #51b5bb;
   }
 
   .group:hover .sm\:group-hover\:bg-teal {
-    background-color: #4dc0b5;
+    background-color: #5dcdd4;
   }
 
   .group:hover .sm\:group-hover\:bg-teal-light {
@@ -6573,11 +6573,11 @@ table {
   }
 
   .sm\:hover\:bg-teal-dark:hover {
-    background-color: #38a89d;
+    background-color: #51b5bb;
   }
 
   .sm\:hover\:bg-teal:hover {
-    background-color: #4dc0b5;
+    background-color: #5dcdd4;
   }
 
   .sm\:hover\:bg-teal-light:hover {
@@ -6933,11 +6933,11 @@ table {
   }
 
   .sm\:border-teal-dark {
-    border-color: #38a89d;
+    border-color: #51b5bb;
   }
 
   .sm\:border-teal {
-    border-color: #4dc0b5;
+    border-color: #5dcdd4;
   }
 
   .sm\:border-teal-light {
@@ -7229,11 +7229,11 @@ table {
   }
 
   .sm\:hover\:border-teal-dark:hover {
-    border-color: #38a89d;
+    border-color: #51b5bb;
   }
 
   .sm\:hover\:border-teal:hover {
-    border-color: #4dc0b5;
+    border-color: #5dcdd4;
   }
 
   .sm\:hover\:border-teal-light:hover {
@@ -9843,11 +9843,11 @@ table {
   }
 
   .sm\:text-teal-dark {
-    color: #38a89d;
+    color: #51b5bb;
   }
 
   .sm\:text-teal {
-    color: #4dc0b5;
+    color: #5dcdd4;
   }
 
   .sm\:text-teal-light {
@@ -10139,11 +10139,11 @@ table {
   }
 
   .group:hover .sm\:group-hover\:text-teal-dark {
-    color: #38a89d;
+    color: #51b5bb;
   }
 
   .group:hover .sm\:group-hover\:text-teal {
-    color: #4dc0b5;
+    color: #5dcdd4;
   }
 
   .group:hover .sm\:group-hover\:text-teal-light {
@@ -10435,11 +10435,11 @@ table {
   }
 
   .sm\:hover\:text-teal-dark:hover {
-    color: #38a89d;
+    color: #51b5bb;
   }
 
   .sm\:hover\:text-teal:hover {
-    color: #4dc0b5;
+    color: #5dcdd4;
   }
 
   .sm\:hover\:text-teal-light:hover {
@@ -11120,11 +11120,11 @@ table {
   }
 
   .md\:bg-teal-dark {
-    background-color: #38a89d;
+    background-color: #51b5bb;
   }
 
   .md\:bg-teal {
-    background-color: #4dc0b5;
+    background-color: #5dcdd4;
   }
 
   .md\:bg-teal-light {
@@ -11416,11 +11416,11 @@ table {
   }
 
   .group:hover .md\:group-hover\:bg-teal-dark {
-    background-color: #38a89d;
+    background-color: #51b5bb;
   }
 
   .group:hover .md\:group-hover\:bg-teal {
-    background-color: #4dc0b5;
+    background-color: #5dcdd4;
   }
 
   .group:hover .md\:group-hover\:bg-teal-light {
@@ -11712,11 +11712,11 @@ table {
   }
 
   .md\:hover\:bg-teal-dark:hover {
-    background-color: #38a89d;
+    background-color: #51b5bb;
   }
 
   .md\:hover\:bg-teal:hover {
-    background-color: #4dc0b5;
+    background-color: #5dcdd4;
   }
 
   .md\:hover\:bg-teal-light:hover {
@@ -12072,11 +12072,11 @@ table {
   }
 
   .md\:border-teal-dark {
-    border-color: #38a89d;
+    border-color: #51b5bb;
   }
 
   .md\:border-teal {
-    border-color: #4dc0b5;
+    border-color: #5dcdd4;
   }
 
   .md\:border-teal-light {
@@ -12368,11 +12368,11 @@ table {
   }
 
   .md\:hover\:border-teal-dark:hover {
-    border-color: #38a89d;
+    border-color: #51b5bb;
   }
 
   .md\:hover\:border-teal:hover {
-    border-color: #4dc0b5;
+    border-color: #5dcdd4;
   }
 
   .md\:hover\:border-teal-light:hover {
@@ -14982,11 +14982,11 @@ table {
   }
 
   .md\:text-teal-dark {
-    color: #38a89d;
+    color: #51b5bb;
   }
 
   .md\:text-teal {
-    color: #4dc0b5;
+    color: #5dcdd4;
   }
 
   .md\:text-teal-light {
@@ -15278,11 +15278,11 @@ table {
   }
 
   .group:hover .md\:group-hover\:text-teal-dark {
-    color: #38a89d;
+    color: #51b5bb;
   }
 
   .group:hover .md\:group-hover\:text-teal {
-    color: #4dc0b5;
+    color: #5dcdd4;
   }
 
   .group:hover .md\:group-hover\:text-teal-light {
@@ -15574,11 +15574,11 @@ table {
   }
 
   .md\:hover\:text-teal-dark:hover {
-    color: #38a89d;
+    color: #51b5bb;
   }
 
   .md\:hover\:text-teal:hover {
-    color: #4dc0b5;
+    color: #5dcdd4;
   }
 
   .md\:hover\:text-teal-light:hover {
@@ -16259,11 +16259,11 @@ table {
   }
 
   .lg\:bg-teal-dark {
-    background-color: #38a89d;
+    background-color: #51b5bb;
   }
 
   .lg\:bg-teal {
-    background-color: #4dc0b5;
+    background-color: #5dcdd4;
   }
 
   .lg\:bg-teal-light {
@@ -16555,11 +16555,11 @@ table {
   }
 
   .group:hover .lg\:group-hover\:bg-teal-dark {
-    background-color: #38a89d;
+    background-color: #51b5bb;
   }
 
   .group:hover .lg\:group-hover\:bg-teal {
-    background-color: #4dc0b5;
+    background-color: #5dcdd4;
   }
 
   .group:hover .lg\:group-hover\:bg-teal-light {
@@ -16851,11 +16851,11 @@ table {
   }
 
   .lg\:hover\:bg-teal-dark:hover {
-    background-color: #38a89d;
+    background-color: #51b5bb;
   }
 
   .lg\:hover\:bg-teal:hover {
-    background-color: #4dc0b5;
+    background-color: #5dcdd4;
   }
 
   .lg\:hover\:bg-teal-light:hover {
@@ -17211,11 +17211,11 @@ table {
   }
 
   .lg\:border-teal-dark {
-    border-color: #38a89d;
+    border-color: #51b5bb;
   }
 
   .lg\:border-teal {
-    border-color: #4dc0b5;
+    border-color: #5dcdd4;
   }
 
   .lg\:border-teal-light {
@@ -17507,11 +17507,11 @@ table {
   }
 
   .lg\:hover\:border-teal-dark:hover {
-    border-color: #38a89d;
+    border-color: #51b5bb;
   }
 
   .lg\:hover\:border-teal:hover {
-    border-color: #4dc0b5;
+    border-color: #5dcdd4;
   }
 
   .lg\:hover\:border-teal-light:hover {
@@ -20121,11 +20121,11 @@ table {
   }
 
   .lg\:text-teal-dark {
-    color: #38a89d;
+    color: #51b5bb;
   }
 
   .lg\:text-teal {
-    color: #4dc0b5;
+    color: #5dcdd4;
   }
 
   .lg\:text-teal-light {
@@ -20417,11 +20417,11 @@ table {
   }
 
   .group:hover .lg\:group-hover\:text-teal-dark {
-    color: #38a89d;
+    color: #51b5bb;
   }
 
   .group:hover .lg\:group-hover\:text-teal {
-    color: #4dc0b5;
+    color: #5dcdd4;
   }
 
   .group:hover .lg\:group-hover\:text-teal-light {
@@ -20713,11 +20713,11 @@ table {
   }
 
   .lg\:hover\:text-teal-dark:hover {
-    color: #38a89d;
+    color: #51b5bb;
   }
 
   .lg\:hover\:text-teal:hover {
-    color: #4dc0b5;
+    color: #5dcdd4;
   }
 
   .lg\:hover\:text-teal-light:hover {
@@ -21398,11 +21398,11 @@ table {
   }
 
   .xl\:bg-teal-dark {
-    background-color: #38a89d;
+    background-color: #51b5bb;
   }
 
   .xl\:bg-teal {
-    background-color: #4dc0b5;
+    background-color: #5dcdd4;
   }
 
   .xl\:bg-teal-light {
@@ -21694,11 +21694,11 @@ table {
   }
 
   .group:hover .xl\:group-hover\:bg-teal-dark {
-    background-color: #38a89d;
+    background-color: #51b5bb;
   }
 
   .group:hover .xl\:group-hover\:bg-teal {
-    background-color: #4dc0b5;
+    background-color: #5dcdd4;
   }
 
   .group:hover .xl\:group-hover\:bg-teal-light {
@@ -21990,11 +21990,11 @@ table {
   }
 
   .xl\:hover\:bg-teal-dark:hover {
-    background-color: #38a89d;
+    background-color: #51b5bb;
   }
 
   .xl\:hover\:bg-teal:hover {
-    background-color: #4dc0b5;
+    background-color: #5dcdd4;
   }
 
   .xl\:hover\:bg-teal-light:hover {
@@ -22350,11 +22350,11 @@ table {
   }
 
   .xl\:border-teal-dark {
-    border-color: #38a89d;
+    border-color: #51b5bb;
   }
 
   .xl\:border-teal {
-    border-color: #4dc0b5;
+    border-color: #5dcdd4;
   }
 
   .xl\:border-teal-light {
@@ -22646,11 +22646,11 @@ table {
   }
 
   .xl\:hover\:border-teal-dark:hover {
-    border-color: #38a89d;
+    border-color: #51b5bb;
   }
 
   .xl\:hover\:border-teal:hover {
-    border-color: #4dc0b5;
+    border-color: #5dcdd4;
   }
 
   .xl\:hover\:border-teal-light:hover {
@@ -25260,11 +25260,11 @@ table {
   }
 
   .xl\:text-teal-dark {
-    color: #38a89d;
+    color: #51b5bb;
   }
 
   .xl\:text-teal {
-    color: #4dc0b5;
+    color: #5dcdd4;
   }
 
   .xl\:text-teal-light {
@@ -25556,11 +25556,11 @@ table {
   }
 
   .group:hover .xl\:group-hover\:text-teal-dark {
-    color: #38a89d;
+    color: #51b5bb;
   }
 
   .group:hover .xl\:group-hover\:text-teal {
-    color: #4dc0b5;
+    color: #5dcdd4;
   }
 
   .group:hover .xl\:group-hover\:text-teal-light {
@@ -25852,11 +25852,11 @@ table {
   }
 
   .xl\:hover\:text-teal-dark:hover {
-    color: #38a89d;
+    color: #51b5bb;
   }
 
   .xl\:hover\:text-teal:hover {
-    color: #4dc0b5;
+    color: #5dcdd4;
   }
 
   .xl\:hover\:text-teal-light:hover {
diff --git a/tailwind.config.js b/tailwind.config.js
index 2198485..9bb0e72 100644
--- a/tailwind.config.js
+++ b/tailwind.config.js
@@ -90,8 +90,8 @@ let colors = {
 
   'teal-darkest': '#0d3331',
   'teal-darker': '#20504f',
-  'teal-dark': '#38a89d',
-  teal: '#4dc0b5',
+  'teal-dark': '#51b5bb',
+  teal: '#5dcdd4',
   'teal-light': '#64d5ca',
   'teal-lighter': '#a0f0ed',
   'teal-lightest': '#e8fffe',