From 4670098d207c888d7c0fddf4929bea23b152ec7a Mon Sep 17 00:00:00 2001
From: Oleg Stepura <github@oleg.stepura.com>
Date: Wed, 9 Aug 2017 12:27:02 +0200
Subject: [PATCH] Make checkbox border color according to spec

---
 components/checkbox/config.css | 1 +
 components/checkbox/theme.css  | 2 +-
 2 files changed, 2 insertions(+), 1 deletion(-)

diff --git a/components/checkbox/config.css b/components/checkbox/config.css
index fe33d1e8..7c3dff5a 100644
--- a/components/checkbox/config.css
+++ b/components/checkbox/config.css
@@ -8,6 +8,7 @@
   --checkbox-focus-color: color(var(--color-black) a(1%));
   --checkbox-focus-size: calc(var(--checkbox-size) * 2.3);
   --checkbox-text-color: var(--color-black);
+  --checkbox-border-color: var(--palette-grey-600);
   --checkbox-text-font-size: var(--font-size-small);
   --checkbox-total-height: calc(1.8 * var(--unit));
   --checkbox-transition-duration: 0.2s;
diff --git a/components/checkbox/theme.css b/components/checkbox/theme.css
index 748c0926..5ab7609c 100644
--- a/components/checkbox/theme.css
+++ b/components/checkbox/theme.css
@@ -57,7 +57,7 @@
 }
 
 .check {
-  border-color: var(--checkbox-text-color);
+  border-color: var(--checkbox-border-color);
   border-radius: 2px;
   border-style: solid;
   border-width: 2px;