From 0b8141aaa398b8f5f03f1264f29d3710a3563be5 Mon Sep 17 00:00:00 2001
From: Matthias Kretschmann <m@kretschmann.io>
Date: Fri, 13 Apr 2018 14:45:17 +0200
Subject: [PATCH] more color shuffling

---
 _src/_assets/styles/_page-services.scss       | 26 ++++++++++++++-----
 .../styles/bigchain/_mixins/_backgrounds.scss |  9 -------
 _src/_includes/form-services.html             |  2 +-
 .../sections/section-cta-services.html        |  2 +-
 _src/services.html                            |  4 +--
 5 files changed, 24 insertions(+), 19 deletions(-)

diff --git a/_src/_assets/styles/_page-services.scss b/_src/_assets/styles/_page-services.scss
index 852124a..0fb74c7 100644
--- a/_src/_assets/styles/_page-services.scss
+++ b/_src/_assets/styles/_page-services.scss
@@ -38,8 +38,12 @@
         fill: $brand-main-blue-light;
     }
 
+    .hero__title {
+        margin-top: $spacer;
+    }
+
     .hero__subtitle {
-        margin-bottom: $spacer * 2;
+        margin-bottom: $spacer * 3;
         font-size: $font-size-h5;
 
         @media ($screen-sm) {
@@ -59,15 +63,25 @@
 
 .section--servicesdetail {
     .feature__icon {
-        stroke: $brand-main-gray;
-        color: $brand-main-violet;
+        stroke: rgba($brand-main-gray, .65);
+        color: rgba($brand-main-violet, .65);
+    }
+
+    .feature__title {
+        // the bottom line
+        &:after {
+            background: rgba($brand-main-gray, .2);
+        }
+    }
+
+    .feature__text {
+        color: rgba($brand-main-blue, .65);
     }
 
     .actions {
         text-align: center;
-        margin-top: $spacer * 2;
-        padding-top: $spacer * 2;
-        border-top: 1px solid darken($brand-main-blue-light, 10%);
+        padding-top: $spacer * 3;
+        border-top: 2px solid rgba($brand-main-gray, .1);
     }
 }
 
diff --git a/_src/_assets/styles/bigchain/_mixins/_backgrounds.scss b/_src/_assets/styles/bigchain/_mixins/_backgrounds.scss
index 21732aa..329ef37 100644
--- a/_src/_assets/styles/bigchain/_mixins/_backgrounds.scss
+++ b/_src/_assets/styles/bigchain/_mixins/_backgrounds.scss
@@ -35,15 +35,6 @@
     h3 {
         color: $brand-main-blue;
     }
-
-    .feature__title {
-        color: $brand-main-blue;
-
-        // the bottom line
-        &:after {
-            background: darken($brand-main-blue-light, 10%);
-        }
-    }
 }
 
 .background--gray {
diff --git a/_src/_includes/form-services.html b/_src/_includes/form-services.html
index a115b2f..8ca3eaf 100644
--- a/_src/_includes/form-services.html
+++ b/_src/_includes/form-services.html
@@ -79,7 +79,7 @@
         Fields marked with <span class="required">*</span> are required.
     </p>
     <p class="form-group">
-        <input class="btn btn-violet" type="submit" value="Send">
+        <input class="btn btn-blue-light" type="submit" value="Send">
     </p>
 
     <div class="alert alert-success animation-slide-in-from-bottom hide">
diff --git a/_src/_includes/sections/section-cta-services.html b/_src/_includes/sections/section-cta-services.html
index 0a9b39b..761e97b 100644
--- a/_src/_includes/sections/section-cta-services.html
+++ b/_src/_includes/sections/section-cta-services.html
@@ -10,7 +10,7 @@
             <h1 class="section-title">Hands-on consulting and production support by blockchain experts.</h1>
         </header>
 
-        <a class="btn btn-violet" href="{% link services.html %}">
+        <a class="btn btn-blue" href="{% link services.html %}">
             Explore Services
         </a>
     </div>
diff --git a/_src/services.html b/_src/services.html
index 49e5561..be33b43 100644
--- a/_src/services.html
+++ b/_src/services.html
@@ -91,7 +91,7 @@ contact:
             <h2 class="hero__subtitle">{{ page.hero.description }}</h2>
 
             {% for cta in page.hero.cta %}
-                <a class="btn btn-violet hero__action" href="{{ cta.link }}" {% if cta.scroll %}data-scroll{% endif %}>{{ cta.name }}</a>
+                <a class="btn btn-blue-light hero__action" href="{{ cta.link }}" {% if cta.scroll %}data-scroll{% endif %}>{{ cta.name }}</a>
             {% endfor %}
         </hgroup>
     </div>
@@ -118,7 +118,7 @@ contact:
         </div>
 
         <div class="actions">
-            <a class="btn btn-violet" data-scroll href="#contact">Get in touch</a>
+            <a class="btn btn-blue" data-scroll href="#contact">Get in touch</a>
         </div>
 
     </div>