fix: border and input grey enhancements and consistency (#198)

improved border consistency across inputs increased the darkness of the grey in body and heading
Budibase · Feb 22, 2021 · 60fa469 · 60fa469
1 parent ce57184
commit 60fa469
Show file tree

Hide file tree

Showing 4 changed files with 5 additions and 5 deletions.
diff --git a/src/Form/Input.svelte b/src/Form/Input.svelte
@@ -119,7 +119,7 @@
     border: var(--border-blue);
   }
   input.outline {
-    border: var(--grey-2) 2px solid;
+    border: var(--border-light-2);
     background: var(--background);
   }
   input.outline:active {

diff --git a/src/Form/Select.svelte b/src/Form/Select.svelte
@@ -44,7 +44,7 @@
     background: var(--grey-2);
   }
   select.outline {
-    border: var(--border-dark);
+    border: var(--border-light-2);
   }
   select:focus {
     border: var(--border-blue);

diff --git a/src/Styleguide/Body.svelte b/src/Styleguide/Body.svelte
@@ -45,15 +45,15 @@
   }
 
   .grey {
-    color: var(--grey-5);
+    color: var(--grey-6);
   }
 
   .black {
     color: var(--ink);
   }
 
   .lh {
-    line-height: 1.5;
+    line-height: 1.75;
   }
 </style>
 

diff --git a/src/Styleguide/Heading.svelte b/src/Styleguide/Heading.svelte
@@ -47,7 +47,7 @@
   }
 
   .grey {
-    color: var(--grey-5);
+    color: var(--grey-6);
   }
 
   .black {
-Original file line number
+Diff line change
@@ Expand Up / @@ -47,7 +47,7 @@ @@
       }
       .grey {
-        color: var(--grey-5);
+        color: var(--grey-6);
       }
       .black {
@@ Expand Down @@