✏️ Changed styling v3.0.1

webgem-xyz · Jan 27, 2018 · 2fe1dd4 · 2fe1dd4
1 parent cf8f2a0
commit 2fe1dd4
Show file tree

Hide file tree

Showing 7 changed files with 22 additions and 18 deletions.
diff --git a/src/components/addButton/style.scss b/src/components/addButton/style.scss
@@ -1,8 +1,8 @@
 .button {
   align-items: center;
-  background: #fafafa;
-  border: 1px solid var(--main-color);
-  color: var(--main-color);
+  background: var(--main-color);
+  border: 0;
+  color: var(--main-bg-color);
   display: flex;
   flex-direction: column;
   justify-content: center;

diff --git a/src/components/datePicker/style.scss b/src/components/datePicker/style.scss
@@ -4,13 +4,15 @@
   width: 100%;
 
   label {
+    color: var(--main-blue);
     font-size: 16px;
     font-weight: 700;
   }
 }
 
 .date {
-  border: 1px solid var(--main-color);
+  background: var(--input-color);
+  border: 0;
   border-radius: 0;
   display: flex;
   font-size: 15px;

diff --git a/src/components/formItem/style.scss b/src/components/formItem/style.scss
@@ -15,7 +15,7 @@
 }
 
 .select {
-  background: var(--main-bg-color);
+  background: var(--input-color);
   border: 1px solid var(--main-color);
   border-radius: 0;
   font-size: 15px;

diff --git a/src/components/inputGroup/style.scss b/src/components/inputGroup/style.scss
@@ -4,15 +4,16 @@
   width: 49.5%;
 
   label {
+    color: var(--main-blue);
     font-size: 16px;
     font-weight: 700;
     margin-top: 10px;
   }
 }
 
 .inputField {
-  background: var(--main-bg-color);
-  border: 1px solid var(--main-color);
+  background: var(--input-color);
+  border: 0;
   border-radius: 0;
   font-size: 15px;
   margin-top: 5px;

diff --git a/src/components/locationPopup/style.scss b/src/components/locationPopup/style.scss
@@ -24,7 +24,7 @@
   padding: 0;
 
   label {
-    color: var(--main-color);
+    color: var(--main-blue);
     font-size: 16px;
     font-weight: 700;
     margin: 0 0 5px;

diff --git a/src/routes/add/style.scss b/src/routes/add/style.scss
@@ -6,10 +6,10 @@
 
 .addButton {
   align-items: center;
-  background: none;
-  border: 1px solid var(--main-color);
+  background: var(--main-purple);
+  border: 0;
   border-radius: 50%;
-  color: var(--main-color);
+  color: var(--main-bg-color);
   display: flex;
   font-size: 50px;
   font-weight: 400;
@@ -37,15 +37,15 @@
   padding: 14px 16px;
 
   label {
-    color: var(--main-color);
+    color: var(--main-blue);
     font-size: 16px;
     font-weight: 700;
     margin: 5px 0 4px;
   }
 
   select {
-    background: var(--main-bg-color);
-    border: 1px solid var(--main-color);
+    background: var(--input-color);
+    border: 0;
     border-radius: 0;
     display: inline-block;
     font-size: 15px;
@@ -109,7 +109,7 @@
 // }
 
 .addedInputField {
-  border: 1px solid var(--main-color);
+  border: 0;
   border-radius: 0;
   font-size: 15px;
   margin-top: 0;
@@ -165,8 +165,8 @@
 
   button {
     align-items: center;
-    background: none;
-    border: 1px solid var(--main-color);
+    background: var(--input-color);
+    border: 0;
     border-radius: 0;
     color: var(--main-color);
     display: flex;
@@ -182,7 +182,7 @@
   }
 
   label {
-    color: var(--main-color);
+    color: var(--main-blue);
     font-size: 16px;
     font-weight: 700;
     padding: 0;

diff --git a/src/style/index.scss b/src/style/index.scss
@@ -8,6 +8,7 @@
   --main-color: #666666;
   --medium-gray: #999999;
   --main-light-color: #e2e2e2;
+  --input-color: #ffffff;
 }
 
 html,