Update ui design (#461)

* Update primary color * Update background color of button
NewDadaFE · Apr 2, 2019 · 28bd798 · 28bd798
1 parent abd043b
commit 28bd798
Show file tree

Hide file tree

Showing 3 changed files with 20 additions and 20 deletions.
diff --git 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,15 +160,15 @@ const columns = [
         <div className="text-center">
           <a
             href="#"
-            style={{ paddingRight: 16, color: '#276BF2' }}
+            style={{ paddingRight: 16, color: '#417FFA' }}
             onClick={e => e.preventDefault()}
           >
             编辑
           </a>
           <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
@@ -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
@@ -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;