Update input background colors

WidgetA · May 8, 2019 · 8a7a6fb · 8a7a6fb
1 parent c8020e5
commit 8a7a6fb
Show file tree

Hide file tree

Showing 3 changed files with 3 additions and 6 deletions.
diff --git a/effects/input-outline.vue b/effects/input-outline.vue
@@ -18,15 +18,14 @@ input {
   color: white;
   font-size: inherit;
   font-family: inherit;
-  background-color: hsla(246, 45%, 15%, 0.4);
+  background-color: hsl(246, 41%, 18%);
   padding: 0.35em 0.45em;
   border: 1px solid transparent;
   transition: background-color 0.3s ease-in-out;
 }
 
 input:focus {
   outline: none;
-  background-color: hsla(246, 45%, 15%, 1);
 }
 
 input::placeholder {

diff --git a/effects/input-outline2.vue b/effects/input-outline2.vue
@@ -18,15 +18,14 @@ input {
   color: white;
   font-size: inherit;
   font-family: inherit;
-  background-color: hsla(246, 45%, 15%, 0.4);
+  background-color: hsl(246, 41%, 18%);
   padding: 0.35em 0.45em;
   border: 1px solid transparent;
   transition: background-color 0.3s ease-in-out;
 }
 
 input:focus {
   outline: none;
-  background-color: hsla(246, 45%, 15%, 1);
 }
 
 input::placeholder {

diff --git a/effects/input-trace.vue b/effects/input-trace.vue
@@ -18,15 +18,14 @@ input {
   color: white;
   font-size: inherit;
   font-family: inherit;
-  background-color: hsla(246, 45%, 15%, 0.4);
+  background-color: hsl(246, 41%, 18%);
   padding: 0.35em 0.45em;
   border: 1px solid transparent;
   transition: background-color 0.3s ease-in-out;
 }
 
 input:focus {
   outline: none;
-  background-color: hsla(246, 45%, 15%, 1);
 }
 
 input::placeholder {