From e4b076acc6e6bed382e64529b0ed7b656d8ef436 Mon Sep 17 00:00:00 2001
From: Caleb Coy <caleb@kolide.co>
Date: Mon, 30 Jul 2018 09:01:27 -0400
Subject: [PATCH] Update color scheme to match Kolide branding (#1879)

---
 frontend/components/buttons/Rocker/_styles.scss   |  8 ++++----
 frontend/components/hosts/LonelyHost/_styles.scss |  2 +-
 frontend/styles/var/colors.scss                   | 14 +++++++-------
 3 files changed, 12 insertions(+), 12 deletions(-)

diff --git a/frontend/components/buttons/Rocker/_styles.scss b/frontend/components/buttons/Rocker/_styles.scss
index 479fe91eaa..ec5eb932d1 100644
--- a/frontend/components/buttons/Rocker/_styles.scss
+++ b/frontend/components/buttons/Rocker/_styles.scss
@@ -84,7 +84,7 @@
       left: 0;
       z-index: 1;
       font-size: 15px;
-      color: #fff;
+      color: #3f64ed;
       letter-spacing: 0.6px;
       display: block;
       text-align: center;
@@ -117,7 +117,7 @@
     }
 
     &--right {
-      @include linear-gradient(-180deg, #9651ca 81%, #6e3c93 100%);
+      @include linear-gradient(-180deg, #eaedfb 81%, #aab3bd 100%);
       right: 2px;
 
       span {
@@ -126,8 +126,8 @@
       }
 
       &::after {
-        background-color: #ae6ddf;
-        border: solid 1px #9651ca;
+        background-color: #ffffff;
+        border: solid 1px #d4d8df;
         border-radius: 1px 2px 2px 1px;
         right: 0;
         bottom: 3px;
diff --git a/frontend/components/hosts/LonelyHost/_styles.scss b/frontend/components/hosts/LonelyHost/_styles.scss
index 131d6e259e..8ea284301e 100644
--- a/frontend/components/hosts/LonelyHost/_styles.scss
+++ b/frontend/components/hosts/LonelyHost/_styles.scss
@@ -51,7 +51,7 @@
     h1 {
       font-size: 28px;
       font-weight: $normal;
-      color: #48c586;
+      color: #27d77e;
       padding-left: 5px;
     }
 
diff --git a/frontend/styles/var/colors.scss b/frontend/styles/var/colors.scss
index 754e4c8d13..400892cdb7 100644
--- a/frontend/styles/var/colors.scss
+++ b/frontend/styles/var/colors.scss
@@ -4,13 +4,13 @@ $accent-dark: #b8c2e3;
 $accent-light: #eaedfb;
 $accent-medium: #d2daf4;
 $accent-text: #a8b1cd;
-$alert: #ff5850;
+$alert: #ff287a;
 $alert-light: #ffb5b2;
 $bg-medium: #f4f6fb;
 $bg-light: #fcfcff;
 $border-medium: #d4d8df;
-$brand: #ae6ddf;
-$brand-dark: #9651ca;
+$brand: #3f64ed;
+$brand-dark: #00125f;
 $brand-light: #c38dec;
 $brand-ultralight: #edd6ff;
 $button-shadow: #734893;
@@ -19,11 +19,11 @@ $footer-accent: #84878e;
 $link: #4a90e2;
 $link-light: #c0d8f5;
 $silver: #d4d8df;
-$success: #4fd061;
-$success-light: #94e39f;
+$success: #27d77e;
+$success-light: #48da90;
 $text-dark: #858495;
 $text-light: #b2bbc6;
-$text-medium: #9ca3ac;
-$text-ultradark: #66696f;
+$text-medium: #00125f;
+$text-ultradark: #00125f;
 $warning: #ffad00;
 $warning-light: #ffda8c;