style(basic): add background to field submit

Author: kevinkosterr

src/fields/buttons/FieldReset.vue

@@ -1,5 +1,5 @@
 <template>
-  <input type="reset" :value="field.buttonText">
+  <input type="reset" class="field-reset" :value="field.buttonText">
 </template>
 
 <script>

src/scss/modules/_colors.scss

@@ -1,3 +1,6 @@
 $required-color: #ea0000;
 $hint-color: #9f9f9f;
-$strength-indicator-color: #00000019;
+$strength-indicator-color: #00000019;
+
+$primary-default: #007bff;
+$primary-default-border: #0070e6;

src/scss/themes/basic.scss

@@ -87,6 +87,21 @@ $input-padding: .3rem .4rem;
   }
   /** End of color field */
 
+  /** Submit field */
+  .field-submit {
+    color: #efefef;
+    background: $primary-default;
+    border: 1px solid $primary-default-border;
+    border-radius: 3px;
+    &:hover {
+      background: lighten($primary-default, 2%);
+    }
+  }
+
+  .field-reset {
+    border-radius: 3px;
+  }
+
   /** Switch field */
   .field-switch {
     position: relative;