From 28bd79862d488b091553ade8b80bf7e7c2109c6e Mon Sep 17 00:00:00 2001
From: Liu Fei <poticr@gmail.com>
Date: Tue, 2 Apr 2019 17:10:28 +0800
Subject: [PATCH] Update ui design (#461)

* Update primary color

* Update background color of button
---
 .../src/components/Table/README.md            | 32 +++++++++----------
 .../src/styles/variables/_button.scss         |  4 +--
 .../src/styles/variables/_colors.scss         |  4 +--
 3 files changed, 20 insertions(+), 20 deletions(-)

diff --git a/packages/react-impression/src/components/Table/README.md b/packages/react-impression/src/components/Table/README.md
index 01d61d3a0..e2aed8335 100644
--- a/packages/react-impression/src/components/Table/README.md
+++ b/packages/react-impression/src/components/Table/README.md
@@ -24,7 +24,7 @@ const columns = [
         <div className="text-center">
           <a
             href="#"
-            style={{ paddingRight: 16, color: '#276BF2', height: 18 }}
+            style={{ paddingRight: 16, color: '#417FFA', height: 18 }}
             onClick={e => {
               e.preventDefault()
               console.log(item)
@@ -35,7 +35,7 @@ const columns = [
           <span style={{ color: '#E9EBF0' }}>|</span>
           <a
             href="#"
-            style={{ paddingLeft: 16, color: '#276BF2' }}
+            style={{ paddingLeft: 16, color: '#417FFA' }}
             onClick={e => e.preventDefault()}
           >
             删除
@@ -120,7 +120,7 @@ const data = [
         <div className="text-center">
           <a
             href="#"
-            style={{ paddingRight: 16, color: '#276BF2', height: 18 }}
+            style={{ paddingRight: 16, color: '#417FFA', height: 18 }}
             onClick={e => {
               e.preventDefault()
               console.log(item)
@@ -131,7 +131,7 @@ const data = [
           <span style={{ color: '#E9EBF0' }}>|</span>
           <a
             href="#"
-            style={{ paddingLeft: 16, color: '#276BF2' }}
+            style={{ paddingLeft: 16, color: '#417FFA' }}
             onClick={e => e.preventDefault()}
           >
             删除
@@ -160,7 +160,7 @@ const columns = [
         <div className="text-center">
           <a
             href="#"
-            style={{ paddingRight: 16, color: '#276BF2' }}
+            style={{ paddingRight: 16, color: '#417FFA' }}
             onClick={e => e.preventDefault()}
           >
             编辑
@@ -168,7 +168,7 @@ const columns = [
           <span style={{ color: '#E9EBF0' }}>|</span>
           <a
             href="#"
-            style={{ paddingLeft: 16, color: '#276BF2' }}
+            style={{ paddingLeft: 16, color: '#417FFA' }}
             onClick={e => e.preventDefault()}
           >
             删除
@@ -224,7 +224,7 @@ const columns = [
         <div className="text-center">
           <a
             href="#"
-            style={{ paddingRight: 16, color: '#276BF2' }}
+            style={{ paddingRight: 16, color: '#417FFA' }}
             onClick={e => {
               e.preventDefault()
               console.log(item)
@@ -235,7 +235,7 @@ const columns = [
           <span style={{ color: '#E9EBF0' }}>|</span>
           <a
             href="#"
-            style={{ paddingLeft: 16, color: '#276BF2' }}
+            style={{ paddingLeft: 16, color: '#417FFA' }}
             onClick={e => e.preventDefault()}
           >
             删除
@@ -302,7 +302,7 @@ const columns = [
         <div className="text-center">
           <a
             href="#"
-            style={{ paddingRight: 16, color: '#276BF2' }}
+            style={{ paddingRight: 16, color: '#417FFA' }}
             onClick={e => {
               e.preventDefault()
               console.log(item)
@@ -313,7 +313,7 @@ const columns = [
           <span style={{ color: '#E9EBF0' }}>|</span>
           <a
             href="#"
-            style={{ paddingLeft: 16, color: '#276BF2' }}
+            style={{ paddingLeft: 16, color: '#417FFA' }}
             onClick={e => e.preventDefault()}
           >
             删除
@@ -411,7 +411,7 @@ const data = [
         <div className="text-center">
           <a
             href="#"
-            style={{ paddingRight: 16, color: '#276BF2' }}
+            style={{ paddingRight: 16, color: '#417FFA' }}
             onClick={e => {
               e.preventDefault()
               console.log(item)
@@ -422,7 +422,7 @@ const data = [
           <span style={{ color: '#E9EBF0' }}>|</span>
           <a
             href="#"
-            style={{ paddingLeft: 16, color: '#276BF2' }}
+            style={{ paddingLeft: 16, color: '#417FFA' }}
             onClick={e => e.preventDefault()}
           >
             删除
@@ -461,7 +461,7 @@ const columns = [
         <div className="text-center">
           <a
             href="#"
-            style={{ paddingRight: 16, color: '#276BF2' }}
+            style={{ paddingRight: 16, color: '#417FFA' }}
             onClick={e => {
               e.preventDefault()
               console.log(item)
@@ -472,7 +472,7 @@ const columns = [
           <span style={{ color: '#E9EBF0' }}>|</span>
           <a
             href="#"
-            style={{ paddingLeft: 16, color: '#276BF2' }}
+            style={{ paddingLeft: 16, color: '#417FFA' }}
             onClick={e => e.preventDefault()}
           >
             删除
@@ -598,7 +598,7 @@ const columns = [
         <div>
           <a
             href="#"
-            style={{ paddingRight: 16, color: '#276BF2', height: 18 }}
+            style={{ paddingRight: 16, color: '#417FFA', height: 18 }}
             onClick={e => {
               e.preventDefault()
               console.log(item)
@@ -609,7 +609,7 @@ const columns = [
           <span style={{ color: '#E9EBF0' }}>|</span>
           <a
             href="#"
-            style={{ paddingLeft: 16, paddingRight: 16, color: '#276BF2' }}
+            style={{ paddingLeft: 16, paddingRight: 16, color: '#417FFA' }}
             onClick={e => e.preventDefault()}
           >
             删除
diff --git a/packages/react-impression/src/styles/variables/_button.scss b/packages/react-impression/src/styles/variables/_button.scss
index e1421e25c..5282eb360 100644
--- a/packages/react-impression/src/styles/variables/_button.scss
+++ b/packages/react-impression/src/styles/variables/_button.scss
@@ -15,9 +15,9 @@ $btn-disabled-border: $gray !default;
 
 $btn-primary-color: $brand-pure !default;
 $btn-primary-bg: $brand-primary !default;
-$btn-active-primary-bg: #215acc !default;
+$btn-active-primary-bg: #3567CC !default;
 $btn-primary-border: $btn-primary-bg !default;
-$btn-hover-primary-bg: #2565e6 !default;
+$btn-hover-primary-bg: #3C74E6 !default;
 
 $btn-default-color: #12203d !default;
 $btn-default-bg: $brand-pure !default;
diff --git a/packages/react-impression/src/styles/variables/_colors.scss b/packages/react-impression/src/styles/variables/_colors.scss
index 6486b28ff..cb2f3f8a3 100644
--- a/packages/react-impression/src/styles/variables/_colors.scss
+++ b/packages/react-impression/src/styles/variables/_colors.scss
@@ -1,8 +1,8 @@
 // Colors
-$brand-primary: #276bf2 !default;
+$brand-primary: #417FFA !default;
 $brand-secondary: #fa8100 !default;
 $brand-success: #29b056 !default;
-$brand-info: #276bf2 !default;
+$brand-info: #417FFA !default;
 $brand-warning: #fa8100 !default;
 $brand-danger: #e92c2c !default;
 $brand-pure: #fff !default;