From 9253298ceb90e2d60a7aadb7909e0ad94b391349 Mon Sep 17 00:00:00 2001
From: Yan Zhu <picturepan2@hotmail.com>
Date: Thu, 2 Mar 2017 16:27:19 +0800
Subject: CHG: Switch colors into variables again

---
 src/forms.less | 12 ++++++------
 1 file changed, 6 insertions(+), 6 deletions(-)

(limited to 'src/forms.less')

diff --git a/src/forms.less b/src/forms.less
index c7d81d5..2ef215e 100644
--- a/src/forms.less
+++ b/src/forms.less
@@ -6,7 +6,7 @@
 // Form element: Input boxes
 .form-input {
   appearance: none;
-  background: #fff;
+  background: @core-light-bg-color;
   background-image: none;
   border: .1rem solid @control-color;
   border-radius: @border-radius;
@@ -111,7 +111,7 @@
     }
   }
   &:not([multiple]) {
-    background: #fff url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAUCAMAAACzvE1FAAAADFBMVEUzMzMzMzMzMzMzMzMKAG/3AAAAA3RSTlMAf4C/aSLHAAAAPElEQVR42q3NMQ4AIAgEQTn//2cLdRKppSGzBYwzVXvznNWs8C58CiussPJj8h6NwgorrKRdTvuV9v16Afn0AYFOB7aYAAAAAElFTkSuQmCC) no-repeat right .75rem center / .8rem 1rem;
+    background: @core-light-bg-color url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAUCAMAAACzvE1FAAAADFBMVEUzMzMzMzMzMzMzMzMKAG/3AAAAA3RSTlMAf4C/aSLHAAAAPElEQVR42q3NMQ4AIAgEQTn//2cLdRKppSGzBYwzVXvznNWs8C58CiussPJj8h6NwgorrKRdTvuV9v16Afn0AYFOB7aYAAAAAElFTkSuQmCC) no-repeat right .75rem center / .8rem 1rem;
     height: 3.2rem;
     padding-right: 2.4rem;
   }
@@ -208,7 +208,7 @@
     &:checked + .form-icon {
       &::after {
         background-clip: padding-box;
-        border: .2rem solid #fff;
+        border: .2rem solid @core-light-color;
         border-left-width: 0;
         border-top-width: 0;
         content: "";
@@ -226,7 +226,7 @@
       background: @core-primary-color;
       border-color: @core-primary-color;
       &::after {
-        background: #fff;
+        background: @core-light-bg-color;
         content: "";
         height: .2rem;
         left: 50%;
@@ -246,7 +246,7 @@
 
   input:checked + .form-icon {
     &::after {
-      background: #fff;
+      background: @core-light-bg-color;
       border-radius: @border-radius;
       content: "";
       height: .4rem;
@@ -284,7 +284,7 @@
     vertical-align: top;
     width: 3rem;
     &::after {
-      background: #fff;
+      background: @core-light-bg-color;
       border-radius: .8rem;
       content: "";
       display: block;
-- 
cgit v1.3.1-23-gd82d